.stats{grid-template-columns:repeat(4,1fr)}@media (width<=680px){.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stats div:nth-child(4){border-top:1px solid var(--line)}}.hidden{display:none!important}.viewSwitch{justify-content:flex-end;gap:6px;margin:-8px 0 14px;display:flex}.viewSwitch button{color:#89928a;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#0b100c;border:1px solid #364038;border-radius:99px;padding:9px 13px;font:700 9px monospace}.viewSwitch button.active{background:var(--lime);border-color:var(--lime);color:#090c0a}.realisticStage{aspect-ratio:16/9;background:#090c0a;border:1px solid #2b342d;border-radius:13px;position:relative;overflow:hidden}.realisticStage>img{object-fit:cover;width:100%;height:100%;display:block}.ambientGlow{pointer-events:none;background:radial-gradient(circle at 49% 52%,#0000 0 24%,#090c0a55 70%,#090c0a99 100%);position:absolute;inset:0}.hotspot{color:#dfe7df;text-transform:uppercase;filter:drop-shadow(0 2px 4px #000);align-items:center;gap:8px;font:8px monospace;display:flex;position:absolute}.hotspot>i{border:2px solid var(--lime);width:10px;height:10px;box-shadow:0 0 12px var(--lime);background:#121713;border-radius:50%}.hotspot span{background:#090d0ad9;border:1px solid #455047;border-radius:6px;padding:7px 9px}.hotspot b{color:#fff;margin-top:3px;font-size:10px;display:block}.realBattery{bottom:11%;left:7%}.realEngine{top:13%;left:42%}.realBoiler{top:14%;right:4%}.realPmsg{bottom:15%;right:8%}.realPmsg>i{border-color:var(--blue);box-shadow:0 0 12px var(--blue)}.flow{opacity:.25;border-radius:10px;height:4px;position:absolute}.running .flow{opacity:1}.electric{background:repeating-linear-gradient(90deg,var(--lime) 0 8px,transparent 8px 15px);filter:drop-shadow(0 0 5px var(--lime));animation:.65s linear infinite realFlow}.electric.one{width:22%;bottom:16%;left:25%;transform:rotate(-4deg)}.electric.two{width:20%;bottom:16%;left:55%;transform:rotate(-8deg)}.steamFlow{filter:drop-shadow(0 0 6px #fff);background:repeating-linear-gradient(90deg,#fff 0 8px,#0000 8px 15px);width:26%;animation:.55s linear infinite realFlow;top:42%;right:12%;transform:rotate(-5deg)}.pmsgPulse{aspect-ratio:1;border:2px solid var(--blue);opacity:0;border-radius:50%;width:9%;position:absolute;bottom:24%;right:16.5%}.running .pmsgPulse{animation:1.2s ease-out infinite pmsgRing}.realStatus{color:#aeb6af;text-transform:uppercase;background:#090d0ad9;border:1px solid #344036;border-radius:8px;align-items:center;gap:15px;padding:10px 12px;font:8px monospace;display:flex;position:absolute;bottom:2%;left:2%;right:2%}.realStatus span{align-items:center;gap:6px;display:flex}.realStatus i{border-radius:50%;width:7px;height:7px}.electricDot{background:var(--lime);box-shadow:0 0 7px var(--lime)}.steamDot{background:#fff;box-shadow:0 0 7px #fff}.regenDot{background:var(--blue);box-shadow:0 0 7px var(--blue)}.realStatus b{color:#fff;margin-left:auto}@keyframes realFlow{to{background-position:30px 0}}@keyframes pmsgRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@media (width<=900px){.hotspot span{display:none}.hotspot>i{width:14px;height:14px}.realStatus{gap:8px}.realStatus span{font-size:0}.realStatus b{font-size:7px}}@media (width<=680px){.viewSwitch{justify-content:stretch}.viewSwitch button{flex:1;font-size:8px}.realisticStage{aspect-ratio:4/3}.realisticStage>img{object-position:center}.realStatus{padding:7px}.realEngine{left:47%}.realBoiler{right:7%}}.realApu{bottom:16%;left:43%}.realPmsg{inset:48% auto auto 5%}.pmsgPulse{width:8%;inset:49% auto auto 8.5%}.mechanicalMotion{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.crankTurn{aspect-ratio:1;border:2px dashed #dbe4dc88;border-radius:50%;width:5.2%;position:absolute;top:43%;box-shadow:0 0 8px #fff4}.crankTurn:after{content:"";background:linear-gradient(#0000,#e6eee7cc,#0000);width:10%;height:110%;position:absolute;top:-5%;left:45%}.c1{left:39.5%}.c2{left:47.2%}.c3{left:55%}.c4{left:62.8%}.running .crankTurn{animation:.72s linear infinite mechanicalSpin}.pistonMove{filter:drop-shadow(0 0 4px #fff);opacity:.25;background:linear-gradient(#fff0,#eff6f0dd 30% 75%,#fff0);width:2px;height:17%;position:absolute;top:28%}.pistonMove:after{content:"";border:2px solid #e9f1ea;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;left:-4px}.p1{left:42%}.p2{left:49.8%}.p3{left:57.6%}.p4{left:65.4%}.running .pistonMove{animation:.72s ease-in-out infinite pistonStroke}.running .p2,.running .p4{animation-delay:-.36s}.driveTurn{filter:drop-shadow(0 0 4px #fff5);background:repeating-linear-gradient(110deg,#0000 0 8px,#edf5efaa 8px 10px);border-block:2px solid #9ba79d;width:17%;height:2.5%;position:absolute;top:57.7%;left:0}.running .driveTurn{animation:.4s linear infinite shaftRoll}.pmsgRotor{aspect-ratio:1;border:3px dashed var(--blue);width:7.2%;filter:drop-shadow(0 0 7px var(--blue));opacity:.25;border-radius:50%;position:absolute;top:49.4%;left:8.7%}.running .pmsgRotor{opacity:.9;animation:.48s linear infinite mechanicalSpin}@keyframes mechanicalSpin{to{transform:rotate(360deg)}}@keyframes pistonStroke{0%,to{transform:translateY(-7%)}50%{transform:translateY(20%)}}@keyframes shaftRoll{to{background-position:22px 0}}@media (width<=680px){.realPmsg{top:50%;left:8%}.pmsgRotor{top:51%;left:11%}.driveTurn{width:20%;top:59%}}.steamFlow{animation-name:realSteamReverse!important}@keyframes realSteamReverse{to{background-position:-30px 0}}
