/* Neon Warren: the opening artwork's electric palette, carried through the game. */
body.neon-warren{--bg:#060918;--panel:#0b1530;--panel2:#181439;--cyan:#41efff;--cyan2:#078fd4;--purple:#b05bff;--orange:#ff872b;--gold:#ffe078;--green:#93ef37;--text:#f2faff;--muted:#b3c3e4;background:#060918}
body.neon-warren .overlay{background:radial-gradient(ellipse at 10% 0%,#123c6873,transparent 50%),radial-gradient(ellipse at 100% 100%,#66218254,transparent 55%),#05091de8;backdrop-filter:blur(7px)}
body.neon-warren .panel{border:2px solid #397b9e;border-top-color:#61e5ff;border-bottom-color:#8550b9;border-radius:8px;background:linear-gradient(145deg,#112343fa,#171130fa 62%,#091a2bfa);box-shadow:0 0 0 3px #030713,0 4px 0 #09111f,0 16px 70px #0009,inset 0 1px #b3f9ff35;scrollbar-color:#7950ab #101a2c}
body.neon-warren .panel h2{color:#effdff;font-family:Impact,'Arial Black',sans-serif;letter-spacing:.025em;text-shadow:2px 3px #1c6398,4px 5px #040617;font-weight:900}
body.neon-warren .eyebrow{color:#64ebff;font-weight:800}
body.neon-warren .panel>p,body.neon-warren .choice-copy,body.neon-warren .workshop-copy{color:#c3cde6}
body.neon-warren .primary{background:linear-gradient(#a0fcff 0%,#40e8ff 45%,#14accf 46%,#50e2fa 100%);border:2px solid #affaff;color:#03273c;box-shadow:0 4px 0 #06557b,0 0 25px #18c8ff30,inset 0 1px #fff;letter-spacing:.075em}
body.neon-warren .secondary{background:linear-gradient(145deg,#332653,#171c3b);border-color:#8f6fcd;box-shadow:inset 0 1px #dec7ff20,0 3px #090b1c;color:#efddff}
body.neon-warren .ghost{background:#102038;border-color:#477eac;color:#c6eaff}
body.neon-warren .icon-btn{background:linear-gradient(#173353,#10142d);border-color:#609cd0;box-shadow:inset 0 1px #89dafa33;color:#bef8ff}
body.neon-warren button:focus-visible,body.neon-warren input:focus-visible,body.neon-warren select:focus-visible{outline:3px solid #fff09a;outline-offset:3px}
body.neon-warren button:disabled{opacity:.48;box-shadow:none}
body.neon-warren .menu-overlay{background:linear-gradient(90deg,#070b23e8,#102341ac,#170b2ada),url('assets/art/voltman-intro.jpg') center 43%/cover no-repeat;padding:24px;align-items:safe center}
body.neon-warren .menu-card{max-width:1240px;border:2px solid #345f93;border-top-color:#57e8ff;border-bottom-color:#ad52d5;border-radius:8px;background:#070f23;box-shadow:0 0 0 4px #030612,0 20px 90px #000a;overflow:hidden}
body.neon-warren .title-top{background:linear-gradient(90deg,#0b2240,#191332);border-bottom:1px solid #43618b;padding:12px 26px}
body.neon-warren .studio-mark{color:#bffaff;letter-spacing:.12em}
body.neon-warren .studio-sub{color:#b1a1db;font-size:12px;letter-spacing:.07em}
body.neon-warren .release-mark{color:#d5b6ff;font-size:12px;letter-spacing:.12em}
body.neon-warren .release-mark b{color:#0a1530;background:#a6f5ff;border-color:#dfffff;box-shadow:3px 3px #6442a4}
body.neon-warren .title-body{grid-template-columns:1.12fr 1fr}
body.neon-warren .title-content{padding:28px 32px 26px;background:radial-gradient(ellipse at 100% 0%,#173d643d,transparent 55%),linear-gradient(145deg,#0a1830,#0c1028 75%)}
body.neon-warren .title-content>.eyebrow{font-size:12px;color:#9dddf1;letter-spacing:.1em;margin-bottom:12px}
body.neon-warren h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(58px,6.5vw,86px);letter-spacing:-.015em;line-height:1;white-space:nowrap;color:#a9faff;text-shadow:0 -2px #eeffff,2px 3px #009ed0,4px 6px #1262a0,6px 8px #040915;filter:drop-shadow(0 0 18px #00c8ff2b)}
body.neon-warren h1 span{color:#59e7ff}
body.neon-warren .subtitle{font-size:13px;letter-spacing:.5em;color:#eda2ff;margin:14px 0 12px;line-height:1.3}
body.neon-warren .tagline{font-size:16px;line-height:1.4;color:#b6cce4;margin:0 0 22px;max-width:none}
body.neon-warren fieldset{margin-bottom:16px}
body.neon-warren legend{font-size:12px;letter-spacing:.08em;color:#b9b8e7;margin-bottom:9px}
body.neon-warren .kit-options button{--kit:#42e9ff;--kit-dark:#153e57;min-height:65px;gap:6px;padding:10px;background:linear-gradient(135deg,var(--kit-dark),#111b35);color:#d2e0f4;border:1px solid #526084;font-size:12px;letter-spacing:0;border-radius:5px;box-shadow:inset 0 2px #ffffff0d}
body.neon-warren .kit-options [data-kit=instinct]{--kit:#ffca61;--kit-dark:#3c2831}
body.neon-warren .kit-options [data-kit=void]{--kit:#d19aff;--kit-dark:#30204c}
body.neon-warren .kit-options button>span{color:var(--kit);font-size:24px}
body.neon-warren .kit-options button[aria-pressed=true]{border-color:var(--kit);color:#f6fcff;background:linear-gradient(135deg,var(--kit-dark),#172941);box-shadow:inset 0 -3px var(--kit),0 0 18px #42dfff14}
body.neon-warren #kitDescription{font-size:14px;color:#c6d6eb;line-height:1.35}
body.neon-warren .mode-options button{--mode:#50eaff;min-height:74px;padding:10px;background:#0b192f;border-color:#3a537c;color:#bbd4ef;gap:5px}
body.neon-warren .mode-options [data-mode=daily]{--mode:#d593ff}
body.neon-warren .mode-options [data-mode=bossrush]{--mode:#ffad68}
body.neon-warren .mode-options button small{font-size:12px;color:var(--mode);letter-spacing:0}
body.neon-warren .mode-options button strong{font-size:13px;line-height:1.2;white-space:normal}
body.neon-warren .mode-options button span{font-size:12px;color:#a9c4e1}
body.neon-warren .mode-options button[aria-pressed=true]{border-color:var(--mode);background:linear-gradient(120deg,#1b3654,#212247);box-shadow:inset 3px 0 var(--mode);color:#fff}
body.neon-warren #modeDescription{color:#c5d5eb;font-size:14px}
body.neon-warren #modeBest{color:#aa98ce;font-size:12px;letter-spacing:.02em}
body.neon-warren .signal-entry label,body.neon-warren .signal-entry label small{font-size:12px;color:#a4bfe0}
body.neon-warren .signal-entry input,body.neon-warren .player-entry input{color:#e1fcff;border:1px solid #49759d;background:#050f23;box-shadow:inset 0 2px 6px #0007;border-radius:5px}
body.neon-warren .player-entry{margin:13px 0;gap:5px}
body.neon-warren .player-entry label{color:#9feeff;font-size:13px;letter-spacing:.05em}
body.neon-warren .player-entry input{font-size:16px;padding:11px 12px}
body.neon-warren .player-entry small{color:#a6b6d3;line-height:1.35}
body.neon-warren .start-button{min-height:54px;font-size:15px;border-radius:5px;letter-spacing:.08em}
body.neon-warren .title-art{min-height:620px;background:#071027;border-left:2px solid #354e7c}
body.neon-warren .title-art>img{object-fit:cover;object-position:center 47%;opacity:1;image-rendering:pixelated}
body.neon-warren .title-art::after{background:linear-gradient(0deg,#091326 0%,transparent 26%),linear-gradient(90deg,#0b132659,transparent 22%)}
body.neon-warren .art-caption{display:none}
body.neon-warren .career-strip{bottom:20px;left:22px;right:22px;background:#071526ed;border:1px solid #477aa9;padding:12px;box-shadow:0 4px #080717}
body.neon-warren .career-strip b{font-size:12px;color:#95f5ff}.neon-warren .career-strip small{font-size:12px;color:#c6b3e8}
body.neon-warren .career-track{background:#151a32;border:1px solid #52476e;height:7px}.neon-warren .career-track i{background:linear-gradient(90deg,#8c43e4,#4fe9ff)}
body.neon-warren .title-bottom{background:#090f23;border-top:1px solid #704b9c}
body.neon-warren .menu-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 24px;background:linear-gradient(90deg,#0c1731,#1a1331)}
body.neon-warren .menu-nav button{min-height:44px;margin:0;padding:9px 8px;border:1px solid #4c547c;border-radius:4px;background:#14203b;color:#c7e9ff;font-size:12px;letter-spacing:.015em;box-shadow:inset 0 1px #cadbff0c;text-align:center}
body.neon-warren #leaderboardBtn,body.neon-warren #denBtn{border-color:#6d548f;color:#dec4ff;background:#261c42}
body.neon-warren #workshopBtn,body.neon-warren #trophyBtn{border-color:#826242;color:#ffe2a6;background:#302334}
body.neon-warren #shareBtn{grid-column:auto;width:auto;margin:0}
body.neon-warren .menu-nav small{font-size:12px}.neon-warren .title-status{padding:10px 24px 18px;border-color:#273d67}
body.neon-warren .title-status>span,body.neon-warren .controls-hint{font-size:12px;color:#91b1d3}.neon-warren .title-status b{color:#ffe488}
/* One family of surfaces for the Den, Workshop, choices, records and settings. */
body.neon-warren :is(.upgrade-branch,.gear-card,.choice-card,.contract-card,.supply-card,.achievement,.stat,.how-card,.mastery-card){border-color:#48557c;background:linear-gradient(140deg,#142741,#201736);box-shadow:inset 0 1px #b9e9ff13,0 3px #060b1c;border-radius:6px}
body.neon-warren :is(.upgrade-card,.den-tab,.pact-card){border-color:#4c5f84;background:#142440;color:#e8f8ff}
body.neon-warren :is(.choice-card,.upgrade-card,.gear-card) strong{color:#e9fbff}.neon-warren :is(.choice-card,.gear-card,.upgrade-card) small{color:#b7c9e3}
body.neon-warren .choice-card.voltage,body.neon-warren .upgrade-card.can-buy{border-color:#49dff5;background:linear-gradient(145deg,#10394a,#151d3b)}
body.neon-warren .choice-card.instinct{border-color:#e6b35f;background:linear-gradient(145deg,#3d292b,#211830)}
body.neon-warren .choice-card.void{border-color:#b47beb;background:linear-gradient(145deg,#34204e,#171c3b)}
body.neon-warren .achievement.unlocked{border-color:#cfb05d;background:linear-gradient(145deg,#333026,#232041)}
body.neon-warren .stat b{color:#8ff6ff}.neon-warren .stat span{color:#c7c5e7}
body.neon-warren .setting-row,body.neon-warren .setting-stack{border-color:#3c476d}.neon-warren input[type=range],body.neon-warren input[type=checkbox]{accent-color:#64e6ff}
body.neon-warren .setting-row select{background:#162342;border-color:#526e9d;color:#fff}
body.neon-warren .board-tabs button,body.neon-warren .rank-actions button{background:#241d40;border-color:#675692;color:#dccbff}
body.neon-warren .board-tabs button[aria-pressed=true]{background:#593e82;border-color:#dfb4ff;color:#fff;box-shadow:inset 0 -3px #c48eff}
body.neon-warren .board-table th{color:#b4b4eb}.neon-warren .board-table td,.neon-warren .board-table th{border-color:#33466a}
body.neon-warren .board-table tr.mine{background:#19465b}.neon-warren .board-table td:first-child{color:#ffe59d;font-weight:800}.neon-warren .board-table td:last-child{color:#92f0ff;font-weight:800}
body.neon-warren #modOverlay .panel,body.neon-warren #cacheOverlay .panel{background:linear-gradient(140deg,#0e283bf7,#271738fa);border:2px solid #80dced;box-shadow:0 8px 50px #000b;max-height:48dvh}
/* Saturated controls, with the same compact footprint and clear arena. */
body.neon-warren #hud{background:linear-gradient(#08122eef,#081326b0 60%,transparent)}
body.neon-warren .meter-track{background:#15162b;border:1px solid #53718f;border-radius:2px;box-shadow:0 1px #000;height:8px!important}
body.neon-warren .hp .meter-track i{background:linear-gradient(90deg,#ff426a,#ff9f89)}
body.neon-warren .energy .meter-track i{background:linear-gradient(90deg,#0c98d8,#6bffff);box-shadow:0 0 7px #1fdaff}
body.neon-warren .hud-score span{color:#f5ffff;text-shadow:2px 2px #274d7b}.neon-warren .stage-chip{color:#b0d7f2}
body.neon-warren #resonanceHud{background:#10142dde;border:1px solid #7656a7;border-radius:4px}.neon-warren .res-track i{background:linear-gradient(90deg,#a655ff,#4bedff)}
body.neon-warren .action-btn.zap{background:radial-gradient(circle at 34% 25%,#b2ffff,#39d9fa 47%,#087399);border-color:#b5fcff;box-shadow:0 0 20px #03d6ff3d,inset 0 2px #dfffff80;color:#042c41}
body.neon-warren .action-btn.dash{background:radial-gradient(circle at 34% 25%,#e3bcff,#9954dc 50%,#48256c);border-color:#ddb4ff;box-shadow:0 0 17px #b14bff30;color:#fff}
body.neon-warren .action-btn.surge{background:conic-gradient(#ffe485 var(--cooldown,100%),#33324b 0);color:#23183a;border-color:#aa853b;box-shadow:0 0 15px #ffc74d25}
body.neon-warren .action-btn.surge.ready{border-color:#fff2b3}
body.neon-warren .stick-knob{background:radial-gradient(circle at 30% 25%,#9effff,#279abc 70%);border-color:#adf5ff66;box-shadow:0 0 20px #3ee3ff26}.neon-warren .stick-ring{border-color:#58d1e65c;background:#0a233044}
body.neon-warren .power-pill{background:#271e37ed;border-color:#e3c176;color:#fff1b2}.neon-warren .toast{border-color:#7163a9;background:#13172ee8;color:#edf7ff}
body.neon-warren #bossBar{background:#2a122cdd;border-bottom:2px solid #f15ba3}.neon-warren #bossName{color:#ffd3e8}
@media(hover:hover) and (pointer:fine){body.neon-warren .menu-nav button:hover{background:#304263!important;color:#fff!important}body.neon-warren :is(.kit-options,.mode-options) button:hover{filter:brightness(1.2)}body.neon-warren button:active{filter:brightness(1.12)}}
@media(max-width:960px){body.neon-warren .title-content{padding:24px}.neon-warren .title-body{grid-template-columns:1.2fr 1fr}.neon-warren .menu-nav{padding:12px;gap:6px}body.neon-warren h1{font-size:clamp(51px,7vw,72px)}}
@media(max-width:640px){
 body.neon-warren .menu-overlay{padding:0;display:block}body.neon-warren .menu-card{width:100%;border:0;border-radius:0;overflow:hidden}body.neon-warren .title-top{padding:11px 16px;gap:12px}
 body.neon-warren .studio-mark{font-size:12px;gap:9px}.neon-warren .studio-sub{font-size:10px}.neon-warren .release-mark{font-size:10px;gap:7px}
 body.neon-warren .title-body{display:block}body.neon-warren .title-content{padding:24px 18px 20px;background:linear-gradient(90deg,#09142ced,#09142ca6),linear-gradient(0deg,#09142c 60%,#09142c00),url('assets/art/voltman-intro.jpg') right 36%/100% auto no-repeat}
 body.neon-warren .title-content>.eyebrow{font-size:12px;letter-spacing:.04em;max-width:240px;margin-bottom:12px}body.neon-warren h1{font-size:clamp(50px,15vw,77px);line-height:1.05}body.neon-warren .subtitle{font-size:12px;letter-spacing:.38em;margin:12px 0}
 body.neon-warren .tagline{font-size:14px;margin-bottom:22px;max-width:280px}.neon-warren .title-art{display:none}
 body.neon-warren .kit-options button{min-height:60px;font-size:12px;padding:9px 6px;gap:5px}.neon-warren .kit-options button>span{font-size:23px}
 body.neon-warren .mode-options button{padding:9px 7px;min-height:76px}.neon-warren .mode-options button small{font-size:12px}.neon-warren .mode-options button strong{font-size:12px}.neon-warren .mode-options button span{font-size:12px}
 body.neon-warren .menu-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px;gap:8px}body.neon-warren .menu-nav button{font-size:13px;min-height:44px;padding:10px}.neon-warren .title-status{padding:12px 18px 18px;gap:12px}.neon-warren .controls-hint{font-size:12px;max-width:220px}
 body.neon-warren .panel{padding:20px}.neon-warren .board-tabs button{font-size:12px}.neon-warren .panel h2{font-size:30px}
}
@media(max-width:360px){body.neon-warren .title-content{padding:20px 14px}.neon-warren .kit-options{gap:5px}body.neon-warren .kit-options button{font-size:11px}.neon-warren .release-mark{display:none}body.neon-warren h1{font-size:49px}.neon-warren .mode-options{gap:5px}body.neon-warren .mode-options button{padding:8px 5px}.neon-warren .mode-options button small{font-size:11px}}
@media(max-height:540px) and (orientation:landscape){body.neon-warren .menu-overlay{display:block;padding:12px}.neon-warren .title-art{min-height:620px}.neon-warren .title-content{padding:24px}body.neon-warren #modOverlay .panel{max-height:49dvh}}
@media(prefers-reduced-motion:reduce){body.neon-warren *{animation:none!important;transition:none!important}}
body.neon-warren .den-scene{background:linear-gradient(#07132345,#070d2688),url('assets/art/neon-environment.png') 0 0/400% 200%;border-color:#526d9c;box-shadow:inset 0 0 45px #071028}
body.neon-warren .den-scene::before{background:#615185;box-shadow:0 4px #0e1431,0 6px #67d9e766;height:4px}
body.neon-warren .den-wall-sign{border-color:#d883ff;color:#ecc8ff;background:#241339;text-shadow:0 0 10px #b83cff}
body.neon-warren .den-hint{color:#b4ddeb;background:#101c32dd;padding:5px;font-size:10px}
body.neon-warren .station-card{background:linear-gradient(140deg,#18384c,#251b43);border-color:#6d66a9;border-radius:5px}
body.neon-warren .station-card strong{font-size:12px;color:#cefaff}.neon-warren .station-card small{font-size:12px;color:#b6c8e4}
body.neon-warren .signal-entry{display:block;padding:0;border:0;background:transparent;margin:0 0 10px}
body.neon-warren .signal-entry summary{cursor:pointer;color:#b7cae9;font-size:13px;min-height:30px;padding:7px 0}
body.neon-warren .signal-entry summary:focus-visible{outline:3px solid #fff09a;outline-offset:3px}
body.neon-warren .replay-fields{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
@media(max-width:640px){
 body.neon-warren .title-content{padding-top:18px;background:linear-gradient(90deg,#09142ceb,#09142c9c),linear-gradient(0deg,#09142c 40%,#09142c00),url('assets/art/voltman-intro.jpg') right -260px/auto 800px no-repeat}
 body.neon-warren .title-content>.eyebrow{max-width:none;font-size:10px;letter-spacing:.02em;margin-bottom:8px}
 body.neon-warren .tagline{margin-bottom:16px}.neon-warren fieldset{margin-bottom:12px}
 body.neon-warren .studio-sub{font-size:9px;letter-spacing:.03em}
 body.neon-warren .player-entry{margin:8px 0 12px}
}
body.neon-warren .overlay{grid-template-columns:minmax(0,1fr)}
body.neon-warren .panel{min-width:0;max-width:100%}
body.neon-warren .den-hint{top:auto;bottom:10px;right:10px;z-index:2}
@media(max-width:360px){body.neon-warren .panel{padding:16px}.neon-warren .panel-head{gap:10px}.neon-warren .panel h2{font-size:26px}}