:root{--c-sky-900: #0b1e4a;--c-sky-700: #1f5fc9;--c-sky-400: #5fb0f5;--c-suit: #62b1ec;--c-cape: #1e3fa3;--c-ink: #0b1433;--c-white: #ffffff;--c-cream: #fff4dc;--c-coin: #ffd23f;--c-coin-dark: #c98300;--c-danger: #ff4d6d;--c-ok: #3ddc84;--glass: rgba(11, 30, 74, .55);--glass-strong: rgba(11, 30, 74, .82);--border: rgba(255, 255, 255, .18);--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Baloo 2", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--game-w: 480;--game-h: 800}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at top,#16357a,#060f2b 70%);color:var(--c-white);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:none}button,input{font:inherit;color:inherit}[hidden]{display:none!important}.app{position:relative;width:min(100vw,calc(100dvh * var(--game-w) / var(--game-h)));height:min(100dvh,calc(100vw * var(--game-h) / var(--game-w)));margin:0 auto;top:50%;transform:translateY(-50%);overflow:hidden;container-type:size;box-shadow:0 0 60px #00000080}@media(min-width:600px){.app{border-radius:var(--radius-l);height:min(96dvh,calc(100vw * var(--game-h) / var(--game-w)));width:min(100vw,calc(96dvh * var(--game-w) / var(--game-h)))}}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud,.screen,.controls{font-size:clamp(11px,3.4cqw,18px)}.hud{position:absolute;inset:0 0 auto;padding:2.4cqw 3cqw 0;display:grid;gap:1.6cqw;pointer-events:none}.hud__row{display:flex;justify-content:space-between;align-items:center;gap:2cqw}.hud__actions{display:flex;gap:1.6cqw;pointer-events:auto}.namebar{display:flex;align-items:center;gap:1.6cqw;padding:.6cqw 3cqw .6cqw .6cqw;background:var(--glass);border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(6px);max-width:62%}.namebar__avatar{width:8cqw;height:8cqw;object-fit:cover;border-radius:50%;background:linear-gradient(160deg,var(--c-sky-400),var(--c-sky-700));border:2px solid var(--c-white)}.namebar__name{font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorebar{display:flex;align-items:baseline;gap:1.6cqw;padding:1cqw 3cqw;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-m);backdrop-filter:blur(6px)}.scorebar__label{font-size:.7em;font-weight:800;opacity:.75;letter-spacing:.12em}.scorebar__value{font-size:1.7em;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--c-ink)}.scorebar__best{font-size:.72em;opacity:.8}.hud.is-record .scorebar{border-color:var(--c-coin);box-shadow:0 0 16px #ffd23f8c}.coinbar{display:flex;align-items:center;gap:1.2cqw;padding:.8cqw 2.6cqw .8cqw .8cqw;background:linear-gradient(180deg,#ffd23f47,#c9830059);border:1px solid rgba(255,210,63,.7);border-radius:999px;backdrop-filter:blur(6px)}.coinbar__icon{width:7.5cqw;height:7.5cqw;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.coinbar__value{font-size:1.35em;font-weight:900;font-variant-numeric:tabular-nums;color:var(--c-coin);text-shadow:0 2px 0 var(--c-ink)}.coinbar__unit{font-size:.7em;font-weight:800;opacity:.85}.hud__row--power{justify-content:flex-end;min-height:0}.powerbar{display:flex;align-items:center;gap:1.4cqw;padding:.8cqw 2.4cqw .8cqw 1.2cqw;border-radius:999px;background:linear-gradient(180deg,#ff5a6e52,#780a1e73);border:1px solid rgba(255,140,155,.8);backdrop-filter:blur(6px);font-size:.8em;font-weight:800}.powerbar[hidden]{display:none}.powerbar__icon{width:5.5cqw;height:5.5cqw}.powerbar__label{letter-spacing:.08em;font-size:.8em}.powerbar__track{width:14cqw;height:1.6cqw;border-radius:999px;background:#00000059;overflow:hidden}.powerbar__fill{display:block;height:100%;width:calc(var(--left, 1) * 100%);background:linear-gradient(90deg,#ff5a6e,#ffc2ca);transition:width 1s linear}.powerbar__time{min-width:5cqw;text-align:right}.powerbar.is-ending{animation:blink .5s steps(2,jump-none) infinite}.powerbar.is-pulse{animation:pop .3s ease-out}@keyframes blink{50%{opacity:.45}}.coinbar.is-pulse{animation:pop .3s ease-out}.icon-btn{width:9.5cqw;height:9.5cqw;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(6px);cursor:pointer;font-size:.95em}.icon-btn:hover{background:var(--glass-strong)}.icon-btn.is-off{position:relative;opacity:.55}.icon-btn.is-off:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:3px;border-radius:2px;background:var(--c-danger);transform:rotate(-40deg)}.menu__audio{position:absolute;top:3cqw;right:3cqw;display:flex;gap:2cqw}.toast{position:absolute;z-index:30;left:50%;bottom:22cqw;transform:translate(-50%);display:flex;align-items:center;gap:3cqw;padding:2cqw 2cqw 2cqw 4cqw;border-radius:999px;background:var(--glass-strong);border:1px solid var(--border);box-shadow:var(--shadow);font-size:clamp(11px,3.4cqw,18px);white-space:nowrap}.toast__btn{border:0;border-radius:999px;padding:1.4cqw 3.5cqw;background:var(--c-coin);color:var(--c-ink);font-weight:800;cursor:pointer}.controls{position:absolute;inset:auto 0 0;padding:0 3.5cqw calc(3.5cqw + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.ctrl{pointer-events:auto;display:grid;place-items:center;padding:0;border-radius:50%;border:3px solid rgba(255,255,255,.7);box-shadow:var(--shadow);touch-action:none;cursor:pointer;transition:transform .08s,background-color .08s}.ctrl--move{width:21cqw;height:21cqw;background:#0b1e4a47}.ctrl--move svg{width:52%;fill:none;stroke:var(--c-white);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.ctrl--move.is-pressed{transform:scale(.92);background:#5fb0f5bf;border-color:var(--c-white)}.ctrl--shoot{width:16cqw;height:16cqw;margin-bottom:2.5cqw;background:radial-gradient(circle at 35% 30%,#aef9ff,#1fb6d6);opacity:.8;font-size:7cqw}.ctrl--shoot:active{transform:scale(.92)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.6cqw;padding:6cqw;text-align:center}.screen--loading{background:linear-gradient(180deg,var(--c-sky-900),var(--c-sky-700));gap:6cqw}.screen--menu{background:linear-gradient(180deg,#0b1e4a8c,#0b1e4a26 45%,#0b1e4aa6);justify-content:flex-start;padding-top:8cqw}.screen--overlay{background:#060f2b99;backdrop-filter:blur(3px);animation:fade-in .25s ease-out}.brand-logo{width:12cqw;height:auto}.brand-logo--pulse{width:30cqw;animation:breathe 1.4s ease-in-out infinite}.progress{width:55cqw;height:1.6cqw;border-radius:999px;background:#ffffff2e;overflow:hidden}.progress__bar{width:0;height:100%;background:linear-gradient(90deg,var(--c-sky-400),var(--c-coin));transition:width .2s ease}.menu__brand{display:flex;align-items:center;gap:2cqw;font-size:.75em;font-weight:800;letter-spacing:.25em;opacity:.9}.menu__brand .brand-logo{width:8cqw}.title{margin:0 0 1cqw;font-size:4.2em;font-weight:900;line-height:.95;letter-spacing:-.02em;color:var(--c-white);-webkit-text-stroke:.6cqw var(--c-ink);paint-order:stroke fill;text-shadow:0 1.2cqw 0 var(--c-cape),0 2cqw 18px rgba(0,0,0,.4);animation:float 3s ease-in-out infinite}.title span{color:var(--c-coin)}.namebox{width:100%;max-width:78cqw;padding:2.4cqw 3cqw 1.2cqw;border-radius:var(--radius-m);background:var(--glass-strong);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left}.namebox__label{display:block;font-size:.72em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:1cqw}.namebox__row{display:flex;gap:1.6cqw}.namebox__input{flex:1;min-width:0;padding:1.8cqw 3cqw;border-radius:var(--radius-s);border:2px solid transparent;background:#fffffff2;color:var(--c-ink);font-weight:800;font-size:1.1em;outline:none;user-select:text}.namebox__input:focus{border-color:var(--c-sky-400)}.namebox__save{width:11cqw;border:0;border-radius:var(--radius-s);background:var(--c-sky-700);font-weight:900;font-size:1.2em;cursor:pointer}.namebox.is-saved .namebox__save{background:var(--c-ok)}.namebox__error{min-height:1.3em;margin:.8cqw 0 0;font-size:.75em;color:#ffb3c1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;width:100%;max-width:78cqw}.stat{padding:1.8cqw 1cqw;border-radius:var(--radius-s);background:var(--glass);border:1px solid var(--border);display:grid;gap:.4cqw}.stat__label{font-size:.65em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.stat__value{display:flex;justify-content:center;align-items:center;gap:1cqw;font-size:1.25em;font-weight:900;font-variant-numeric:tabular-nums}.stat__value img{width:5cqw}.stat--coin{border-color:#ffd23f99}.stat--coin .stat__value{color:var(--c-coin)}.hint{margin:auto 0 0;font-size:.72em;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hint--touch,.is-touch .hint--desktop{display:none}.is-touch .hint--touch{display:inline}.version{font-size:.65em;opacity:.6}.btn{width:100%;max-width:64cqw;padding:2.2cqw 4cqw;border-radius:var(--radius-m);border:2px solid var(--c-ink);font-weight:900;font-size:1.05em;letter-spacing:.04em;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px) scale(.98)}.btn--primary{background:linear-gradient(180deg,#ffe06b,var(--c-coin) 50%,#f0a800);color:var(--c-ink);box-shadow:0 1.2cqw 0 var(--c-coin-dark),var(--shadow)}.btn--big{font-size:1.5em;padding:2.8cqw 4cqw;margin-top:1cqw}.btn--ghost{background:var(--glass-strong);border-color:var(--border)}.btn-row{display:flex;gap:2cqw;width:100%;max-width:64cqw}.btn-row .btn{font-size:.85em;padding:2cqw 1cqw}.panel{width:100%;max-width:82cqw;padding:5cqw 5cqw 4cqw;border-radius:var(--radius-l);background:linear-gradient(180deg,#1f5fc9f2,#0b1e4af7);border:2px solid rgba(255,255,255,.25);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:2.4cqw;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}.panel__title{margin:0;font-size:2em;font-weight:900;text-shadow:0 3px 0 var(--c-ink)}.scoreboard__hero{height:calc(33.5cqw * var(--sprite-h, 1));width:auto;max-width:60cqw;margin-top:calc(-16cqw - 33.5cqw * (var(--sprite-h, 1) - 1));filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));animation:float 2.4s ease-in-out infinite}.scoreboard.is-record .panel__title{color:var(--c-coin)}.scoreboard__badge{margin:0;padding:1cqw 3cqw;border-radius:999px;background:#ffd23f33;border:1px solid var(--c-coin);font-weight:800;font-size:.85em}.scoreboard__grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;width:100%;margin:0}.scoreboard__grid>div{padding:2cqw;border-radius:var(--radius-s);background:#00000038}.scoreboard__grid dt{font-size:.65em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.scoreboard__grid dd{margin:0;font-size:1.6em;font-weight:900;font-variant-numeric:tabular-nums}.scoreboard__grid .coin dd{color:var(--c-coin)}.scoreboard__wallet{display:flex;align-items:center;gap:1.2cqw;margin:0;font-size:.85em}.scoreboard__wallet img{width:5.5cqw}.leaderboard__list{list-style:none;margin:0;padding:0;width:100%;max-height:110cqw;overflow-y:auto;display:grid;gap:1.2cqw}.lb-row{display:grid;grid-template-columns:9cqw 1fr auto auto;align-items:center;gap:2cqw;padding:1.6cqw 2.4cqw;border-radius:var(--radius-s);background:#00000038;text-align:left}.lb-row.is-me{background:#5fb0f54d;outline:1px solid var(--c-sky-400)}.lb-row__rank{font-weight:900;font-size:1.1em;text-align:center}.lb-row__name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:grid}.lb-row__name small{font-size:.65em;font-weight:600;opacity:.6}.lb-row__coins{display:flex;align-items:center;gap:.8cqw;font-size:.8em;color:var(--c-coin);font-weight:800}.lb-row__coins img{width:4cqw}.lb-row__score{font-weight:900;font-size:1.1em;font-variant-numeric:tabular-nums;min-width:14cqw;text-align:right}.leaderboard__empty{opacity:.75;margin:2cqw 0}.error{color:#ffb3c1;padding:6cqw}@keyframes pop{50%{transform:scale(1.18)}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes float{50%{transform:translateY(-1.2cqw)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.leaderboard__status{display:inline-flex;align-items:center;gap:1.2cqw;margin:-1cqw 0 0;padding:.6cqw 2.4cqw;border-radius:999px;font-size:.7em;font-weight:800;letter-spacing:.1em;background:#00000040}.leaderboard__status:before{content:"";width:1.6cqw;height:1.6cqw;border-radius:50%;background:#9aa8c7}.leaderboard__status[data-status=live]{color:#b9ffd6}.leaderboard__status[data-status=live]:before{background:var(--c-ok);box-shadow:0 0 #3ddc84b3;animation:live-dot 1.6s infinite}.leaderboard__status[data-status=connecting]:before{background:var(--c-coin)}.leaderboard__status[data-status=error]:before{background:var(--c-danger)}.leaderboard__list--me{padding-top:1.6cqw;border-top:1px dashed rgba(255,255,255,.3)}.lb-row__name>span{overflow:hidden;text-overflow:ellipsis}.lb-row__name em{font-style:normal;font-size:.75em;opacity:.75}.leaderboard__note{margin:0;font-size:.65em;opacity:.6}.leaderboard.is-loading .leaderboard__list,.screen.is-loading .leaderboard__list{opacity:.45;transition:opacity .2s}.scoreboard__badge.is-muted{border-color:#ffffff4d;background:#0003}@keyframes live-dot{70%{box-shadow:0 0 0 2cqw #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.lvl-pill{flex:none;display:inline-block;padding:.15em .55em;border-radius:999px;background:linear-gradient(160deg,#ffe07a,#f5a623);color:#3a2300;font-size:.68em;font-weight:900;letter-spacing:.02em;line-height:1.3;font-variant-numeric:tabular-nums;box-shadow:0 1px #fff9 inset,0 1px 3px #00000059;white-space:nowrap}.lvl-pill--hud{font-size:.62em}.lb-row__who{display:flex;align-items:center;gap:1.4cqw;min-width:0}.xpbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2cqw;width:100%;max-width:78cqw;padding:1.4cqw 2.4cqw;border-radius:var(--radius-s);background:var(--glass);border:1px solid rgba(255,210,63,.45)}.xpbar__badge{font-size:.62em;font-weight:800;letter-spacing:.1em;color:#ffe07a;white-space:nowrap}.xpbar__badge b{font-size:1.6em;font-weight:900;letter-spacing:0;color:var(--c-white);font-variant-numeric:tabular-nums}.xpbar__track{height:2.2cqw;min-height:7px;border-radius:999px;background:#00000059;overflow:hidden}.xpbar__fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd23f,#ff9f1c);box-shadow:0 0 8px #ffd23fb3;transition:width .9s cubic-bezier(.2,.8,.2,1)}.xpbar__text{font-size:.66em;font-weight:800;opacity:.9;font-variant-numeric:tabular-nums;white-space:nowrap}.xpbar--compact{max-width:none}.scoreboard__level{display:grid;gap:1.2cqw;width:100%}.levelup{margin:0;padding:1.2cqw 2cqw;border-radius:var(--radius-s);background:linear-gradient(160deg,#ffe07a,#f5a623);color:#3a2300;font-weight:900;letter-spacing:.04em;text-align:center;box-shadow:0 0 18px #ffd23fa6}.levelup.is-pop{animation:level-pop .7s cubic-bezier(.2,1.6,.4,1) both}@keyframes level-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.levelup.is-pop{animation:none}.xpbar__fill{transition:none}}.wardrobe{max-height:94%;overflow-y:auto;gap:1.8cqw;padding-top:4cqw}.wardrobe__wallet{margin:0;display:flex;align-items:center;gap:1.4cqw;padding:.8cqw 3cqw .8cqw 1cqw;border-radius:999px;background:linear-gradient(180deg,#ffd23f47,#c9830059);border:1px solid rgba(255,210,63,.7);font-weight:800}.wardrobe__wallet img{width:6cqw;height:6cqw}.wardrobe__stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6cqw;padding:1cqw 0 .6cqw;border-radius:var(--radius-m);background:radial-gradient(ellipse at 50% 85%,rgba(95,176,245,.45),transparent 70%)}.wardrobe__preview{height:calc(23cqw * var(--sprite-h, 1));width:auto;max-width:64cqw;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));animation:float 2.4s ease-in-out infinite}.wardrobe__caption{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}.wardrobe__caption b{font-size:1.1em}.wardrobe__caption span{font-size:.75em;opacity:.8}.wardrobe__error{margin:0;color:var(--c-danger);font-size:.8em;text-align:center}.wardrobe__list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:1.6cqw}.skin-card{display:grid;grid-template-columns:12cqw 1fr auto;align-items:center;gap:2.4cqw;padding:1cqw 2cqw;border-radius:var(--radius-m);background:var(--glass);border:2px solid var(--border);cursor:pointer}.skin-card.is-selected{border-color:#7fd4ffe6;background:#1f5fc98c}.skin-card__img{width:12cqw;height:12cqw;object-fit:contain}.skin-card__info{display:flex;flex-direction:column;line-height:1.2;min-width:0}.skin-card__info small{font-size:.72em;opacity:.8}.skin-card.is-owned .skin-card__info small{color:var(--c-ok);opacity:1}.skin-card__btn{display:inline-flex;align-items:center;gap:1cqw;padding:1.4cqw 3cqw;border-radius:999px;border:0;font:inherit;font-size:.8em;font-weight:800;color:var(--c-ink);background:linear-gradient(180deg,#fff,#cfe6ff);cursor:pointer;white-space:nowrap}.skin-card__btn img{width:4.6cqw;height:4.6cqw}.skin-card__btn--buy{background:linear-gradient(180deg,#ffe27a,var(--c-coin))}.skin-card__btn--confirm{background:linear-gradient(180deg,#7dffb4,var(--c-ok));animation:pop .3s ease-out}.skin-card__btn--worn{background:transparent;color:var(--c-ok);border:1px solid var(--c-ok)}.skin-card__btn--locked,.skin-card__btn--busy{background:#ffffff26;color:#ffffffbf;cursor:default}.wardrobe__note{margin:0;font-size:.72em;opacity:.75;text-align:center}