:root{--bg-color: #07090f;--console-surface: #0e131b;--panel: #111822;--panel-deep: #0a0e16;--border-dim: #1c2634;--border-mid: #2a3a4e;--border-bright: #38bdf8;--text-main: #f1f5f9;--text-dim: #8aa0b8;--text-faint: #5b6b80;--accent-red: #f43f5e;--accent-amber: #f59e0b;--accent-cyan: #38bdf8;--accent-green: #22c55e;--accent-gold: #facc15;--mono: "Cascadia Code", "Consolas", "Courier New", monospace;--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}body{background-color:var(--bg-color);background-image:radial-gradient(1200px 500px at 50% -10%,rgba(56,189,248,.06),transparent 60%),radial-gradient(900px 400px at 80% 110%,rgba(244,63,94,.05),transparent 60%);color:var(--text-main);font-family:var(--ui-font);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:8px}.console-wrapper{width:100%;max-width:880px;margin:auto 0;display:flex;flex-direction:column;position:relative;border-radius:10px;background:linear-gradient(180deg,#131a25,#0b0f16);border:1px solid #243042;box-shadow:0 18px 60px #000000bf,0 0 0 1px #38bdf80d,inset 0 1px #ffffff0a;padding:12px}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border-dim);margin-bottom:6px;gap:10px}.hud-brand{display:flex;align-items:center;gap:8px;min-width:0}.blinking-dot{width:8px;height:8px;background-color:var(--accent-red);border-radius:50%;box-shadow:0 0 8px var(--accent-red);animation:pulse-glow 1s infinite alternate;flex-shrink:0}@keyframes pulse-glow{0%{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.hud-title{font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--accent-cyan);text-transform:uppercase;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-nav-actions{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px}.nav-btn{background:var(--panel);color:#c7d3e0;border:1px solid var(--border-mid);padding:5px 10px;border-radius:6px;font-size:10px;font-weight:800;font-family:var(--ui-font);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;transition:all .12s ease;white-space:nowrap}.nav-btn:hover{background:#1c2a3c;border-color:var(--border-bright);color:#fff;transform:translateY(-1px);box-shadow:0 2px 10px #38bdf82e}.nav-btn.highlight-btn{background:#10294a;border-color:#2563eb;color:#93c5fd}.nav-btn.highlight-btn:hover{background:#1d3f74;color:#fff;box-shadow:0 0 12px #3b82f680}.hud-stats-group{display:flex;align-items:center;gap:8px}.stat-pill{background:var(--panel-deep);border:1px solid var(--border-mid);padding:4px 10px;border-radius:6px;display:flex;align-items:baseline;gap:6px;font-family:var(--mono)}.stat-label{color:var(--text-faint);font-size:9px;font-weight:800;letter-spacing:1px}.stat-value{font-weight:900;font-size:14px;letter-spacing:.5px}.stat-value.red{color:var(--accent-red);text-shadow:0 0 10px rgba(244,63,94,.4)}.stat-value.amber{color:var(--accent-amber)}.combo-pill{border-color:#6d4d00;background:#15100a;animation:combo-flash .5s ease}@keyframes combo-flash{0%{transform:scale(1.06)}to{transform:scale(1)}}.stat-value.neon{color:var(--accent-gold);font-weight:900;text-shadow:0 0 12px rgba(250,204,21,.6)}.villain-log{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--accent-green);padding:5px 8px;margin-bottom:6px;background:#22c55e0a;border:1px solid rgba(34,197,94,.15);border-radius:5px;min-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .25s ease,transform .25s ease}.vl-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);flex-shrink:0;animation:pulse-glow 1.2s infinite alternate}.viewport-container{position:relative;width:100%;aspect-ratio:2 / 1;max-height:420px;border:1px solid var(--border-mid);background:#04060a;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 50px #000000d9,0 0 0 1px #0009}canvas#gameCanvas{display:block;width:100%;height:100%;object-fit:contain}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000001a 4px);opacity:.4}.hud-controls-dock{display:grid;grid-template-columns:1fr 170px;gap:10px;margin-top:10px}.traps-grid{display:flex;gap:10px;flex-wrap:nowrap}.trap-card{flex:1;min-width:0;background:linear-gradient(180deg,var(--panel) 0%,#0d131d 100%);border:1px solid var(--border-mid);border-radius:8px;padding:8px 12px;color:#dbe5ee;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all .12s ease;min-height:68px;text-align:left}.trap-card:hover:not(:disabled){border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 6px 16px #38bdf824;background:#16222f}.trap-card:active:not(:disabled){transform:translateY(0) scale(.99)}.trap-card.is-active{background:#3c0f16!important;border-color:var(--accent-red)!important;box-shadow:0 0 22px #f43f5e99!important}.trap-card.is-cooldown{opacity:.5;filter:saturate(.5);cursor:not-allowed}.trap-card.is-depleted{opacity:.35;border-color:#7f1d1d;cursor:not-allowed}.trap-card-top{display:flex;justify-content:space-between;align-items:center;width:100%}.trap-hotkey-tag{background:var(--panel-deep);border:1px solid var(--border-mid);font-size:11px;padding:1px 6px;border-radius:4px;color:var(--accent-cyan);font-weight:800;font-family:var(--mono);letter-spacing:.5px}.trap-card-cost{font-size:11px;color:var(--accent-amber);font-weight:900;font-family:var(--mono)}.trap-card-content{display:flex;align-items:center;gap:8px;margin-top:5px;min-width:0}.trap-icon{font-size:18px;flex-shrink:0}.trap-card-name{font-size:12px;font-weight:800;letter-spacing:.8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trap-cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b10c7;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#f87171;opacity:0;pointer-events:none;transition:opacity .1s ease;letter-spacing:1px;font-family:var(--mono)}.trap-cd-fill{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.energy-dock{background:var(--panel-deep);border:1px solid var(--border-mid);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px}.energy-header{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:var(--accent-cyan);letter-spacing:1px;font-family:var(--mono)}.energy-gauge-track{width:100%;height:14px;background:#05080d;border:1px solid var(--border-dim);border-radius:4px;overflow:hidden}.energy-gauge-fill{height:100%;width:100%;background:linear-gradient(90deg,#0284c7,#38bdf8 70%,#a78bfa);box-shadow:0 0 10px #38bdf880;transition:width .05s linear}.energy-gauge-fill.low-energy{background:var(--accent-red);box-shadow:0 0 12px #f43f5e99}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ad9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;z-index:100;padding:12px}.modal-card{background:#0d131e;border:1px solid var(--border-mid);border-radius:10px;padding:22px 24px;width:100%;max-width:460px;margin:auto 0;box-shadow:0 20px 60px #000000d9,0 0 0 1px #ffffff08;text-align:center;animation:modal-pop .18s ease-out}.modal-card.wide-card{max-width:680px;max-height:86vh;overflow-y:auto}.modal-card.victory-card{border-color:#22c55e99;box-shadow:0 0 40px #22c55e2e}.modal-card.defeat-card{border-color:#f43f5e99;box-shadow:0 0 40px #f43f5e2e}@keyframes modal-pop{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{margin-bottom:14px}.modal-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:2px;background:var(--panel-deep);border:1px solid var(--border-mid);color:var(--text-dim);padding:3px 10px;border-radius:4px;margin-bottom:8px;font-family:var(--mono)}.modal-badge.alert{background:#2c0a12;border-color:#7f1d1d;color:#fca5a5}.modal-title{font-size:20px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.modal-title.green{color:#4ade80}.modal-title.red{color:#f87171}.modal-title.cyan{color:#7dd3fc}.modal-subtitle{font-size:12px;color:var(--text-dim);margin-top:6px}.stars-row{font-size:30px;color:#2a3444;margin-bottom:14px;letter-spacing:8px}.star.star-lit{color:var(--accent-gold);text-shadow:0 0 14px rgba(250,204,21,.7)}.objectives-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;text-align:left}.obj-item{display:flex;align-items:center;gap:10px;background:var(--panel-deep);border:1px solid var(--border-dim);padding:8px 12px;border-radius:6px}.obj-item.met{border-color:#155e34;background:#22c55e0d}.obj-icon{font-size:13px;font-weight:700;width:16px;text-align:center}.obj-item.met .obj-icon{color:#22c55e}.obj-item.unmet .obj-icon{color:#64748b}.obj-info{display:flex;flex-direction:column;gap:1px}.obj-title{font-size:12px;font-weight:800;color:#f1f5f9}.obj-desc{font-size:10px;color:var(--text-dim)}.modal-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--panel-deep);border:1px solid var(--border-dim);padding:10px 14px;border-radius:8px;margin-bottom:16px}.mstat{display:flex;flex-direction:column;align-items:center;gap:2px}.mstat-lbl{font-size:9px;color:var(--text-faint);text-transform:uppercase;font-weight:800;letter-spacing:1px;font-family:var(--mono)}.mstat-val{font-size:17px;font-weight:900;color:#f8fafc;font-family:var(--mono)}.mstat-val.red{color:#f87171}.mstat-val.green{color:#4ade80}.mstat-val.amber{color:#fbbf24}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-actions-row{display:flex;gap:10px;margin-top:16px;justify-content:center;flex-wrap:wrap}.modal-btn{font-family:inherit;font-size:12px;font-weight:800;letter-spacing:1px;padding:11px 18px;border-radius:7px;cursor:pointer;border:none;text-transform:uppercase;transition:all .12s ease}.modal-btn.primary-btn{background:linear-gradient(180deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 0 16px #f43f5e66}.modal-btn.primary-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.modal-btn.secondary-btn{background:var(--panel);color:#dbe5ee;border:1px solid var(--border-mid)}.modal-btn.secondary-btn:hover{background:#22314a}.modal-btn.tertiary-btn{background:transparent;color:var(--text-dim);border:1px solid var(--border-dim)}.modal-btn.revive-btn{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#1a1206;box-shadow:0 0 14px #fbbf2459}.modal-btn.revive-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.modal-btn.revive-btn:disabled{filter:grayscale(.6);cursor:not-allowed}.revive-note{font-size:10px;color:var(--text-faint);margin:-4px 0 6px;text-align:center;letter-spacing:.4px}.modal-btn.tertiary-btn:hover{color:#fff;border-color:var(--border-mid)}.modal-btn.special-btn{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff;box-shadow:0 0 18px #db277759}.modal-btn.special-btn:hover{filter:brightness(1.1)}.modal-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}.sector-card{background:var(--panel);border:1px solid var(--border-dim);border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;transition:all .12s ease}.sector-card.unlocked:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 4px 14px #38bdf829}.sector-card.locked{opacity:.35;cursor:not-allowed}.sector-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sector-id{font-size:10px;font-weight:800;color:var(--accent-cyan);font-family:var(--mono)}.sector-theme-tag{font-size:8px;padding:1px 6px;border-radius:3px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.sector-theme-tag.leveldevil{background:#4a2c08;color:#fde68a}.sector-theme-tag.subway{background:#5b1220;color:#fecdd3}.sector-theme-tag.hillclimb{background:#14532d;color:#bbf7d0}.sector-theme-tag.foundry{background:#4d1c08;color:#fdba74}.sector-theme-tag.catacombs{background:#3a2a06;color:#fde047}.sector-theme-tag.cyberlab{background:#0c4a6e;color:#bae6fd}.sector-title{font-size:12px;font-weight:800;color:#f1f5f9;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.sector-subtitle{font-size:10px;color:var(--text-faint);margin-bottom:6px}.sector-traps{font-size:13px;letter-spacing:2px;margin-bottom:6px;filter:grayscale(0)}.sector-stars{font-size:12px;color:var(--accent-gold);letter-spacing:2px}.sector-score{font-size:9px;color:var(--text-faint);margin-top:4px;font-family:var(--mono)}.achievements-list{display:flex;flex-direction:column;gap:10px;text-align:left;max-height:55vh;overflow-y:auto;padding-right:4px}.achievement-card{display:flex;align-items:center;gap:12px;background:var(--panel-deep);border:1px solid var(--border-dim);padding:10px 14px;border-radius:8px}.achievement-card.unlocked{border-color:#f59e0b80;background:#16110b}.achievement-card.locked{opacity:.55;filter:grayscale(.5)}.ach-icon{font-size:24px}.ach-info{flex:1}.ach-title{font-size:13px;font-weight:800;color:#f1f5f9}.ach-desc{font-size:10px;color:var(--text-dim)}.ach-status{font-size:9px;font-weight:900;color:var(--text-faint);font-family:var(--mono);letter-spacing:1px}.achievement-card.unlocked .ach-status{color:#22c55e}.settings-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:18px;text-align:left}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:#dbe5ee}.setting-row input[type=range]{accent-color:var(--accent-cyan);width:50%}.muted-toggle-btn{min-width:90px;font-size:10px!important;padding:6px 12px!important}.loadout-modal{max-width:700px;max-height:88vh;display:flex;flex-direction:column}.loadout-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.loadout-toggle-btn{flex:1;max-width:240px;font-family:var(--mono);font-size:11px;font-weight:900;letter-spacing:.5px;padding:7px 12px;border-radius:6px;cursor:pointer;background:var(--panel);color:var(--text-dim);border:1px solid var(--border-dim);transition:all .15s ease}.loadout-toggle-btn:hover{border-color:var(--border-bright);color:#e2e8f0}.loadout-toggle-btn.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#04060a}.loadout-counter-bar{display:flex;justify-content:space-between;align-items:center;background:var(--panel-deep);border:1px solid var(--border-dim);border-radius:6px;padding:8px 14px;margin-bottom:12px}.loadout-count-text{font-size:13px;font-weight:900;color:#cbd5e1;font-family:var(--mono)}.loadout-count-text strong.green{color:#22c55e}.loadout-count-text strong.amber{color:#f59e0b}.loadout-tip{font-size:10px;color:var(--text-faint);font-weight:700}.loadout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;margin-bottom:14px}.loadout-card{background:var(--panel);border:1px solid var(--border-dim);border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;transition:all .15s ease;min-height:108px;position:relative;text-align:left}.loadout-card:hover{border-color:var(--border-bright);transform:translateY(-2px);background:#16222f}.loadout-card.is-selected{border-color:#22c55e;background:#0c1a12;box-shadow:0 0 14px #22c55e33}.loadout-card.is-stage-pick{border-color:#f59e0b73}.loadout-card.is-stage-pick.is-selected{border-color:#22c55e;box-shadow:0 0 14px #22c55e33,0 0 0 1px #f59e0b80}.loadout-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.loadout-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.loadout-cost{font-size:11px;font-weight:900;color:#fbbf24;font-family:var(--mono)}.loadout-card-main{display:flex;align-items:center;gap:8px;margin-bottom:5px}.loadout-icon{font-size:20px}.loadout-name{font-size:13px;font-weight:900;color:#f8fafc;text-transform:uppercase;letter-spacing:.5px}.loadout-desc{font-size:10px;color:var(--text-dim);line-height:1.3;margin-bottom:8px;flex:1}.loadout-slot-tag{align-self:flex-start;font-size:9px;font-weight:900;padding:2px 8px;border-radius:4px;color:#fff;letter-spacing:.5px;font-family:var(--mono)}.loadout-slot-tag.unequipped{background:var(--border-dim);color:var(--text-dim)}.loadout-slot-tag.stage-tag{background:#b45309;color:#fff7ed}.onboarding-card{max-width:520px}.onboarding-grid{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.onboard-trap{flex:1;max-width:140px;background:var(--panel);border:1px solid var(--border-dim);border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.onboard-hotkey{font-family:var(--mono);font-size:10px;color:var(--accent-cyan);font-weight:900}.onboard-icon{font-size:22px}.onboard-name{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-align:center}.onboard-mode{font-size:8px;font-weight:900;color:var(--text-faint);font-family:var(--mono);letter-spacing:1px}.onboarding-tips{background:var(--panel-deep);border:1px solid var(--border-dim);border-radius:8px;padding:10px 14px;text-align:left;font-size:11px;color:#cbd5e1;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.onboarding-tips strong{color:var(--accent-cyan)}@media(max-width:680px){body{padding:2px}.console-wrapper{padding:6px}.hud-top-bar{flex-direction:column;gap:6px;align-items:stretch}.hud-brand{justify-content:center}.header-nav-actions{justify-content:center;margin:0}.hud-stats-group{justify-content:center}.hud-controls-dock{grid-template-columns:1fr}.trap-card{min-height:62px;padding:8px 6px}.trap-card-name{font-size:11px}.modal-card{padding:16px}.onboarding-grid{flex-wrap:wrap}.loadout-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.studio-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#3d4c63;text-transform:uppercase}.studio-footer .dot-sep{color:#223041}.studio-footer a{color:#4cc3ff;text-decoration:none}.studio-footer a:hover{color:#7dd3fc;text-decoration:underline;text-underline-offset:3px}input[type=range]{cursor:pointer}.console-wrapper{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}body.is-touch .trap-card{min-height:72px;padding:10px 8px;border-radius:10px}body.is-touch .trap-icon{font-size:24px}body.is-touch .trap-card-name{font-size:14px;letter-spacing:.4px}body.is-touch .trap-card-cost{font-size:12px}body.is-touch .trap-cd-overlay{font-size:14px}body.is-touch .trap-hotkey-tag{display:none}body.is-touch .energy-dock{padding:10px 12px}body.is-touch .nav-btn{padding:8px 12px;font-size:11px}body.is-touch .hud-controls-dock{gap:8px}.fs-btn,.pause-btn{font-size:13px;line-height:1}@media(max-width:680px)and (orientation:portrait){body{padding:0 2px}.console-wrapper{padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.viewport-container{max-height:none}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px){html,body{height:100%}body{height:100vh;height:100dvh;overflow:hidden;padding:0}.console-wrapper{max-width:none;width:100%;height:100vh;height:100dvh;border-radius:0;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.hud-top-bar{flex-direction:row;align-items:center;padding-bottom:4px;margin-bottom:4px;gap:6px}.hud-brand{justify-content:flex-start}.header-nav-actions{justify-content:flex-end;margin:0}.hud-stats-group{justify-content:flex-end;gap:6px}.hud-title{font-size:11px;letter-spacing:1px}.stat-pill{padding:3px 8px;gap:4px}.stat-label{font-size:8px}.stat-value{font-size:12px}.villain-log{display:none}.viewport-container{flex:1 1 auto;min-height:0;aspect-ratio:auto;width:100%}.hud-controls-dock{margin-top:6px;grid-template-columns:1fr 140px;gap:8px}.trap-card{min-width:0}.energy-gauge-track{height:10px}.studio-footer{display:none}}@media(orientation:landscape)and (max-height:520px)and (max-width:700px){body.is-touch .trap-card{min-height:64px;padding:8px 6px}.hud-controls-dock{grid-template-columns:1fr 120px}}.title-backdrop{background:radial-gradient(1000px 500px at 50% -10%,rgba(56,189,248,.14),transparent 60%),#04060ae6}.title-card{max-width:560px;padding:34px 30px 26px;border-color:#38bdf859;box-shadow:0 0 60px #38bdf81f,0 24px 70px #000000e6}.title-logo{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:18px}.title-logo .blinking-dot{width:14px;height:14px}.title-name{font-size:34px;font-weight:900;line-height:1.05;letter-spacing:2px;color:#e2e8f0;font-family:var(--mono);text-transform:uppercase;margin:0;text-shadow:0 0 22px rgba(56,189,248,.5);animation:title-glow 2.4s ease-in-out infinite}.title-name-accent{color:var(--accent-cyan);-webkit-text-stroke:.5px rgba(56,189,248,.6)}@keyframes title-glow{0%,to{text-shadow:0 0 14px rgba(56,189,248,.35)}50%{text-shadow:0 0 30px rgba(56,189,248,.7)}}.title-tagline{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.5;color:#f8fafc;text-transform:uppercase}.title-stat-row{display:flex;justify-content:center;gap:10px;margin-bottom:22px}.title-stat{flex:1;max-width:140px;background:var(--panel-deep);border:1px solid var(--border-dim);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:2px}.title-stat-val{font-size:20px;font-weight:900;color:var(--accent-cyan);font-family:var(--mono)}.title-start-btn{font-size:17px!important;padding:14px 22px!important;letter-spacing:1.5px;animation:pulse-big 1.6s ease-in-out infinite}@keyframes pulse-big{0%,to{box-shadow:0 0 #38bdf873}50%{box-shadow:0 0 0 10px #38bdf800}}.title-mini-actions{display:flex;gap:8px;justify-content:center;margin-top:14px}.tour-card{max-width:420px;padding:28px 22px 22px}.tour-dots{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--border-mid);transition:all .2s}.tour-dot.active{background:var(--accent-cyan);box-shadow:0 0 6px #38bdf88c}.tour-icon{font-size:44px;text-align:center;line-height:1;margin-bottom:10px}.tour-tip{background:var(--panel-deep);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px;font-size:11px;color:var(--text-dim);line-height:1.5;margin-bottom:12px}.ad-break-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 26px;text-align:center}.ad-break-spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--border-mid);border-top-color:var(--accent-cyan);animation:ad-spin .9s linear infinite;margin-bottom:6px}@keyframes ad-spin{to{transform:rotate(360deg)}}.ad-break-title{font-family:var(--mono);font-size:20px;font-weight:900;letter-spacing:2px;color:#a7f3d0}.ad-break-sub{font-size:11px;color:var(--text-dim);letter-spacing:.6px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#070b14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:1;transition:opacity .35s ease}.loading-screen.loading-done{opacity:0;pointer-events:none}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.loading-logo{font-size:54px;animation:loading-bounce 1.2s ease-in-out infinite}@keyframes loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-name{font-family:var(--mono);font-size:22px;font-weight:900;color:#c2d0dc;letter-spacing:2px;line-height:1.1;text-align:center}.loading-name-accent{color:var(--accent-cyan)}.loading-sub{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:1.2px}.loading-track{width:200px;height:4px;background:var(--panel-deep);border-radius:3px;overflow:hidden}.loading-bar{width:0%;height:100%;background:var(--accent-cyan);border-radius:3px;animation:loading-fill .8s ease-out forwards}@keyframes loading-fill{0%{width:0%}40%{width:55%}to{width:100%}}.level-select-modal{max-width:720px}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0;max-height:48vh;overflow-y:auto;padding-right:4px}.stage-select-card{background:#111827;border:1px solid var(--border-mid);border-radius:8px;padding:10px;display:flex;flex-direction:column;text-align:left;transition:all .15s ease;position:relative}.stage-select-card.unlocked{cursor:pointer}.stage-select-card.unlocked:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 14px #38bdf833}.stage-select-card.locked{opacity:.5;background:#090d15;border-color:#ffffff0d}.stage-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.stage-card-num{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--accent-cyan);letter-spacing:1px}.stage-stars{font-size:12px;display:flex;gap:2px}.s-star{color:#ffffff26}.s-star.lit{color:#facc15;text-shadow:0 0 6px rgba(250,204,21,.6)}.stage-card-title{font-family:var(--mono);font-size:12px;font-weight:800;color:#f1f5f9;margin-bottom:4px;line-height:1.2}.stage-card-sub{font-size:9px;color:var(--text-dim);line-height:1.3;margin-bottom:10px;flex:1}.stage-card-footer{margin-top:auto}.stage-play-btn{width:100%;padding:6px 0;font-size:10px;letter-spacing:1px}.stage-locked-tag{display:block;text-align:center;font-family:var(--mono);font-size:10px;color:var(--text-dim);padding:4px 0}.endless-banner-row{background:linear-gradient(90deg,#ef444426,#38bdf826);border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.endless-banner-info{display:flex;align-items:center;gap:12px}.endless-banner-badge{font-family:var(--mono);font-size:9px;font-weight:800;background:#ef4444;color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:1px}.endless-banner-title{font-family:var(--mono);font-size:13px;font-weight:900;color:#fff}.endless-banner-high{font-family:var(--mono);font-size:11px;color:#facc15}.title-actions-grid{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;margin:0 auto}.title-endless-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;color:#000;font-weight:900}.nav-btn.highlight-shop-btn{background:#2a1138;border-color:#a855f7;color:#e9d5ff}.nav-btn.highlight-shop-btn:hover{background:#3b1650;color:#fff;box-shadow:0 0 12px #a855f780}.souls-pill{border-color:#581c87;background:#190927}.stat-value.purple{color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.4)}.title-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title-card{max-width:580px;padding:24px 28px;background:radial-gradient(circle at 50% 0%,#151e2e,#0c1017);border:1px solid #2d3b4e;box-shadow:0 20px 60px #000000e6,0 0 40px #38bdf81a}.title-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.title-name{font-family:var(--mono);font-size:26px;font-weight:900;letter-spacing:3px;line-height:1.1;color:#fff;text-align:left}.title-name-accent{color:var(--accent-red);text-shadow:0 0 16px rgba(244,63,94,.6)}.title-tagline{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:1px;line-height:1.5;margin-bottom:16px}.title-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#0a0e16b3;border:1px solid var(--border-dim);border-radius:8px;padding:8px 10px;margin-bottom:18px}.title-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.title-stat-val{font-family:var(--mono);font-size:15px;font-weight:900;color:#fff}.title-stat-val.purple{color:#c084fc}.title-stat-val.amber{color:#facc15}.title-stat-val.cyan{color:#38bdf8}.title-stat-lbl{font-size:9px;font-weight:800;color:var(--text-faint);letter-spacing:1px}.mode-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.mode-card-btn{background:linear-gradient(180deg,#162030,#0d1420);border:1px solid #29384d;border-radius:8px;padding:14px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:all .15s ease;position:relative;overflow:hidden}.mode-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0009}.mode-card-btn.campaign-btn{border-color:#38bdf866}.mode-card-btn.campaign-btn:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #38bdf859;background:linear-gradient(180deg,#1a2a42,#0f1a2a)}.mode-card-btn.endless-btn{border-color:#f43f5e66}.mode-card-btn.endless-btn:hover{border-color:var(--accent-red);box-shadow:0 0 20px #f43f5e59;background:linear-gradient(180deg,#2d131a,#170a0e)}.mode-icon{font-size:28px;line-height:1}.mode-info{display:flex;flex-direction:column;gap:3px}.mode-title{font-family:var(--mono);font-size:13px;font-weight:900;color:#fff;letter-spacing:1px}.mode-sub{font-size:10px;color:var(--text-dim);line-height:1.3}.mode-badge{font-family:var(--mono);font-size:10px;font-weight:900;padding:4px 10px;border-radius:4px;letter-spacing:1px;margin-top:4px}.campaign-btn .mode-badge{background:#0284c7;color:#fff}.endless-btn .mode-badge{background:#e11d48;color:#fff}.title-nav-row{display:flex;gap:8px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.shop-highlight-btn{background:linear-gradient(135deg,#7e22ce,#a21caf);color:#fff;border:1px solid #c084fc;box-shadow:0 0 14px #a855f766}.shop-highlight-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.title-mini-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.shop-card{max-width:740px;max-height:88vh;display:flex;flex-direction:column;padding:18px 22px}.shop-header-bar{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-dim)}.shop-souls-display{display:flex;align-items:baseline;gap:8px;background:#1c0f2b;border:1px solid #7e22ce;border-radius:6px;padding:6px 12px}.ssd-label{font-family:var(--mono);font-size:10px;font-weight:800;color:#d8b4fe;letter-spacing:1px}.ssd-val{font-family:var(--mono);font-size:18px;font-weight:900;color:#f3e8ff;text-shadow:0 0 8px rgba(192,132,252,.6)}.shop-tabs{display:flex;gap:8px;margin-bottom:14px}.shop-tab{flex:1;background:var(--panel-deep);border:1px solid var(--border-mid);color:var(--text-dim);font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:1px;padding:9px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease}.shop-tab:hover{background:#1a2433;color:#fff}.shop-tab.active{background:#1e293b;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px #38bdf833}.shop-content-scroll{overflow-y:auto;max-height:48vh;padding-right:6px;margin-bottom:14px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.shop-trap-card{background:#0e1520;border:1px solid var(--border-dim);border-radius:7px;padding:10px;display:flex;flex-direction:column;gap:6px;text-align:left;position:relative;transition:all .12s ease}.shop-trap-card:hover{border-color:var(--border-mid);transform:translateY(-1px)}.shop-trap-card.equipped{border-color:#22c55e;background:#091910}.shop-trap-card.unlocked{border-color:#38bdf8}.shop-trap-card.locked{opacity:.85}.st-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.st-icon{font-size:20px}.st-badge{font-size:8px;font-family:var(--mono);font-weight:800;padding:2px 5px;border-radius:3px;background:var(--panel-deep);color:var(--text-dim);border:1px solid var(--border-dim)}.st-cost{font-family:var(--mono);font-size:10px;font-weight:900;color:var(--accent-amber)}.st-name{font-family:var(--mono);font-size:11px;font-weight:900;color:#fff;letter-spacing:.5px}.st-tagline{font-size:9px;color:var(--text-dim);line-height:1.3;flex:1}.st-footer{margin-top:4px}.st-btn{width:100%;padding:6px 8px;font-family:var(--mono);font-size:10px;font-weight:900;border-radius:5px;border:none;cursor:pointer;letter-spacing:.5px;transition:all .12s ease}.st-btn.equipped-btn{background:#22c55e26;color:#4ade80;border:1px solid #16a34a;cursor:default}.st-btn.equip-btn{background:#0284c7;color:#fff}.st-btn.equip-btn:hover{background:#0369a1}.st-btn.buy-btn.can-buy{background:linear-gradient(90deg,#9333ea,#c026d3);color:#fff;box-shadow:0 0 10px #a855f766}.st-btn.buy-btn.can-buy:hover{filter:brightness(1.15)}.st-btn.buy-btn.cant-buy{background:#1f1d24;color:#71717a;border:1px solid #3f3f46;cursor:not-allowed}.upgrades-list{display:flex;flex-direction:column;gap:10px}.upgrade-card{background:#0e1520;border:1px solid var(--border-dim);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:14px;text-align:left}.uc-icon{font-size:26px;flex-shrink:0}.uc-info{flex:1;min-width:0}.uc-title{font-family:var(--mono);font-size:12px;font-weight:900;color:#fff;letter-spacing:1px}.uc-desc{font-size:10px;color:var(--text-dim);margin-top:2px;margin-bottom:6px}.uc-pips{display:flex;align-items:center;gap:5px}.pip{width:14px;height:6px;border-radius:2px;background:#1e293b;border:1px solid var(--border-mid)}.pip.active{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 6px #38bdf899}.pip-label{font-family:var(--mono);font-size:9px;font-weight:800;color:var(--text-faint);margin-left:6px}.uc-action{flex-shrink:0;width:130px}.bounce-btn{background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff;box-shadow:0 0 16px #22c55e66}.bounce-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.slot-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}.slot-picker-card{background:#101724;border:1px solid var(--border-bright);box-shadow:0 16px 48px #000c,0 0 24px #38bdf840;border-radius:10px;padding:18px 22px;width:100%;max-width:400px;text-align:center}.sp-title{font-family:var(--mono);font-size:14px;font-weight:900;color:var(--accent-cyan);letter-spacing:1px}.sp-desc{font-size:11px;color:var(--text-dim);margin:6px 0 14px}.slot-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.slot-choice-btn{background:#090e16;border:1px solid var(--border-mid);border-radius:6px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .12s ease;font-family:var(--mono)}.slot-choice-btn:hover{background:#172335;border-color:var(--accent-cyan);transform:translate(3px)}.sc-slot{font-size:11px;font-weight:800;color:var(--accent-amber)}.sc-curr{font-size:11px;font-weight:700;color:#f1f5f9}.sc-replace{font-size:10px;font-weight:800;color:var(--accent-cyan)}.sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media(max-width:640px){.sectors-grid{grid-template-columns:repeat(2,1fr)}}.sector-card{background:#0e1520;border:1px solid var(--border-dim);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;text-align:left;transition:all .12s ease}.sector-card.unlocked{cursor:pointer}.sector-card.unlocked:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 6px 18px #0009}.sector-card.locked{opacity:.5;background:#080c13}.sector-card-header{display:flex;justify-content:space-between;align-items:center}.sector-id{font-family:var(--mono);font-size:9px;font-weight:800;color:var(--accent-cyan);letter-spacing:1px}.sector-theme-tag{font-size:8px;font-family:var(--mono);color:var(--text-faint);text-transform:uppercase}.sector-card-title{font-family:var(--mono);font-size:11px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-card-sub{font-size:9px;color:var(--text-dim);line-height:1.3;flex:1}.sector-card-stars{font-size:12px;display:flex;gap:2px;margin-top:4px}.sector-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.sector-hi{font-family:var(--mono);font-size:9px;color:#facc15}.sector-play-btn{background:var(--accent-cyan);color:#040914;border:none;font-family:var(--mono);font-size:9px;font-weight:900;padding:3px 8px;border-radius:4px;cursor:pointer}.sector-locked-msg{font-family:var(--mono);font-size:9px;color:var(--text-faint)}.soul-reward-banner{background:linear-gradient(90deg,#a855f726,#ec489926);border:1px solid rgba(168,85,247,.5);border-radius:6px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;animation:soul-banner-pulse 1.5s infinite alternate}@keyframes soul-banner-pulse{0%{box-shadow:0 0 10px #a855f733}to{box-shadow:0 0 20px #a855f780}}.srb-icon{font-size:16px}.srb-text{font-family:var(--mono);font-size:13px;font-weight:900;color:#f3e8ff;letter-spacing:1px;text-shadow:0 0 8px rgba(192,132,252,.6)}