:root{--bg: #0b0620;--panel: rgba(16, 10, 40, .92);--neon-cyan: #22e6ff;--neon-pink: #ff3df0;--neon-amber: #ffc93d;--text: #eaf6ff;--muted: #9aa3c7;--danger: #ff4d6d;--radius: 14px;font-size:clamp(14px,2.2vmin,18px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg)}body{font-family:Rubik,system-ui,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:10}.screen.visible{display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{display:none!important}.logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(2.2rem,9vmin,4.5rem);letter-spacing:.08em;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink),var(--neon-amber));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(34,230,255,.45));text-align:center}#loading-screen{background:radial-gradient(ellipse at 50% 30%,#1b1040 0%,var(--bg) 70%);z-index:100}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.loading-bar{width:min(70vw,340px);height:10px;border-radius:6px;background:#ffffff14;overflow:hidden;border:1px solid rgba(34,230,255,.3)}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));transition:width .15s ease}#loading-text{font-family:Orbitron;color:var(--muted);letter-spacing:.2em}.btn{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.06em;background:#22e6ff14;color:var(--text);border:1px solid rgba(34,230,255,.45);border-radius:var(--radius);padding:.85rem 1.4rem;font-size:1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;min-height:48px;min-width:48px}.btn:hover{background:#22e6ff2e;box-shadow:0 0 16px #22e6ff59}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(90deg,#22e6ffd9,#ff3df0d9);color:#06121a;border:none;font-size:1.25rem;padding:1rem 3rem}.btn-primary:hover{box-shadow:0 0 26px #ff3df080}.btn-small{font-size:.8rem;padding:.5rem .9rem;min-height:40px}.btn-back{margin-top:1rem}.btn.locked{opacity:.5}.btn.selected{outline:2px solid var(--neon-amber)}#menu-screen{justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 4vmin) 4vmin calc(env(safe-area-inset-bottom,0px) + 4vmin);pointer-events:none}#menu-screen>*{pointer-events:auto}.menu-top{display:flex;flex-direction:column;align-items:center;gap:.6rem}.menu-coins{font-family:Orbitron;font-size:1.1rem;color:var(--neon-amber)}.coin-icon{margin-right:.35em}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.6rem;width:min(92vw,420px)}.menu-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem}.menu-best{color:var(--muted);font-size:.85rem}.keys-hint{color:var(--muted);font-size:.75rem;text-align:center;opacity:.85}.panel{background:var(--panel);border:1px solid rgba(34,230,255,.25);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;align-items:center;width:min(92vw,420px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 8vmin);overflow-y:auto;box-shadow:0 0 40px #0009,inset 0 0 30px #22e6ff0a}.panel-wide{width:min(94vw,520px)}.panel h2{font-family:Orbitron;letter-spacing:.1em;font-size:1.3rem;color:var(--neon-cyan)}#hud{pointer-events:none;justify-content:flex-start;z-index:5}.hud-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 0}.hud-left{display:flex;flex-direction:column;gap:6px}#hud-score{font-family:Orbitron;font-size:2rem;font-weight:900;text-shadow:0 0 14px rgba(34,230,255,.8)}.hud-chip{background:#0a061ea6;border:1px solid rgba(34,230,255,.35);border-radius:999px;padding:.3rem .8rem;font-family:Orbitron;font-size:.9rem;width:fit-content}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-btn{pointer-events:auto;width:52px;height:52px;border-radius:14px;background:#0a061ea6;color:var(--text);border:1px solid rgba(34,230,255,.35);font-size:1.1rem;cursor:pointer}.hud-powerups{position:absolute;left:16px;top:34%;display:flex;flex-direction:column;gap:8px}.pu-chip{background:#0a061eb3;border:1px solid var(--neon-pink);border-radius:10px;padding:4px 10px;font-family:Orbitron;font-size:.75rem;display:flex;gap:8px;align-items:center}.pu-bar{height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;width:70px}.pu-bar>div{height:100%;background:var(--neon-pink)}.board-btn{pointer-events:auto;position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);width:68px;height:68px;border-radius:50%;font-size:1.6rem;background:#0a061ebf;border:2px solid var(--neon-amber);color:var(--text);cursor:pointer;display:none;flex-direction:column;align-items:center;justify-content:center}.board-btn.available{display:flex;box-shadow:0 0 18px #ffc93d73}.board-btn span{font-size:.7rem;font-family:Orbitron;color:var(--neon-amber)}.hud-combo{position:absolute;top:22%;width:100%;text-align:center;font-family:Orbitron;font-size:1.4rem;color:var(--neon-amber);text-shadow:0 0 16px rgba(255,201,61,.8);opacity:0;transition:opacity .2s}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%}.stat{background:#ffffff0a;border:1px solid rgba(34,230,255,.2);border-radius:12px;padding:.6rem;display:flex;flex-direction:column;gap:2px}.stat span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.stat b{font-family:Orbitron;font-size:1.15rem}.record-badge{font-family:Orbitron;color:#06121a;background:linear-gradient(90deg,var(--neon-amber),var(--neon-pink));padding:.3rem 1rem;border-radius:999px;font-weight:900;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.row-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.tab-row{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.tab{background:transparent;border:1px solid rgba(34,230,255,.3);color:var(--muted);border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-family:Orbitron;font-size:.75rem;min-height:40px}.tab.active{color:var(--text);border-color:var(--neon-cyan);background:#22e6ff1f}.card-list{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.card{width:130px;border:1px solid rgba(34,230,255,.3);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff08;cursor:pointer}.card.selected{border-color:var(--neon-amber);box-shadow:0 0 14px #ffc93d59}.card .swatch{width:56px;height:56px;border-radius:50%;box-shadow:0 0 16px currentColor}.card .price{color:var(--neon-amber);font-family:Orbitron;font-size:.8rem}.mission-list,.lb-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.mission-item{background:#ffffff0a;border:1px solid rgba(34,230,255,.2);border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:4px}.mission-item .m-title{font-size:.9rem}.mission-item .m-progress{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.mission-item .m-progress>div{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink))}.lb-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;gap:.5rem;align-items:center;background:#ffffff0a;border:1px solid rgba(34,230,255,.15);border-radius:10px;padding:.45rem .7rem;font-size:.85rem}.lb-row.mine{border-color:var(--neon-amber);background:#ffc93d14}.lb-row .lb-rank{font-family:Orbitron;color:var(--neon-cyan)}.settings-rows{display:flex;flex-direction:column;gap:.8rem;width:100%}.settings-rows label{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem}.settings-rows label.check{justify-content:flex-start}.settings-rows input[type=range]{width:140px;accent-color:var(--neon-cyan)}.settings-rows input[type=checkbox]{width:22px;height:22px;accent-color:var(--neon-cyan)}.settings-rows select{background:#171038;color:var(--text);border:1px solid rgba(34,230,255,.3);border-radius:8px;padding:.4rem .6rem;min-height:40px}#account-form{display:flex;flex-direction:column;gap:.6rem;width:100%}#account-form input{background:#ffffff0d;border:1px solid rgba(34,230,255,.3);border-radius:10px;padding:.8rem;color:var(--text);font-size:1rem;min-height:48px}.form-msg{font-size:.85rem;min-height:1.2em;color:var(--neon-amber);text-align:center}#tutorial-screen{background:#04020e8c;z-index:30;justify-content:flex-end;padding-bottom:12vh;pointer-events:none}.tutorial-box{background:var(--panel);border:1px solid var(--neon-cyan);border-radius:18px;padding:1.4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}.tutorial-box .btn{pointer-events:auto}.tutorial-icon{font-size:3rem}.tutorial-text{font-family:Orbitron;font-size:1.05rem;text-align:center}.toast{position:absolute;left:50%;bottom:14vh;transform:translate(-50%) translateY(20px);background:var(--panel);border:1px solid var(--neon-cyan);border-radius:999px;padding:.6rem 1.4rem;opacity:0;transition:all .25s ease;z-index:60;pointer-events:none;font-size:.9rem;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.update-banner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--neon-amber);border-radius:999px;padding:.4rem .6rem .4rem 1.2rem;display:flex;gap:.7rem;align-items:center;z-index:90;font-size:.85rem}#daily-content{display:flex;flex-direction:column;gap:.7rem;align-items:center;width:100%}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%}.daily-cell{border:1px solid rgba(34,230,255,.25);border-radius:10px;padding:.5rem .2rem;text-align:center;font-size:.72rem}.daily-cell.today{border-color:var(--neon-amber);box-shadow:0 0 12px #ffc93d66}.daily-cell.claimed{opacity:.45}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}