:root{--cyan: #42c6ee;--gold: #facc15;--orange: #f2842c;--violet: #8c3cc8;--navy: #0e1a45;--ink: #0b1230;--cream: #fff8e6;--font: "Fredoka", "Avenir Next", "Avenir", system-ui, -apple-system, sans-serif;--display: "Orbitron", "Fredoka", system-ui, sans-serif;--glass: rgba(10, 20, 58, .52);--glass-edge: rgba(140, 220, 255, .35)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0e1a45;font-family:var(--font);color:#fff;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}canvas#gl{display:block;width:100%;height:100%}.mono{font-variant-numeric:tabular-nums}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#loader{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#2a5bd8,#13267a 45%,#070d2b);transition:opacity .6s ease;text-align:center}#loader.hide{opacity:0;pointer-events:none}#loader .mark{font-family:var(--display);font-weight:900;font-size:min(12vw,64px);letter-spacing:.08em;display:flex;align-items:center;gap:.25em;text-shadow:0 0 24px rgba(66,198,238,.6)}#loader .mark .star{color:var(--gold);animation:spin-star 1.4s ease-in-out infinite}#loader .sub{margin-top:10px;font-size:min(4.4vw,17px);opacity:.85}#loader .dots{margin-top:20px;display:flex;gap:8px}#loader .dots i{width:9px;height:9px;border-radius:50%;background:var(--cyan);animation:dot 1s ease-in-out infinite}#loader .dots i:nth-child(2){animation-delay:.15s}#loader .dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}@keyframes spin-star{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(72deg) scale(1.15)}}#hud{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}#hud.show{opacity:1}.hud-tl{position:absolute;top:calc(64px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.meter{display:flex;align-items:center;gap:8px}.meter .label,.hud-tr .label{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.9}.meter .bar{position:relative;width:170px;height:12px;border-radius:7px;background:#ffffff24;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.meter .fill{position:absolute;inset:0;transform-origin:left center;border-radius:7px;transition:transform .18s ease}.shield .fill{background:linear-gradient(90deg,#2bd98b,#42c6ee);box-shadow:0 0 12px #42c6eecc}.shield .bar.low .fill{background:linear-gradient(90deg,#ff5a7a,#f2842c);animation:pulse .6s ease-in-out infinite}.boost .fill{background:linear-gradient(90deg,#f2842c,#facc15);box-shadow:0 0 12px #facc15b3;transition:transform .08s linear}.boost .bar.locked .fill{filter:saturate(.3) brightness(.8)}@keyframes pulse{50%{opacity:.55}}.hud-tl .row{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:13px;font-weight:700}.rings{display:flex;gap:5px}.rings i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(250,204,21,.55);box-sizing:border-box}.rings i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #facc15e6}.rings i.pop,.bombs.pop{animation:pop .45s ease}@keyframes pop{40%{transform:scale(1.5)}}.bombs{color:#ffb36b}.lives{color:var(--gold)}.laser{font-family:var(--display);font-size:10px;letter-spacing:.14em;color:#7cf5d0}.laser.hyper{color:#8fb3ff;text-shadow:0 0 8px rgba(120,160,255,.9)}.hud-tr{position:absolute;top:calc(64px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));text-align:right;padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-width:110px}.hits{font-family:var(--font);font-weight:700;font-size:38px;line-height:1;color:#fff;text-shadow:0 0 16px rgba(66,198,238,.8);transition:transform .12s ease}.hits.bump{transform:scale(1.15);color:var(--gold)}.hud-tr .medal{margin-top:4px;font-size:12px;opacity:.8}.hud-tr .medal.got{color:var(--gold);opacity:1}.hud-br{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));padding:10px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge)}.boss{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-20px);width:min(420px,50vw);opacity:0;transition:opacity .3s ease,transform .3s ease;text-align:center}.boss.show{opacity:1;transform:translate(-50%)}.boss .name{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.2em;color:#e7b6ff;text-shadow:0 0 10px rgba(140,60,200,.9);margin-bottom:5px}.boss .bar{position:relative;height:12px;border-radius:7px;background:#14082899;border:1px solid rgba(200,140,255,.5);overflow:hidden}.boss .fill{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#8c3cc8,#e04bd8);box-shadow:0 0 14px #e04bd8cc;transition:transform .2s ease}.announce{position:absolute;left:0;right:0;top:28%;text-align:center;opacity:0;transform:scale(.9);transition:opacity .35s ease,transform .35s ease}.announce.show{opacity:1;transform:scale(1)}.announce .a{font-family:var(--display);font-weight:900;font-size:min(9vw,54px);letter-spacing:.12em;color:#fff;text-shadow:0 0 22px rgba(66,198,238,.9),0 3px 0 rgba(10,20,60,.6)}.announce .b{margin-top:6px;font-size:min(5vw,22px);font-weight:600;color:var(--gold);text-shadow:0 2px 8px rgba(10,20,60,.8)}.toast{position:absolute;left:50%;top:44%;transform:translate(-50%,10px);font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 12px rgba(250,204,21,.9),0 2px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease,transform .3s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}#radio{position:absolute;left:calc(16px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:stretch;max-width:min(440px,70vw);padding:8px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}#radio.show{opacity:1;transform:translateY(0)}#radio .portrait{width:64px;height:64px;border-radius:10px;overflow:hidden;flex:none;border:2px solid rgba(255,255,255,.5)}#radio .portrait canvas{width:100%;height:100%;display:block}#radio[data-who=gloom] .portrait{border-color:#e04bd8;box-shadow:0 0 12px #e04bd8b3}#radio .body{display:flex;flex-direction:column;justify-content:center;min-width:0}#radio .name{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--cyan)}#radio[data-who=gloom] .name{color:#e7a0ff}#radio .text{font-size:16px;font-weight:500;line-height:1.25;min-height:1.25em}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:20}.overlay.show{opacity:1;pointer-events:auto}.overlay:not(.title-screen){background:radial-gradient(ellipse at center,#080e2c8c,#04081cd1)}.card{width:min(560px,92vw);max-height:90vh;overflow:auto;padding:24px 26px;border-radius:22px;background:linear-gradient(180deg,#182c78e6,#0c1642f0);border:1px solid rgba(140,220,255,.4);box-shadow:0 20px 60px #00000073,0 0 40px #42c6ee2e;text-align:center}.eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--cyan)}.card .title{margin-top:6px;font-family:var(--display);font-weight:900;font-size:min(7vw,30px);letter-spacing:.06em}.card .sub{margin-top:8px;opacity:.85}.actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{pointer-events:auto;font-family:var(--font);font-size:16px;font-weight:600;padding:11px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);background:#fff3}.btn.primary{background:linear-gradient(180deg,#ffd84a,#f2a11c);color:#3a2200;border-color:#fff0b4cc;box-shadow:0 6px 20px #facc1566}.btn.ghost{background:transparent}.controls{margin-top:14px;display:grid;gap:5px;text-align:left;font-size:14px}.crow{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px}.crow b{color:var(--gold);font-weight:600;white-space:nowrap}.crow span{opacity:.9;text-align:right}.pad-hint{margin-top:8px;font-size:12px;opacity:.7;text-align:left}.credit{margin-top:14px;font-size:12px;opacity:.6}.title-screen{align-items:flex-end;justify-content:flex-start;background:linear-gradient(90deg,#060c28b8,#060c2859 45%,#060c2800 70%)}.title-card{margin:0 0 calc(48px + env(safe-area-inset-bottom)) calc(48px + env(safe-area-inset-left));max-width:min(520px,88vw)}.logo{display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:900;font-size:min(13vw,76px);letter-spacing:.06em;line-height:1}.logo .star{color:var(--gold);text-shadow:0 0 30px rgba(250,204,21,.9);animation:spin-star 3s ease-in-out infinite}.logo .word{background:linear-gradient(180deg,#fff 30%,#9fe6ff 70%,#42c6ee);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(12,30,90,.8)) drop-shadow(0 0 24px rgba(66,198,238,.6))}.tagline{margin-top:10px;font-size:min(6vw,28px);font-weight:600;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.5)}.blurb{margin-top:8px;font-size:17px;max-width:440px;line-height:1.35;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.6)}.title-card .actions{justify-content:flex-start}.btn.launch{font-size:20px;padding:13px 28px}.how-panel{display:none;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge)}.how-panel.open{display:block}.how-panel .controls{margin-top:0}.best{margin-top:12px;color:var(--gold);font-weight:600}.hint{margin-top:6px;font-size:13px;opacity:.7}.results .big{margin-top:12px}.results .hits{font-size:72px;color:#fff}.results .hits-label{font-family:var(--display);letter-spacing:.3em;font-size:12px;opacity:.8}.results .medal{margin-top:10px;font-weight:600;color:#cfe8ff}.results .medal.got{color:var(--gold);font-size:18px;text-shadow:0 0 14px rgba(250,204,21,.7)}.stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{padding:8px;border-radius:12px;background:#ffffff12;display:flex;flex-direction:column;gap:2px}.stats span{font-size:12px;opacity:.75}.stats b{font-family:var(--font);font-size:20px}.stats .rank[data-rank=S]{color:var(--gold)}.stats .rank[data-rank=A]{color:var(--cyan)}#touch{position:absolute;inset:0;pointer-events:none;display:none}body.touch #touch{display:block}.stick-zone{position:absolute;left:0;top:30%;bottom:0;width:48%;pointer-events:auto}.stick-base,.stick-knob{position:fixed;left:0;top:0;border-radius:50%;opacity:0;transition:opacity .15s ease}.stick-zone.active .stick-base,.stick-zone.active .stick-knob{opacity:1}.stick-base{width:120px;height:120px;border:2px solid rgba(255,255,255,.45);background:#0a143c40}.stick-knob{width:56px;height:56px;background:#42c6eebf;box-shadow:0 0 14px #42c6eecc}.touch-pad{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));width:230px;height:200px}.tbtn{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.08em;color:#fff;background:#0a143c73;border:2px solid rgba(255,255,255,.45)}.tbtn.down{background:#42c6ee8c}.tbtn.fire{right:0;bottom:0;width:96px;height:96px;font-size:15px;background:#f2842c80;border-color:#ffdca0cc}.tbtn.bomb{right:108px;bottom:6px;width:58px;height:58px}.tbtn.roll{right:104px;bottom:76px;width:58px;height:58px}.tbtn.boost{right:10px;bottom:110px;width:58px;height:58px}.tbtn.brake{right:170px;bottom:110px;width:52px;height:52px}.tbtn.pause{position:absolute;top:calc(64px + env(safe-area-inset-top));right:calc(150px + env(safe-area-inset-right));width:40px;height:40px;font-size:14px}body.touch .hud-br{right:auto;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom));padding:6px 10px}body.touch .hud-br .bar{width:120px}@media(max-height:500px){.touch-pad{bottom:calc(10px + env(safe-area-inset-bottom));transform:scale(.82);transform-origin:right bottom}.hud-tl,.hud-tr{top:calc(56px + env(safe-area-inset-top));padding:6px 9px}.hud-tl .meter .bar{width:110px}.hits{font-size:26px}.hud-tr .medal{display:none}.announce{top:22%}.announce .a{font-size:34px}#radio{bottom:calc(52px + env(safe-area-inset-bottom));max-width:44vw}.title-card .blurb{display:none}.logo{font-size:48px}}@media(max-width:700px){.meter .bar{width:110px}.hits{font-size:28px}.title-card{margin:0 16px 24px}#radio .text{font-size:14px}#radio .portrait{width:48px;height:48px}}