*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060f;--panel:#0d1020b8;--line:#788cff29;--txt:#eef1ff;--dim:#9aa3c7;--neon:#22d3ee;--neon2:#a78bfa;--pink:#f472b6;--lime:#a3e635;--gold:#fbbf24;font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.page{background:radial-gradient(1200px 600px at 50% -10%, #a78bfa2e, transparent 60%), radial-gradient(900px 500px at 85% 110%, #22d3ee1f, transparent 60%), var(--bg);flex-direction:column;height:100dvh;display:flex}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.brand{letter-spacing:3px;font-family:Orbitron,Rajdhani,system-ui,sans-serif;font-size:15px;font-weight:800}.brand b{color:var(--neon)}.brand span{color:var(--pink)}.top-actions{gap:8px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--txt);cursor:pointer;background:#141a34cc;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .2s,border-color .2s}.btn:hover{border-color:var(--neon);box-shadow:0 0 18px #22d3ee59}.btn:active{transform:scale(.97)}.btn.primary{color:#060814;background:linear-gradient(135deg,#22d3ee,#a78bfa 60%,#f472b6);border:none;border-radius:999px;padding:13px 26px;font-size:16px;box-shadow:0 8px 40px #a78bfa73}.btn.ghost{background:0 0}.stage-wrap{border:1px solid var(--line);touch-action:none;background:#040512;border-radius:20px;flex:1;margin:0 14px 14px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0000008c,inset 0 0 120px #22d3ee0f}canvas.game{width:100%;height:100%;display:block;position:absolute;inset:0}.scanlines{pointer-events:none;z-index:5;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.hud{pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud .score{text-shadow:0 0 18px #22d3eecc;font-family:Orbitron,system-ui,sans-serif;font-size:30px;font-weight:800}.hud .best{color:var(--dim);letter-spacing:1px;font-size:12px}.hud-right{text-align:right}.combo{color:var(--gold);background:linear-gradient(135deg,#fbbf2433,#f472b633);border:1px solid #fbbf2480;border-radius:999px;margin-top:6px;padding:4px 10px;font-family:Orbitron,system-ui,sans-serif;font-size:14px;font-weight:800;display:inline-block}.combo-bar{background:#fbbf2440;border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.combo-bar i{background:linear-gradient(90deg, var(--gold), var(--pink));border-radius:2px;height:100%;display:block}.powers{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.pill{border:1px solid var(--neon);color:var(--neon);background:#22d3ee24;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.pill.slow{border-color:var(--neon2);color:var(--neon2);background:#a78bfa29}.pill.multi{border-color:var(--gold);color:var(--gold);background:#fbbf2424}.overlay{z-index:4;background:radial-gradient(600px 400px at 50% 40%,#0a0e2233,#040512c7);justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{animation:.32s cubic-bezier(.2,1.4,.4,1) cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.btn.primary{animation:2.4s ease-in-out infinite btnGlow}@keyframes btnGlow{0%,to{box-shadow:0 8px 40px #a78bfa73}50%{box-shadow:0 8px 54px #f472b6a6}}.card{background:var(--panel);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;width:min(480px,92%);max-height:100%;padding:28px 26px;overflow-y:auto;box-shadow:0 24px 80px #00000080}.logo{letter-spacing:4px;background:linear-gradient(135deg,#22d3ee,#a78bfa 30%,#f472b6 55%,#fbbf24 75%,#22d3ee) 0 0/220%;color:#0000;filter:drop-shadow(0 0 24px #a78bfa73);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Rajdhani,system-ui,sans-serif;font-size:clamp(38px,7vw,58px);font-weight:900;line-height:1;animation:3s ease-in-out infinite float,5s linear infinite shine}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shine{to{background-position:220%}}.tag{color:var(--dim);margin:10px 0 18px;font-size:14px}.controls{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.controls kbd{border:1px solid var(--line);color:var(--txt);background:#ffffff14;border-radius:6px;padding:2px 7px;font-family:inherit}.big-score{margin:6px 0;font-family:Orbitron,system-ui,sans-serif;font-size:52px;font-weight:900}.record{background:linear-gradient(135deg, var(--gold), var(--pink));color:#1a0b00;border-radius:999px;margin-bottom:8px;padding:5px 12px;font-size:13px;font-weight:900;animation:.4s pop;display:inline-block}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.sub{color:var(--dim);margin-bottom:18px;font-size:13px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hint{color:var(--dim);margin-top:14px;font-size:12px}.footer{text-align:center;color:var(--dim);z-index:5;padding:8px;font-size:12px}.footer b{color:var(--txt)}@media (width<=640px){.hud .score{font-size:24px}.card{padding:22px 18px}.od-btn{padding:10px 15px;font-size:12px;bottom:10px;right:10px}}.hearts{letter-spacing:2px;margin-top:4px;font-size:15px}.od-bar{background:#a78bfa2e;border:1px solid #a78bfa66;border-radius:4px;max-width:180px;height:6px;margin-top:8px;overflow:hidden}.od-bar i{background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);border-radius:4px;width:0;height:100%;transition:width .2s;display:block}.od-bar i.ready{animation:.8s ease-in-out infinite odPulse}.od-bar i.firing{background:linear-gradient(90deg,#fbbf24,#f472b6,#22d3ee)}@keyframes odPulse{0%,to{filter:brightness()}50%{filter:brightness(1.7)}}.od-btn{z-index:6;cursor:pointer;letter-spacing:1px;color:#0a0618;background:linear-gradient(135deg,#fbbf24,#f472b6,#a78bfa);border:none;border-radius:999px;padding:13px 20px;font-family:Orbitron,system-ui,sans-serif;font-size:14px;font-weight:900;animation:.8s ease-in-out infinite odPulse;position:absolute;bottom:14px;right:14px;box-shadow:0 0 30px #f472b6b3}.od-btn small{opacity:.7;font-size:10px;font-weight:700;display:block}.od-btn:active{transform:scale(.95)}.skins{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.skin{border:1px solid var(--line);color:var(--txt);letter-spacing:1px;cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:800;display:flex}.skin i{border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:0 0 10px #ffffff59}.skin.sel{border-color:var(--neon);box-shadow:0 0 14px #22d3ee66}.skin.locked{opacity:.55;cursor:not-allowed}.missions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.mission{border:1px solid var(--line);color:var(--dim);background:#ffffff08;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.mission.done{color:var(--gold);background:#fbbf241a;border-color:#fbbf248c}.settings{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.settings label{align-items:center;gap:6px;font-weight:700;display:flex}.settings input[type=range]{width:90px;accent-color:var(--neon);cursor:pointer}.chip{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#ffffff08;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800}.chip.on{color:var(--neon);border-color:var(--neon);background:#22d3ee1a}.xp-wrap{z-index:6;background:#00000c8c;border-bottom:1px solid #a78bfa40;height:10px;position:absolute;top:0;left:0;right:0}.xp-fill{background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);width:0;height:100%;transition:width .2s;box-shadow:0 0 12px #a78bfacc}.xp-lv{letter-spacing:2px;color:var(--neon2);text-shadow:0 0 10px #a78bfacc;pointer-events:none;font-family:Orbitron,system-ui,sans-serif;font-size:11px;font-weight:800;position:absolute;top:12px;left:50%;transform:translate(-50%)}.lvl-title{letter-spacing:3px;background:linear-gradient(135deg,#fbbf24,#f472b6,#a78bfa);color:#0000;filter:drop-shadow(0 0 18px #fbbf2466);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,system-ui,sans-serif;font-size:clamp(26px,5vw,36px);font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.lvl-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.lvl-card{cursor:pointer;border:1px solid var(--line);max-width:150px;color:var(--txt);background:#ffffff0a;border-radius:16px;flex-direction:column;flex:120px;align-items:center;gap:6px;padding:16px 10px 14px;transition:transform .12s,border-color .15s,box-shadow .15s;animation:.3s cubic-bezier(.2,1.4,.4,1) backwards cardIn;display:flex}.lvl-card:nth-child(2){animation-delay:60ms}.lvl-card:nth-child(3){animation-delay:.12s}.lvl-card:hover{border-color:var(--gold);transform:translateY(-4px)scale(1.03);box-shadow:0 0 22px #fbbf2459}.lvl-card:active{transform:scale(.97)}.lvl-key{border:1px solid var(--line);color:var(--dim);border-radius:6px;padding:1px 7px;font-family:Orbitron,system-ui,sans-serif;font-size:11px;font-weight:800}.lvl-icon{font-size:30px;line-height:1.2}.lvl-card b{font-size:14px}.lvl-card small{color:var(--dim);font-size:12px}.board{border:1px solid var(--line);background:#ffffff08;border-radius:16px;margin:6px 0 16px;padding:12px 14px}.board-tabs{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.board-tabs button{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800}.board-tabs button.on{color:var(--txt);border-color:var(--neon);box-shadow:0 0 12px #22d3ee4d}.save-row{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.save-row input{text-align:center;letter-spacing:2px;width:172px;color:var(--txt);border:1px solid var(--neon);text-transform:uppercase;background:#00000a80;border-radius:10px;outline:none;padding:9px 8px;font-family:Orbitron,system-ui,sans-serif;font-size:14px;font-weight:800}.btn.small{padding:9px 16px;font-size:13px}.top-list{margin:0;padding:0;font-size:14px;list-style:none}.top-list li{color:var(--dim);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.top-list li:nth-child(odd){background:#ffffff0a}.top-list li.me{color:var(--gold);background:#fbbf241a;border:1px solid #fbbf2466}.top-list b{font-family:Orbitron,system-ui,sans-serif}