:root{--bg-void:#07090e;--bg-card:#0f141e;--bg-glass:#0f141ed1;--border-dim:#1a2232;--border-subtle:#ffffff0f;--border-glow:#00f5d4;--neon-cyan:#00f5d4;--neon-violet:#9d4edd;--neon-coral:#f36;--neon-amber:#ffb703;--text-primary:#f0f6fc;--text-muted:#7d8590}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0;font-family:inherit}html,body{background-color:var(--bg-void);width:100%;height:100%;color:var(--text-primary);justify-content:center;align-items:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#app{background-color:var(--bg-void);flex-direction:column;width:100%;max-width:460px;height:100%;max-height:820px;display:flex;position:relative}.arcade-header{border-bottom:1px solid var(--border-dim);background:linear-gradient(#0f141ef2 0%,#07090eb3 100%);flex-direction:column;padding:12px 14px 8px;display:flex}.header-top{justify-content:space-between;align-items:center;display:flex}.brand-title{letter-spacing:3px;background:linear-gradient(135deg,#00f5d4 0%,#9d4edd 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 0 10px #00f5d44d);-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.header-actions{gap:8px;display:flex}.pill-btn{background:var(--bg-glass);border:1px solid var(--border-dim);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0006}.pill-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);transform:translateY(-1px);box-shadow:0 4px 16px #00f5d44d}.pill-btn:active{transform:scale(.92)}.stats-row{gap:8px;margin-top:10px;display:flex}.stat-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;flex:1;padding:6px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.stat-tag{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px;font-size:.6rem;font-weight:700}.stat-val{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;line-height:1.2}.stat-val.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 12px #00f5d473}.stat-val.amber{color:var(--neon-amber);text-shadow:0 0 12px #ffb70366}.tier-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;flex:1;padding:6px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.tier-display{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.tier-name{color:var(--neon-violet);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 10px #9d4edd66;font-size:.88rem;font-weight:800}.tier-meter{align-items:center;gap:3px;display:flex}.meter-segment{background:#ffffff14;border:1px solid #ffffff1f;border-radius:2px;width:7px;height:12px;transition:all .3s}.meter-segment.active{background:var(--neon-violet);border-color:#c77dff;box-shadow:0 0 8px #9d4eddb3}.combo-banner{border:1px solid var(--neon-amber);color:var(--neon-amber);pointer-events:none;opacity:0;z-index:20;background:#0f141ef0;border-radius:20px;padding:5px 16px;font-size:.82rem;font-weight:800;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:96px;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 0 18px #ffb70373}.combo-banner.active{opacity:1;transform:translate(-50%)scale(1)}.canvas-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}canvas#game-canvas{touch-action:none;display:block}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none;background:#07090ee0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.game-over-card{background:var(--bg-card);border:1px solid var(--border-dim);text-align:center;border-radius:20px;flex-direction:column;align-items:center;width:86%;max-width:340px;padding:26px 20px;display:flex;box-shadow:0 16px 40px #000000d9}.game-over-title{letter-spacing:2px;color:var(--neon-coral);text-shadow:0 0 18px #ff336680;margin-bottom:20px;font-size:1.6rem;font-weight:800}.score-summary{flex-direction:column;gap:10px;width:100%;margin-bottom:24px;display:flex}.score-row{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.score-row .label{color:var(--text-muted);font-size:.82rem;font-weight:600}.score-row .val{color:var(--text-primary);font-size:1.15rem;font-weight:800}.score-row.primary .val{color:var(--neon-cyan);text-shadow:0 0 10px #00f5d466;font-size:1.45rem}.score-row .val.highlight{color:var(--neon-violet);text-shadow:0 0 10px #9d4edd66}.primary-btn{color:#051614;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#00f5d4 0%,#00bfa5 100%);border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 4px 18px #00f5d466}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00f5d48c}.primary-btn:active{transform:translateY(1px)}