.scene-deck{z-index:0}.hero-depth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-depth-ready .scene-background{visibility:hidden}.hero-depth-ready .scene-slide{z-index:1}.hero-depth-ready .scene-foreground{visibility:visible}.scene-selector{gap:24px}.scene-selector button[aria-pressed=true] i{transform-origin:left;animation:scene-progress-v6 8s linear infinite}.scene-atmosphere{animation:atmosphere-v6 16s ease-in-out infinite alternate}.scene-pause{display:none!important}
@keyframes scene-progress-v6{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes atmosphere-v6{from{opacity:.3;transform:translate3d(-15px,0,0)}to{opacity:.75;transform:translate3d(16px,-6px,0)}}
.lab-stage{position:relative}.lab-visual-readout{padding:18px 22px 20px;margin-top:-1px;background:linear-gradient(90deg,#20313c,#14232c);border:1px solid #8daab42b;border-top:0;border-radius:0 0 8px 8px;position:relative;overflow:hidden;min-height:96px}.lab-visual-readout>span{display:block;color:#d6be91;font-size:12px;letter-spacing:.06em;margin-bottom:8px}.lab-visual-readout>b{display:block;font-weight:500;font-size:17px;color:#e0e9e9}.lab-visual-readout>i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#cfb481;transform:scaleX(var(--phase));transform-origin:left;transition:transform .1s linear}.lab-controls{margin-top:18px}.lab-controls label{flex:1}.lab-controls [data-lab-pause]{display:none}.lab-copy li{opacity:.72}.lab-copy li.active{opacity:1}.lab-live{color:#b7c9c7}.visual-unavailable{padding:70px 30px;min-height:300px;line-height:1.9;color:#b5c7d2}.mode-v5-card{grid-template-columns:1.15fr 1fr}.mode-v5-image{display:flex;align-items:center;background:radial-gradient(ellipse at 50% 35%,#30423f,#0b151b 85%);padding:22px;min-width:0}.tactical-intro{width:100%;background:#0c171e;border:1px solid #99b0b53b;box-shadow:0 20px 40px #0007,0 2px 0 #8c8672;border-radius:12px;overflow:hidden;transform:perspective(1300px) rotateX(5deg);transform-origin:50% 65%}.ti-topline,.ti-bottomline{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#b9c4bd;font-size:11px;letter-spacing:.055em}.ti-topline{border-bottom:1px solid #a0b4b62b}.tactical-intro svg{display:block;width:100%;height:auto;aspect-ratio:10/7;background:#1c2a29}.ti-blue{--team:#7fc5e7;color:var(--team)}.ti-red{--team:#e28879;color:var(--team)}.ti-gold{--team:#e4cb81;color:var(--team)}.ti-teal{--team:#84c6ab;color:var(--team)}.ti-base>circle{fill:#0a1929;stroke:currentColor;stroke-width:2}.ti-base path{fill:currentColor;stroke:currentColor;stroke-width:1.5}.ti-base text,.ti-map-note{fill:#e6ebde;font:600 15px 'WarEdge Text',sans-serif;paint-order:stroke;stroke:#091922;stroke-width:5px;stroke-linejoin:round}.ti-route{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;opacity:.7}.ti-travel{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:10 14;animation:route-travel-v6 6s linear infinite;opacity:.9}.ti-moving-unit{fill:currentColor;stroke:#14232b;stroke-width:1.5;filter:drop-shadow(0 2px 4px #000)}marker path{fill:currentColor}.ti-contested ellipse{fill:#dbbf7030;stroke:#e5c78a;stroke-width:1.5;stroke-dasharray:5 9}.ti-contested path{stroke:#ffdfa4;stroke-width:2}.ti-contested rect{fill:#091a27dc}.ti-contested text{fill:#e9d2a4;font:500 15px 'WarEdge Text',sans-serif}.ti-compass{fill:#e2d4b3}.ti-compass text{font:500 14px 'WarEdge Text',sans-serif}.ti-bottomline{font-size:11px;gap:12px;flex-wrap:wrap;border-top:1px solid #a0b4b62b}.ti-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.ti-dot.blue{background:#7fc5e7}.ti-dot.red{background:#e28879}.ti-edit-link{display:block;text-align:center;color:#dcc296;background:#cfb98d0d;font-size:13px;padding:14px;border-top:1px solid #bbac872b}.ti-edit-link:hover{background:#cfb98d21}.ti-open .ti-contested ellipse{stroke-dasharray:2 9}.ti-open .ti-route{stroke-width:4;opacity:.7}@keyframes route-travel-v6{to{stroke-dashoffset:-240}}
@media(max-width:760px){.mode-v5-image{padding:12px}.tactical-intro{transform:none}.ti-topline{font-size:9px;padding:13px 11px}.ti-bottomline{padding:12px 11px;font-size:10px;gap:8px}.ti-bottomline>span:last-child{display:none}.lab-visual-readout{padding:15px;min-height:100px}.lab-visual-readout>b{font-size:15px;line-height:1.6}.lab-visual-readout>span{font-size:11px}.lab-controls label{order:0}.ti-edit-link{font-size:12px}.scene-selector{gap:12px}}
@media(prefers-reduced-motion:reduce){.scene-atmosphere,.scene-selector button i,.ti-travel{animation:none!important}.lab-visual-readout>i{transition:none}}
.lab-viewport{position:relative;overflow:hidden;border-radius:7px 7px 0 0}.tank-live-canvas{position:absolute;inset:0 0 auto;width:100%;height:80%;z-index:2}.tank-live-hud{position:absolute;z-index:3;left:18px;right:18px;bottom:calc(20% + 13px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 13px;background:#061522dc;border:1px solid #61a9d336;border-radius:6px;font-size:11px;color:#c5dbea;pointer-events:none}.tank-live-hud span{display:flex;gap:6px;align-items:center}.tank-live-hud i{width:6px;height:6px;border-radius:2px;background:#4ca6e6}.tank-live-hud .engine{background:#ed6557}.tank-live-hud .crew{background:#e4bb63}.tank-live-hud .drive{background:#70daca}.tank-live-hud small{font-size:10px;color:#8aa7b9;margin-left:auto}.tank-live-loading{position:absolute;inset:0 0 20%;display:grid;place-content:center;background:#061522e8;z-index:4;font-size:14px;color:#9dcde7}.tank-live-canvas[hidden],.tank-live-hud[hidden],.tank-live-loading[hidden]{display:none}@media(max-width:760px){.tank-live-hud{left:7px;right:7px;padding:7px;gap:8px;font-size:9px}.tank-live-hud small{display:none}}
.tank-telemetry{position:absolute;z-index:3;top:13px;left:15px;max-width:calc(100% - 30px);color:#c4dde9;font-size:12px;background:#061522db;border:1px solid #579ac638;border-radius:7px;padding:10px 12px;pointer-events:none}.tank-telemetry[hidden]{display:none}.tank-status-title{font-size:10px;color:#8dbbd4;letter-spacing:.04em}.tank-telemetry p{margin:6px 0 0;font-size:11px;line-height:1.55;max-width:260px}.tank-telemetry:has(button){left:auto;right:12px;width:166px;padding:10px}.tank-telemetry button{pointer-events:auto;display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;background:transparent;border:0;padding:8px 0;color:#97adbd;font-size:11px;gap:5px}.tank-telemetry button[aria-pressed=true]{color:#e8c69a}.tank-telemetry button i{grid-column:1/-1;height:3px;background:#77a9c62a;border-radius:2px;overflow:hidden}.tank-telemetry button em{display:block;height:100%;width:100%;background:#59bbc9;transition:width .1s linear}.tank-telemetry button[aria-pressed=true] em{background:#ed8265}.tank-telemetry button:focus-visible{outline:1px solid #edc58f;outline-offset:2px}.tank-telemetry:has(button) p{font-size:10px;color:#d7c6b0;border-top:1px solid #739eb02d;padding-top:7px}@media(max-width:760px){.tank-telemetry{left:7px;top:7px;padding:6px 8px;font-size:10px}.tank-telemetry p{font-size:9px}.tank-status-title{font-size:9px}.tank-telemetry:has(button){right:6px;top:6px;width:108px;padding:6px}.tank-telemetry button{font-size:9px;padding:4px 0;gap:3px}.tank-telemetry:has(button) .tank-status-title{font-size:8px}.tank-telemetry:has(button) p{font-size:8px;padding-top:4px}}

.tank-live-hud .fire{background:#a684ec}

.tank-telemetry.is-mobile{position:relative;inset:auto;width:auto;max-width:none;margin:12px 0;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;pointer-events:auto}.tank-telemetry.is-mobile[hidden]{display:none}.tank-telemetry.is-mobile .tank-status-title{grid-column:1/-1;font-size:11px}.tank-telemetry.is-mobile button{font-size:12px;padding:6px 0;gap:6px}.tank-telemetry.is-mobile p{grid-column:1/-1;max-width:none;font-size:12px;margin:0;padding-top:8px}

.tank-telemetry.is-mobile button{grid-template-columns:1fr}.tank-telemetry.is-mobile button span{white-space:nowrap}.tank-telemetry.is-mobile button b{font-size:15px}