@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Oswald:wght@500;700&display=swap');
*{box-sizing:border-box}html{background:#050604}body{margin:0;min-height:100vh;background:#080b07 url('../img/background.svg') center/cover fixed no-repeat;color:#b6ff9c;font-family:'Share Tech Mono',monospace;overflow-x:hidden;animation:bodyPulse 7s ease-in-out infinite}body.active{animation:bodyPulse 2.5s ease-in-out infinite}.station{max-width:1420px;margin:auto;padding:28px;position:relative;z-index:2;transform:translate(var(--shake-x,0),var(--shake-y,0))}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.kicker{color:#e7b55a;letter-spacing:4px;text-shadow:0 0 12px #d87916}.subtitle{margin:9px 0 0;color:#8fb986;letter-spacing:2px}h1{font-family:Oswald,sans-serif;margin:0;font-size:clamp(42px,7vw,96px);line-height:.9;color:#d7f7c1;text-shadow:0 0 12px #4cff4c,0 0 44px rgba(38,255,80,.35);letter-spacing:2px}.freq-box{border:1px solid rgba(182,255,156,.35);padding:16px 20px;background:rgba(5,12,5,.78);box-shadow:inset 0 0 30px rgba(77,255,91,.12),0 0 30px rgba(0,0,0,.8);text-align:right;min-width:220px}.freq{font-size:44px;color:#ffcf69}.freq-box small,.freq-box em{display:block;color:#8ca884;font-style:normal}.hero{display:grid;grid-template-columns:290px 1fr 310px;gap:20px}.metal-panel{border:1px solid rgba(176,255,151,.25);background:linear-gradient(145deg,rgba(18,24,17,.9),rgba(5,8,6,.94));box-shadow:inset 0 0 55px rgba(51,255,78,.06),0 20px 70px rgba(0,0,0,.55);border-radius:14px;position:relative;overflow:hidden}.metal-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 28%,transparent 70%,rgba(255,255,255,.035));pointer-events:none}.panel-title{color:#ffcf69;letter-spacing:2px;margin-bottom:12px}.left-panel,.right-panel{padding:18px}.panel-img,.radio-img{width:100%;display:block;filter:drop-shadow(0 0 18px rgba(115,255,93,.18))}.radio-img{animation:radioHum 4s ease-in-out infinite}.lamp-grid{display:grid;grid-template-columns:24px 1fr;gap:11px;margin:18px 0;color:#d2e9c9}.lamp{width:16px;height:16px;border-radius:50%;box-shadow:0 0 18px currentColor}.green{background:#55ff67;color:#55ff67}.yellow{background:#ffd05a;color:#ffd05a}.red{background:#ff483d;color:#ff483d}.blue{background:#75d6ff;color:#75d6ff}.blink{animation:blink .8s infinite}.blink-soft{animation:blink 2.2s infinite}.bars label{display:flex;justify-content:space-between;color:#ffcf69;margin-top:12px}.bars b{color:#d9ffd0}.bars div{height:12px;background:#10160f;border:1px solid rgba(182,255,156,.2);overflow:hidden}.bars i{display:block;height:100%;background:linear-gradient(90deg,#3aff55,#e7ff7b);box-shadow:0 0 18px #3aff55;transition:width .8s}.center-screen{min-height:560px;padding:22px}.screen-glow{height:100%;min-height:516px;border-radius:18px;background:radial-gradient(circle at center,rgba(65,255,79,.18),rgba(0,0,0,.94) 62%);border:2px solid rgba(94,255,91,.35);padding:24px;box-shadow:inset 0 0 90px rgba(45,255,73,.22),0 0 45px rgba(52,255,78,.16);position:relative;overflow:hidden}.screen-glow:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(120,255,120,.025) 24px);pointer-events:none}.terminal-head{display:flex;justify-content:space-between;color:#ffcf69;border-bottom:1px solid rgba(182,255,156,.25);padding-bottom:12px;margin-bottom:18px;letter-spacing:2px}#terminalState{color:#66ff73;text-shadow:0 0 12px #66ff73}pre{white-space:pre-wrap;font-size:17px;line-height:1.52;text-shadow:0 0 9px rgba(132,255,108,.8);margin:0;max-height:430px;overflow:hidden}.terminal-line{position:absolute;left:0;right:0;height:3px;background:rgba(171,255,153,.55);box-shadow:0 0 24px #9fff91;animation:scan 3.8s linear infinite}.play{width:100%;margin-top:14px;background:#1b2b17;color:#d9ffd0;border:1px solid rgba(182,255,156,.45);padding:14px;border-radius:10px;font-family:inherit;font-size:16px;cursor:pointer;box-shadow:inset 0 0 18px rgba(73,255,77,.16)}.play:hover{background:#2d451f}.secondary{color:#ffcf69;background:#201914}.dial-wrap{text-align:center;margin-top:20px;color:#ffcf69}.dial{width:98px;height:98px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#2f382a 0 28%,#090b08 30% 100%);border:3px solid #72826a;box-shadow:inset 0 0 25px #000,0 0 25px rgba(255,208,90,.18);animation:tune 5s ease-in-out infinite;position:relative}.dial i{position:absolute;width:4px;height:42px;background:#ffcf69;left:50%;top:8px;box-shadow:0 0 14px #ffcf69}.mini-log{margin-top:16px;color:#8fb986;border-top:1px dashed rgba(182,255,156,.25);padding-top:12px;min-height:42px}.broadcast{display:grid;grid-template-columns:98px 1fr;gap:18px;margin-top:20px;padding:18px;align-items:center}.avatar img{width:82px;filter:drop-shadow(0 0 20px #57ff59);animation:core 3s ease-in-out infinite}h2,h3{margin:0 0 8px;color:#ffcf69;letter-spacing:2px}.broadcast p{font-size:21px;margin:0;color:#e3ffdc}.dashboard{display:grid;grid-template-columns:1.4fr .9fr .9fr;gap:20px;margin-top:20px}.log-panel,.anomaly-panel,.archive-panel{padding:18px;min-height:190px}.log-panel ul{list-style:none;padding:0;margin:0}.log-panel li{padding:7px 0;border-bottom:1px solid rgba(182,255,156,.12);color:#d8ffd0}.log-panel li em{color:#ffcf69;font-style:normal;margin-right:8px}.anomaly-panel b{display:block;font-size:24px;color:#d9ffd0;margin:16px 0 8px}.anomaly-panel span{color:#ff5a4f;display:block}.anomaly-panel p{color:#8fb986}.archive-panel .dead{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(182,255,156,.12)}.archive-panel b{color:#d9ffd0}.archive-panel span{color:#ff5a4f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.card{padding:18px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:14px}.card img{width:66px}.card b{color:#d9ffd0;font-size:20px}.card span{color:#ffcf69;display:block}.alarm-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:20;width:min(640px,86vw);border:2px solid rgba(255,82,65,.7);background:rgba(16,2,2,.88);box-shadow:0 0 80px rgba(255,0,0,.4),inset 0 0 50px rgba(255,0,0,.18);padding:28px;text-align:center;opacity:0;pointer-events:none}.alarm-overlay.show{animation:alarmShow 2.8s ease-in-out}.alarm-overlay b{display:block;color:#ff5a4f;font-size:32px;letter-spacing:3px}.alarm-overlay span{display:block;margin-top:12px;color:#ffd6b6}.blackout{position:fixed;inset:0;background:#000;z-index:19;opacity:0;pointer-events:none}.blackout.show{animation:blackout .7s ease-in-out}.noise{position:fixed;inset:0;background-image:url('../img/noise.svg');opacity:.13;z-index:4;pointer-events:none;animation:static .22s steps(2) infinite}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 2px,transparent 5px);z-index:5;pointer-events:none}.fog{position:fixed;inset:-20%;background:radial-gradient(circle at 30% 70%,rgba(160,180,130,.08),transparent 30%),radial-gradient(circle at 80% 20%,rgba(70,255,85,.08),transparent 25%);filter:blur(30px);animation:fog 16s ease-in-out infinite alternate;z-index:1}.vignette{position:fixed;inset:0;background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.72));z-index:3;pointer-events:none}@keyframes blink{50%{opacity:.2}}@keyframes scan{0%{top:0}100%{top:100%}}@keyframes tune{50%{transform:rotate(42deg)}}@keyframes static{50%{transform:translate(2px,-1px)}}@keyframes fog{to{transform:translate(6%,4%) scale(1.08)}}@keyframes bodyPulse{50%{filter:brightness(1.11) contrast(1.05)}}@keyframes radioHum{50%{filter:drop-shadow(0 0 28px rgba(255,208,90,.25))}}@keyframes core{50%{transform:scale(1.05)}}@keyframes alarmShow{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes blackout{0%,100%{opacity:0}40%{opacity:.88}}@media(max-width:1080px){.hero,.dashboard{grid-template-columns:1fr}.topbar{display:block}.freq-box{text-align:left;margin-top:14px}.cards{grid-template-columns:1fr}.station{padding:16px}pre{max-height:none}.center-screen{min-height:auto}.screen-glow{min-height:420px}}

/* === APOCALYPSE RADIO: FULL ATMOSPHERE MODULES === */
.world-grid,.story-grid{display:grid;gap:20px;margin-top:20px}.world-grid{grid-template-columns:1.05fr .9fr 1.2fr .85fr}.story-grid{grid-template-columns:1.05fr .9fr 1.05fr}.world-panel,.geiger-panel,.signal-panel,.sats-panel,.cassette-panel,.file-panel,.map-panel,.visualizer-panel{padding:18px;min-height:190px}.big-number{font-family:Oswald,sans-serif;font-size:38px;color:#d9ffd0;text-shadow:0 0 18px rgba(91,255,91,.65);margin:14px 0 4px}.weather{margin-top:16px;color:#ffcf69;border:1px dashed rgba(255,207,105,.3);padding:10px;background:rgba(255,207,105,.05)}.geiger{font-family:Oswald,sans-serif;font-size:54px;color:#ffcf69;text-shadow:0 0 22px rgba(255,207,105,.45);margin-top:14px}.geiger.danger{color:#ff5a4f;text-shadow:0 0 30px rgba(255,70,60,.8);animation:dangerPulse .45s infinite}.geiger-scale{height:15px;border:1px solid rgba(182,255,156,.22);background:#11160e;overflow:hidden}.geiger-scale i{display:block;height:100%;width:30%;background:linear-gradient(90deg,#3aff55,#ffcf69,#ff5a4f);box-shadow:0 0 18px rgba(255,90,79,.55);transition:width .5s}.scanner{height:62px;margin:15px 0;background:repeating-linear-gradient(90deg,rgba(182,255,156,.06) 0 2px,transparent 2px 18px),linear-gradient(180deg,rgba(70,255,85,.09),rgba(0,0,0,.45));border:1px solid rgba(182,255,156,.22);position:relative;overflow:hidden}.scanner i{position:absolute;top:0;bottom:0;width:26%;background:linear-gradient(90deg,transparent,rgba(182,255,156,.5),transparent);animation:scannerMove 2.2s linear infinite}.signal-panel b{display:block;color:#d9ffd0;font-size:22px}.sats-panel .sat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(182,255,156,.12)}.sats-panel b{color:#d9ffd0}.sats-panel span.ok{color:#66ff73}.sats-panel span.bad{color:#ff5a4f}.sats-panel span.unk{color:#ffcf69}.cassette-title{color:#d9ffd0;font-size:22px;margin:14px 0 8px}.cassette-panel p{color:#c9ffc0;min-height:68px;font-size:18px}.file-panel .file{padding:9px 0;border-bottom:1px solid rgba(182,255,156,.12);cursor:pointer}.file-panel .file:hover{color:#ffcf69}.file-panel b{color:#d9ffd0}.file-panel span{float:right;color:#ff5a4f}.zone-map{height:230px;border:1px solid rgba(182,255,156,.22);background:radial-gradient(circle at 50% 50%,rgba(91,255,91,.12),transparent 38%),repeating-linear-gradient(0deg,transparent 0 21px,rgba(182,255,156,.05) 22px),repeating-linear-gradient(90deg,transparent 0 21px,rgba(182,255,156,.05) 22px);position:relative;overflow:hidden}.zone-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#66ff73;box-shadow:0 0 18px currentColor;animation:dotPulse 1.8s infinite}.zone-dot.red{background:#ff5a4f;color:#ff5a4f}.zone-dot.yellow{background:#ffcf69;color:#ffcf69}.zone-dot:after{content:attr(data-label);position:absolute;left:18px;top:-5px;font-size:12px;white-space:nowrap;color:#d9ffd0}.visualizer-panel{margin-top:20px}.visualizer{height:145px;display:flex;align-items:center;gap:5px;border:1px solid rgba(182,255,156,.2);background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65));padding:10px;overflow:hidden}.viz-bar{width:100%;min-width:4px;background:linear-gradient(180deg,#ffcf69,#66ff73);box-shadow:0 0 15px rgba(91,255,91,.55);transition:height .2s}.rain-layer{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0}.rain-layer.active{opacity:.32;background:repeating-linear-gradient(105deg,transparent 0 8px,rgba(182,255,156,.28) 9px,transparent 10px 18px);animation:rainFall .25s linear infinite}.secret-overlay{position:fixed;right:32px;bottom:32px;z-index:25;width:min(420px,88vw);border:1px solid rgba(255,207,105,.65);background:rgba(8,5,2,.92);box-shadow:0 0 60px rgba(255,207,105,.18),inset 0 0 40px rgba(255,207,105,.08);padding:22px;opacity:0;transform:translateY(20px);pointer-events:none}.secret-overlay.show{animation:secretShow 5.5s ease-in-out}.secret-overlay b{display:block;color:#ffcf69;font-size:25px;letter-spacing:2px}.secret-overlay span{display:block;margin-top:10px;color:#d9ffd0;line-height:1.45}.achievement{position:fixed;left:28px;bottom:28px;z-index:26;border:1px solid rgba(102,255,115,.5);background:rgba(5,12,5,.92);box-shadow:0 0 40px rgba(80,255,80,.25);padding:16px 20px;color:#d9ffd0;animation:achievementShow 4s ease-in-out}.achievement b{display:block;color:#ffcf69;margin-bottom:4px}@keyframes scannerMove{0%{left:-30%}100%{left:105%}}@keyframes dangerPulse{50%{filter:brightness(1.8)}}@keyframes dotPulse{50%{transform:scale(1.45);opacity:.55}}@keyframes rainFall{to{transform:translateY(18px)}}@keyframes secretShow{0%,100%{opacity:0;transform:translateY(20px)}12%,85%{opacity:1;transform:translateY(0)}}@keyframes achievementShow{0%,100%{opacity:0;transform:translateX(-20px)}14%,84%{opacity:1;transform:translateX(0)}}@media(max-width:1080px){.world-grid,.story-grid{grid-template-columns:1fr}.geiger{font-size:42px}}

/* === MAXIMUM IMMERSIVE EXPANSION === */
.flashlight{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:0;background:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%),transparent 0 34%,rgba(0,0,0,.54) 58%,rgba(0,0,0,.9) 100%);transition:opacity .8s}.night .flashlight{opacity:1}.creature{position:fixed;right:-140px;top:24vh;z-index:8;width:90px;height:210px;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 8%,rgba(0,0,0,.95) 9% 100%);filter:blur(1px);border-radius:55% 55% 20% 20%}.creature:before{content:"";position:absolute;left:22px;top:18px;width:46px;height:46px;border-radius:50%;background:#050505;box-shadow:13px 15px 0 -9px #ffcf69,-13px 15px 0 -9px #ffcf69}.creature.show{animation:creaturePass 1.25s linear}.station-rooms,.visualizer-panel{padding:18px}.room-nav{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 16px}.room-nav button,.freq-buttons button,.dos-buttons button,.breaker{background:#131d11;color:#d9ffd0;border:1px solid rgba(182,255,156,.35);border-radius:10px;padding:10px 12px;font-family:inherit;cursor:pointer}.room-nav button.active,.freq-buttons button.active,.breaker.on{background:#324d21;color:#ffcf69;box-shadow:0 0 20px rgba(91,255,91,.25)}.room-stage{height:240px;border:1px solid rgba(182,255,156,.22);border-radius:12px;position:relative;overflow:hidden;padding:25px;background:radial-gradient(circle at 30% 40%,rgba(102,255,115,.13),transparent 25%),linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.78))}.room-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(182,255,156,.04) 0 1px,transparent 1px 30px)}.room-title{font-family:Oswald,sans-serif;font-size:44px;color:#d9ffd0;text-shadow:0 0 20px rgba(91,255,91,.55);position:relative}.room-stage p{font-size:18px;color:#ffcf69;position:relative}.ops-grid,.quest-grid{display:grid;gap:20px;margin-top:20px}.ops-grid{grid-template-columns:1.25fr .95fr}.quest-grid{grid-template-columns:1fr 1fr .8fr}.server-room-panel,.antennas-panel,.camera-panel,.dos-panel,.freq-panel,.quest-panel,.orbit-panel{padding:18px;min-height:260px}.rack-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}.rack{height:190px;border:1px solid rgba(182,255,156,.22);background:linear-gradient(180deg,#10170e,#050705);border-radius:8px;padding:8px;display:grid;gap:5px}.rack i{display:block;border:1px solid rgba(182,255,156,.13);background:rgba(80,255,85,.07);position:relative}.rack i:after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;border-radius:50%;background:#66ff73;box-shadow:0 0 10px #66ff73;animation:blink 1.2s infinite}.rack.bad i:after{background:#ff5a4f;box-shadow:0 0 10px #ff5a4f}.rack.warn i:after{background:#ffcf69;box-shadow:0 0 10px #ffcf69}.hint{color:#8fb986}.antenna-map{height:220px;position:relative;border:1px solid rgba(182,255,156,.22);background:radial-gradient(circle at 50% 65%,rgba(255,207,105,.12),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.68));overflow:hidden}.tower{position:absolute;bottom:18px;width:4px;height:95px;background:#d9ffd0;box-shadow:0 0 15px rgba(91,255,91,.5)}.tower:before{content:"";position:absolute;left:-18px;top:10px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:70px solid rgba(182,255,156,.15)}.tower:after{content:attr(data-name);position:absolute;bottom:-18px;left:-30px;color:#ffcf69;white-space:nowrap}.wave{position:absolute;border:1px solid rgba(102,255,115,.45);border-radius:50%;animation:wave 2.6s infinite}.cam-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cam-tabs button{background:#121a10;color:#d9ffd0;border:1px solid rgba(182,255,156,.3);padding:8px 10px;border-radius:8px;font-family:inherit}.camera-screen{height:210px;border:1px solid rgba(182,255,156,.25);background:linear-gradient(135deg,rgba(102,255,115,.08),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),#050705;position:relative;overflow:hidden}.camera-screen:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(182,255,156,.28);animation:camDrift 4s ease-in-out infinite}.camera-screen:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;right:20%;top:34%;background:rgba(255,207,105,.12);filter:blur(12px);animation:camLight 3s infinite}.camera-screen span{position:absolute;left:12px;top:10px;color:#ffcf69}.dos-panel pre{height:170px;border:1px solid rgba(182,255,156,.22);padding:12px;background:#030503;color:#b6ff9c;overflow:auto}.dos-buttons{display:flex;gap:8px;flex-wrap:wrap}.freq-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.breaker-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.breaker{width:64px;height:78px;position:relative}.breaker:before{content:"";position:absolute;left:23px;top:12px;width:18px;height:42px;border-radius:8px;background:#2b3327;box-shadow:inset 0 0 8px #000}.breaker.on:before{background:#ffcf69;box-shadow:0 0 16px #ffcf69}.earth{width:190px;height:190px;border-radius:50%;margin:7px auto 12px;background:radial-gradient(circle at 35% 30%,rgba(182,255,156,.42),rgba(12,40,24,.7) 35%,#020302 70%);box-shadow:inset -24px -20px 40px #000,0 0 35px rgba(102,255,115,.25);position:relative;animation:earthSpin 8s linear infinite}.earth i,.earth b,.earth em{position:absolute;inset:-15px;border:1px solid rgba(255,207,105,.35);border-radius:50%;animation:orbit 3.5s linear infinite}.earth b{inset:-28px;animation-duration:5.5s}.earth em{inset:-42px;animation-duration:7.5s}.earth i:after,.earth b:after,.earth em:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ffcf69;right:20px;top:20px;box-shadow:0 0 15px #ffcf69}.night{filter:brightness(.72) contrast(1.16)}.night .station{animation:nightPulse 2.4s infinite}.quest-done{color:#66ff73!important;text-shadow:0 0 14px #66ff73}@keyframes creaturePass{0%{opacity:0;right:-140px}15%,75%{opacity:.9}100%{opacity:0;right:110vw}}@keyframes wave{0%{width:20px;height:20px;opacity:.8}100%{width:190px;height:190px;opacity:0}}@keyframes camDrift{50%{transform:translate(7px,-5px) scale(1.03)}}@keyframes camLight{50%{right:65%;opacity:.25}}@keyframes earthSpin{to{filter:hue-rotate(25deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes nightPulse{50%{filter:drop-shadow(0 0 14px rgba(255,0,0,.15))}}@media(max-width:1080px){.ops-grid,.quest-grid{grid-template-columns:1fr}.rack-wall{grid-template-columns:repeat(2,1fr)}.freq-buttons{grid-template-columns:1fr 1fr}}


/* === POWER / FUEL SWITCH === */
.power-toggle{background:#2b1f10;color:#ffcf69;border-color:rgba(255,207,105,.58)}
.power-toggle.on{background:#243d18;color:#d9ffd0;box-shadow:0 0 24px rgba(102,255,115,.25),inset 0 0 18px rgba(102,255,115,.14)}
.fuel-box{display:none;margin-top:14px;padding:12px;border:1px solid rgba(255,207,105,.35);border-radius:10px;background:rgba(20,15,8,.72);box-shadow:inset 0 0 24px rgba(255,207,105,.07)}
.fuel-box.show{display:block;animation:fuelBoot .7s ease-out}
.fuel-head{display:flex;justify-content:space-between;gap:10px;color:#ffcf69;letter-spacing:1px}.fuel-head b{color:#d9ffd0}
.fuel-scale{height:14px;margin:9px 0;border:1px solid rgba(182,255,156,.22);background:#11160e;overflow:hidden}
.fuel-scale i{display:block;height:100%;background:linear-gradient(90deg,#ff5a4f,#ffcf69,#66ff73);box-shadow:0 0 18px rgba(255,207,105,.45);transition:width .7s}
.fuel-box small{color:#8fb986}.power-on .flashlight{opacity:0!important}.power-timeout .flashlight{opacity:1!important}.power-timeout .fuel-box{border-color:rgba(255,90,79,.55)}
@keyframes fuelBoot{0%{opacity:0;transform:translateY(8px);filter:brightness(2)}100%{opacity:1;transform:translateY(0);filter:brightness(1)}}


/* === IMMERSIVE MECHANICS EXPANSION === */
.immersive-grid,.explore-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:18px 0}.generator-core{min-height:145px;border:1px solid rgba(255,190,88,.35);background:radial-gradient(circle at 50% 40%,rgba(255,145,35,.18),transparent 45%),linear-gradient(135deg,rgba(0,0,0,.75),rgba(37,24,10,.72));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 35px rgba(255,122,20,.12)}.generator-core b{font-size:32px;color:#ffcf69;text-shadow:0 0 15px rgba(255,175,61,.8)}.generator-core.running{animation:engineShake .15s infinite;background:radial-gradient(circle at 50% 40%,rgba(110,255,82,.24),transparent 45%),linear-gradient(135deg,rgba(0,0,0,.75),rgba(12,37,10,.75))}.generator-core.broken{background:radial-gradient(circle,rgba(255,0,0,.25),transparent 46%),rgba(25,0,0,.85)}.generator-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.fuel-advanced label{display:flex;justify-content:space-between;margin-top:12px;color:#d9ffc8}.fuel-advanced div{height:9px;background:#111;border:1px solid rgba(182,255,156,.2)}.fuel-advanced i{display:block;height:100%;width:0;background:linear-gradient(90deg,#93ff69,#ffd36b);box-shadow:0 0 12px rgba(139,255,105,.4)}
.switchboard{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.switch{height:104px;border:1px solid rgba(182,255,156,.25);background:linear-gradient(#111,#050505);position:relative;cursor:pointer;display:flex;align-items:end;justify-content:center;padding-bottom:8px;color:#88aa80}.switch:before{content:'';position:absolute;width:22px;height:52px;top:14px;border-radius:12px;background:#2b2b2b;border:1px solid #555;box-shadow:inset 0 8px 0 rgba(255,255,255,.08)}.switch.on{color:#caffb6;box-shadow:0 0 18px rgba(100,255,80,.16)}.switch.on:before{top:34px;background:#70ff62;box-shadow:0 0 18px rgba(112,255,98,.75)}.battery-readout{border-top:1px solid rgba(182,255,156,.2);padding-top:12px;color:#ffcf69;font-size:22px}.analog-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analog{aspect-ratio:1;border-radius:50%;border:2px solid rgba(182,255,156,.35);background:radial-gradient(circle,#162012 0 45%,#090d07 46%);position:relative;display:flex;align-items:end;justify-content:center;padding-bottom:22px;color:#d9ffc8;box-shadow:inset 0 0 22px rgba(0,0,0,.9)}.analog:before{content:'';position:absolute;left:50%;top:50%;width:3px;height:38%;background:#ffcf69;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(var(--needle,-40deg));box-shadow:0 0 10px #ffcf69}.analog:after{content:'';position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:#d7f7c1;transform:translate(-50%,-50%)}
.doors-panel input{background:#050805;color:#b6ff9c;border:1px solid rgba(182,255,156,.35);padding:12px;font-family:inherit;font-size:22px;letter-spacing:8px;max-width:130px;text-align:center}.door-unit{height:170px;border:2px solid rgba(255,207,105,.35);background:linear-gradient(90deg,#16110a,#24180b 48%,#0c0905 50%,#1d1409);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px;position:relative;overflow:hidden;transition:.9s}.door-unit:before{content:'';position:absolute;width:6px;height:100%;left:50%;top:0;background:#000}.door-unit.open{transform:perspective(600px) rotateY(12deg);filter:brightness(1.25);box-shadow:0 0 30px rgba(255,207,105,.25)}.door-unit.open span{color:#7dff65}.code-lock{display:flex;gap:8px;align-items:center}.storage-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.item{border:1px solid rgba(182,255,156,.25);min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.34);cursor:pointer}.item.taken{opacity:.45;text-decoration:line-through}.radio-call-panel textarea{width:100%;min-height:105px;background:#050805;color:#b6ff9c;border:1px solid rgba(182,255,156,.28);font-family:inherit;padding:12px;resize:vertical}.station-map-panel{margin:18px 0}.station-map-route{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.route-node{border:1px solid rgba(182,255,156,.28);padding:12px 16px;background:rgba(0,0,0,.35);position:relative}.route-node:not(:last-child):after{content:'→';position:absolute;right:-16px;color:#ffcf69}.route-node.active{box-shadow:0 0 18px rgba(112,255,98,.5);color:#fff}.teletype-panel pre{height:150px;overflow:hidden;background:#030603;border:1px solid rgba(182,255,156,.25);padding:14px;color:#aaff91;white-space:pre-wrap}.power-lost main{filter:brightness(.12) contrast(1.4)}.power-lost .blackout{opacity:.96;pointer-events:auto}.power-lost .flashlight{opacity:1}.bulb-pop{animation:bulbPop .65s ease}.ai-react{color:#ffcf69!important;text-shadow:0 0 12px rgba(255,207,105,.8)}
@keyframes engineShake{0%,100%{transform:translate(0,0)}50%{transform:translate(1px,-1px)}}@keyframes bulbPop{0%{filter:brightness(1)}30%{filter:brightness(3)}100%{filter:brightness(.7)}}

.generator-notice{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:24;width:min(560px,86vw);padding:24px 28px;border:2px solid rgba(255,207,105,.72);border-radius:16px;background:rgba(13,8,3,.92);box-shadow:0 0 75px rgba(255,160,30,.35),inset 0 0 38px rgba(255,207,105,.12);text-align:center;opacity:0;pointer-events:none}
.generator-notice.show{opacity:1;animation:noticeDrift 6s ease-in-out infinite}
.generator-notice b{display:block;color:#ffcf69;font-size:30px;letter-spacing:3px;text-shadow:0 0 18px rgba(255,207,105,.7)}
.generator-notice span{display:block;margin-top:10px;color:#e8ffd8;font-size:17px}
body.generator-running .lamp-grid .lamp, body.generator-running #lightStatus{filter:brightness(1.3);text-shadow:0 0 14px rgba(102,255,115,.8)}
@keyframes noticeDrift{0%,100%{transform:translate(-50%,-50%) rotate(-.3deg)}25%{transform:translate(calc(-50% + 18px),calc(-50% - 10px)) rotate(.4deg)}50%{transform:translate(calc(-50% - 12px),calc(-50% + 12px)) rotate(-.2deg)}75%{transform:translate(calc(-50% + 8px),calc(-50% + 5px)) rotate(.2deg)}}

@media(max-width:1000px){.immersive-grid,.explore-grid{grid-template-columns:1fr}.switchboard{grid-template-columns:repeat(2,1fr)}.analog-row{grid-template-columns:repeat(2,1fr)}}


/* === расходники склада / обслуживание === */
.maintenance-panel{position:relative;overflow:hidden}
.maintenance-task{min-height:86px;border:1px solid rgba(255,202,120,.25);background:rgba(0,0,0,.32);padding:14px;border-radius:12px;color:#ffd28a;line-height:1.45;box-shadow:inset 0 0 18px rgba(255,120,30,.08)}
.maintenance-task.need{animation:taskPulse 1.2s infinite;border-color:rgba(255,74,48,.75);color:#fff0d0}
.maintenance-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#stockText{font-size:12px;color:#a9d6c2;line-height:1.5}
.item small{display:block;font-size:11px;opacity:.7;margin-top:4px}
.item.empty{opacity:.35;filter:grayscale(1);pointer-events:none}
.item.needed{outline:2px solid rgba(255,90,40,.8);box-shadow:0 0 18px rgba(255,80,30,.35)}
@keyframes taskPulse{0%,100%{box-shadow:inset 0 0 18px rgba(255,120,30,.08),0 0 0 rgba(255,70,30,0)}50%{box-shadow:inset 0 0 24px rgba(255,70,30,.25),0 0 26px rgba(255,70,30,.22)}}
.generator-notice.maintenance{background:rgba(23,10,4,.94);border-color:rgba(255,130,40,.9)}

.radio-player{display:none}
.custom-radio{margin:12px 0 0;padding:12px;border:1px solid rgba(255,207,105,.38);border-radius:10px;background:linear-gradient(145deg,rgba(32,24,12,.88),rgba(5,8,6,.94));box-shadow:inset 0 0 24px rgba(255,207,105,.08),0 0 22px rgba(0,0,0,.35)}
.custom-radio-head,.custom-radio-meta,.volume-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.custom-radio-head span{color:#ffcf69;letter-spacing:2px}
.custom-radio-head b{color:#8fb986;font-size:13px;letter-spacing:2px}
.custom-radio.live .custom-radio-head b{color:#66ff73;text-shadow:0 0 12px #66ff73;animation:blink 1.3s infinite}
.custom-radio.tuning .custom-radio-head b{color:#ffcf69;text-shadow:0 0 12px rgba(255,207,105,.75)}
.custom-radio.error{border-color:rgba(255,90,79,.65);box-shadow:inset 0 0 24px rgba(255,70,50,.12),0 0 24px rgba(255,0,0,.12)}
.custom-radio.error .custom-radio-head b{color:#ff5a4f;text-shadow:0 0 12px rgba(255,90,79,.75)}
.signal-scope{height:34px;margin:10px 0;border:1px solid rgba(182,255,156,.22);background:repeating-linear-gradient(90deg,rgba(182,255,156,.06) 0 2px,transparent 2px 13px),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.64));position:relative;overflow:hidden}
.signal-scope:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(102,255,115,.16),transparent);animation:scannerMove 2s linear infinite}
.signal-scope i{display:block;height:100%;width:18%;background:linear-gradient(90deg,#ff5a4f,#ffcf69,#66ff73);box-shadow:0 0 18px rgba(102,255,115,.45);transition:width .45s}
.custom-radio:not(.live) .signal-scope i{width:12%;filter:grayscale(.8);opacity:.55}
.custom-radio-meta{font-size:12px;color:#8fb986}
.custom-radio-meta em{font-style:normal;color:#ffcf69}
.volume-row{margin-top:10px;color:#ffcf69;font-size:12px;letter-spacing:2px}
.volume-row input{width:100%;accent-color:#ffcf69}