:root{--blue: #2f7fff;--blue-bright: #5aa0ff;--yellow: #ffd23f;--red: #ff4a35;--beige: #d8c39a;--ink: #ffffff;--dim: rgba(255, 255, 255, .62);--faint: rgba(255, 255, 255, .34);--panel: rgba(255, 255, 255, .08);--panel-strong: rgba(255, 255, 255, .14);--line: rgba(255, 255, 255, .16);--bg: #05060c;--pad-top: max(14px, env(safe-area-inset-top));--pad-bottom: max(14px, env(safe-area-inset-bottom));--pad-x: max(18px, env(safe-area-inset-left))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Bahnschrift,DIN Alternate,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;overscroll-behavior:none;user-select:none}#app{position:fixed;inset:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .28s ease}.screen.active{opacity:1;pointer-events:auto}#menu-canvas{position:absolute;inset:0;z-index:0}#menu-canvas.hidden{display:none}.screen>*{position:relative;z-index:1}.veil{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 50% 0%,rgba(47,127,255,.16),transparent 60%),linear-gradient(180deg,#05060c80,#05060ce0 55%,#05060cf5);pointer-events:none}#screen-home{align-items:center;justify-content:space-between;padding:var(--pad-top) var(--pad-x) var(--pad-bottom);text-align:center}.home-top{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:6vh}.logo{width:min(46vw,190px);aspect-ratio:1;border-radius:26%;box-shadow:0 18px 60px #2f7fff52,0 0 0 1px #ffffff1f;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wordmark{font-size:clamp(34px,11vw,54px);font-weight:800;letter-spacing:.14em;margin:0;line-height:1;background:linear-gradient(180deg,#fff 20%,var(--blue-bright) 120%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(47,127,255,.35)}.tagline{margin:0;color:var(--dim);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.home-buttons{display:flex;flex-direction:column;gap:14px;width:min(86vw,360px);margin-bottom:8vh}.btn{appearance:none;border:none;border-radius:16px;padding:18px 22px;font:inherit;font-size:19px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;cursor:pointer;transition:transform .12s ease,filter .18s ease,background .18s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,var(--blue-bright),var(--blue));box-shadow:0 12px 34px #2f7fff6b,inset 0 1px #ffffff57}.btn-ghost{background:#969caa38;border:1px solid var(--line);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#969caa4d}.btn-small{padding:11px 16px;font-size:13px;border-radius:12px;letter-spacing:.1em}.btn-install{font-size:14px;padding:13px 18px;letter-spacing:.12em;background:#969caa1f;color:var(--dim)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:active{transform:none}.topbar{display:flex;align-items:center;gap:12px;padding:var(--pad-top) var(--pad-x) 12px;flex:0 0 auto}.topbar h2{margin:0;font-size:20px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;flex:1}.back{appearance:none;border:1px solid var(--line);background:var(--panel);color:#fff;width:40px;height:40px;border-radius:12px;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}.back:active{transform:scale(.94)}.coins{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#ffd23f24;border:1px solid rgba(255,210,63,.4);font-weight:700;font-size:15px;color:var(--yellow);flex:0 0 auto}.coins .dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff3b8,var(--yellow) 60%,#b8860b)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px var(--pad-x) calc(var(--pad-bottom) + 20px)}.world-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;margin-bottom:11px;border-radius:18px;background:var(--panel);border:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,background .18s ease}.world-card:active{transform:scale(.985)}.world-card.locked{opacity:.42;cursor:default}.world-card.locked:active{transform:none}.orb{width:46px;height:46px;border-radius:50%;flex:0 0 auto;position:relative;box-shadow:inset -6px -6px 14px #0000008c}.orb.ringed:after{content:"";position:absolute;left:-32%;right:-32%;top:46%;height:5px;border-radius:50%;background:currentColor;opacity:.75;transform:rotate(-18deg)}.world-meta{flex:1;min-width:0}.world-meta .name{font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.world-meta .sub{font-size:12px;color:var(--dim);margin-top:3px}.badge{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:8px;background:var(--panel-strong);color:var(--dim);flex:0 0 auto}.badge.done{background:#2fff8f29;color:#63ffa1}.badge.bonus{background:#ffd23f29;color:var(--yellow)}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.level-card{padding:18px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease}.level-card:active{transform:scale(.97)}.level-card.locked{opacity:.36;cursor:default}.level-card.locked:active{transform:none}.level-card.done{border-color:#63ffa166;background:#63ffa114}.level-card .num{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.level-card .info{font-size:11px;color:var(--dim);margin-top:6px}.level-card .tick{color:#63ffa1;font-size:12px;margin-top:6px}.section-note{color:var(--dim);font-size:12.5px;line-height:1.5;margin:0 0 14px}.shop-item{padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);margin-bottom:11px}.shop-head{display:flex;align-items:baseline;gap:10px}.shop-head .name{font-size:16px;font-weight:700;letter-spacing:.06em;flex:1}.shop-head .tier{font-size:11px;color:var(--dim);letter-spacing:.08em}.shop-item .desc{font-size:12.5px;color:var(--dim);line-height:1.5;margin:8px 0 12px}.pips{display:flex;gap:5px;margin-bottom:12px}.pip{height:4px;flex:1;border-radius:2px;background:#ffffff24}.pip.on{background:var(--blue-bright)}.shop-buy{display:flex;align-items:center;gap:10px}.price{font-weight:700;font-size:14px;color:var(--yellow);display:inline-flex;align-items:center;gap:6px}.shop-buy .btn{margin-left:auto}.designs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.design{padding:12px 8px;border-radius:14px;background:#ffffff0f;border:1px solid var(--line);text-align:center;cursor:pointer;font:inherit;color:inherit}.design.equipped{border-color:var(--blue-bright);background:#2f7fff29}.design.locked{opacity:.55}.design .swatch{width:30px;height:30px;border-radius:9px;margin:0 auto 8px;box-shadow:inset 0 -6px 10px #0006}.design .dname{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.design .dprice{font-size:10.5px;color:var(--yellow);margin-top:4px}.design .dprice.owned{color:var(--faint)}#screen-game{padding:0}#game-canvas{position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:var(--pad-top) var(--pad-x) var(--pad-bottom)}.hud-top{display:flex;align-items:flex-start;gap:10px}.hud-top .back{pointer-events:auto;background:#0006}.hud-title{flex:1;text-align:center}.hud-title .lvl{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hud-title .wld{font-size:11px;color:var(--dim);letter-spacing:.16em;text-transform:uppercase}.hud-chip{padding:8px 12px;border-radius:12px;background:#0006;border:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.hud-chip.coins-chip{color:var(--yellow)}.progress-wrap{margin-top:12px}.progress{height:6px;border-radius:3px;background:#ffffff26;overflow:hidden}.progress .fill{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--blue-bright));transition:width .12s linear}.progress-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);margin-top:5px;letter-spacing:.1em}.hud-mid{flex:1;display:flex;align-items:center;justify-content:center}.status{font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:10px 16px;border-radius:12px;background:#00000073;border:1px solid var(--line);opacity:0;transition:opacity .2s ease}.status.show{opacity:1}.status.warn{color:var(--beige);border-color:#d8c39a80}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.power-meter{width:min(72vw,300px);height:8px;border-radius:4px;background:#ffffff24;overflow:hidden;opacity:0;transition:opacity .2s ease}.power-meter.show{opacity:1}.power-meter .fill{height:100%;width:0;background:linear-gradient(90deg,#63ffa1,var(--yellow) 55%,var(--red))}.hint{font-size:12px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:opacity .25s ease}.pickup-tint{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(120% 85% at 50% 55%,transparent 42%,var(--tint, #fff) 130%)}.pickup-tint.flash{animation:tint-flash .42s ease-out}@keyframes tint-flash{0%{opacity:.42}to{opacity:0}}.hud-chip.bump{animation:chip-bump .3s ease-out}@keyframes chip-bump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.pickup-tint.flash,.hud-chip.bump{animation:none}}.overlay{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;padding:var(--pad-x);background:#04050bc7;backdrop-filter:blur(10px)}.overlay.show{display:flex}.panel{width:min(88vw,380px);padding:26px 22px;border-radius:22px;background:#10131eeb;border:1px solid var(--line);box-shadow:0 24px 70px #0009;text-align:center}.panel h3{margin:0 0 6px;font-size:25px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel h3.win{color:#63ffa1}.panel h3.lose{color:var(--red)}.panel .why{color:var(--dim);font-size:13px;margin:0 0 18px}.stats{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{display:flex;justify-content:space-between;font-size:13.5px}.stat .k{color:var(--dim);letter-spacing:.06em}.stat .v{font-weight:700}.stat .v.gold{color:var(--yellow)}.panel-buttons{display:flex;flex-direction:column;gap:10px}.legend{display:flex;flex-direction:column;gap:9px;text-align:left;margin-bottom:20px}.legend-row{display:flex;align-items:center;gap:11px;font-size:12.5px;color:var(--dim)}.legend-row b{color:var(--ink);font-weight:700}.chip{width:17px;height:17px;border-radius:5px;flex:0 0 auto;box-shadow:inset 0 -4px 7px #00000073}.chip.blue{background:#2f7fff}.chip.yellow{background:var(--yellow)}.chip.red{background:var(--red);border-radius:50%}.chip.beige{background:var(--beige);border-radius:40%}.toast{position:absolute;left:50%;bottom:calc(var(--pad-bottom) + 96px);transform:translate(-50%) translateY(8px);z-index:6;padding:10px 16px;border-radius:12px;background:#000000b8;border:1px solid var(--line);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.mute{position:absolute;right:var(--pad-x);bottom:var(--pad-bottom);z-index:2;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:12px;width:40px;height:40px;font-size:16px;cursor:pointer}@media (min-width: 720px) and (min-aspect-ratio: 1/1){.home-buttons{width:360px}.level-grid{grid-template-columns:repeat(4,1fr)}.scroll{max-width:720px;margin:0 auto;width:100%}}