:root{--bg:#0a1012;--panel:rgba(9,17,19,.88);--orange:#fa8651;--orange-light:#ffae69;--teal:#8bd5c9;--muted:#839399;--border:rgba(204,234,227,.15);--white:#f3f3ed}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081116;color:var(--white);font-family:Inter,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette,#grain{pointer-events:none;position:fixed;inset:0}#vignette{background:radial-gradient(ellipse at 52% 50%,transparent 32%,rgba(4,9,13,.42) 98%);z-index:1}#grain{z-index:2;opacity:.15;background-image:url('./assets/textures/film_grain.png');background-repeat:repeat}.interface{position:fixed;inset:0;z-index:3;pointer-events:none}.interface button,.interface input,.interface select,.interface canvas,#help-overlay{pointer-events:auto}.topbar{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,242,231,.16);background:linear-gradient(180deg,rgba(5,12,15,.84),rgba(5,12,15,.26));pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;width:265px}.brand-mark{font-weight:950;font-size:41px;letter-spacing:-9px;line-height:1;color:#fff;padding-right:12px}.brand-mark .slash{color:var(--orange)}.brand strong{font-size:15px;letter-spacing:3px}.brand strong span{color:var(--orange);font-weight:500;letter-spacing:1px}.brand small{display:block;color:#8da3a4;letter-spacing:2px;font-size:8px;margin-top:5px}.top-navigation{display:flex;align-items:center;gap:37px;color:#b1c0bf;font-size:10px;letter-spacing:2px;font-weight:700}.nav-active{color:white;height:80px;display:flex;align-items:center;border-bottom:2px solid var(--orange)}.top-right{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.2px;color:#bac6c4}.live-dot,.glow-bullet{color:#73d8ad}.live-dot{display:block;background:#77dda8;box-shadow:0 0 16px #79e3bc;width:6px;height:6px;border-radius:50%}.status strong{font-weight:700;color:#c7ffe9}#clock{color:#8e9fa3;border-left:1px solid #495457;padding-left:17px}.icon-button{border:1px solid #607075;background:rgba(0,0,0,.3);color:white;width:29px;height:29px;border-radius:50%}.hero-label{position:absolute;left:calc(50% - 310px);top:118px;text-align:center;width:620px;text-shadow:0 2px 35px #172526;opacity:.97}.eyebrow{color:var(--orange-light);font-weight:800;letter-spacing:3.5px;font-size:10px}.orange-dash{display:inline-block;width:22px;height:1px;margin:0 13px 3px 0;background:var(--orange)}.hero-label h1{margin:15px 0 12px;font-size:clamp(40px,5.1vw,77px);font-weight:850;letter-spacing:-4px;line-height:.9}.hero-label h1 em{font-size:.52em;color:#fedbc8;font-style:normal;letter-spacing:-1px;font-weight:300}.title-period{color:var(--orange)}.hero-label p{font-size:9px;letter-spacing:2px;font-weight:750;color:#dae4dc}.hero-label p span{color:var(--orange)}.panel{position:absolute;top:112px;background:var(--panel);backdrop-filter:blur(19px);border:1px solid var(--border);border-radius:3px;box-shadow:0 18px 65px rgba(0,0,0,.26);pointer-events:auto}.left-panel{left:32px;width:286px;padding:21px 24px 25px}.right-panel{right:32px;width:306px;padding:21px 21px 24px}.panel-header{display:flex;align-items:center;justify-content:space-between;color:#e8f2eb;font-size:10px;letter-spacing:2px;font-weight:800}.dots{font-size:22px;line-height:4px;color:#657679}.panel-kicker{font-size:9px;color:#81bcae;letter-spacing:1.6px;margin-top:26px;margin-bottom:29px}.glow-bullet{float:right}.section-label{font-size:10px;color:#a9b7b4;font-weight:800;letter-spacing:1.4px;margin:20px 0 11px}.section-label small{float:right;font-size:9px;letter-spacing:1px;color:var(--orange)}.metric-main{display:flex;align-items:baseline;gap:9px}.metric-main strong{font-size:68px;letter-spacing:-4px;line-height:1.18;font-weight:650}.metric-main span{font-size:18px;color:var(--orange-light);font-weight:700}.meter{background:#2b3838;height:4px;width:100%;margin-top:12px}.meter i{display:block;height:4px;background:linear-gradient(90deg,#f19c59,#fc744b);box-shadow:0 0 11px #fa844baa}.meter-legend{display:flex;justify-content:space-between;color:#7e9494;font-size:9px;letter-spacing:1px;margin-top:8px}.thin-rule{height:1px;background:var(--border);margin:25px 0}.tele-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a3b2af;margin:15px 0}.tele-row strong{font-size:12px;color:#f1eee6}.slider-label{display:flex;justify-content:space-between;color:#c4d2ce;font-size:11px;margin:18px 0 6px}.slider-label output{color:var(--orange-light);font-weight:750}input[type=range]{appearance:none;width:100%;height:3px;background:#344547;accent-color:var(--orange);cursor:pointer;margin:10px 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:100%;background:#f9a072;border:2px solid #ffd3b4;box-shadow:0 0 6px #ec764d}.two-buttons{display:flex;gap:9px;margin-top:24px}.two-buttons button{flex:1;border-radius:2px;padding:13px 4px;font-size:10px;font-weight:800;letter-spacing:1px}.danger-button{border:1px solid #a95842;color:#f6a081;background:rgba(117,38,32,.18)}.danger-button.active{color:#fff;background:#a94235}.quiet-button{border:1px solid #566869;color:#c0d0cd;background:rgba(21,33,32,.4)}.coords{font-size:9px;color:#829795;letter-spacing:1px}.map-frame{height:216px;margin:22px 0 19px;position:relative;overflow:hidden;border:1px solid #435654;background:#102125}.map-frame canvas{height:100%;width:100%;display:block;cursor:crosshair}.map-north,.map-scale{position:absolute;font-size:9px;color:#d0dedb;font-weight:800;letter-spacing:1px;pointer-events:none}.map-north{top:10px;right:10px}.map-scale{bottom:10px;left:12px}.facilities{display:flex;flex-direction:column;gap:6px}.facility{display:flex;align-items:center;width:100%;padding:12px 10px;text-align:left;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.07);color:#c8d7d2;transition:background .2s}.facility:hover,.facility.active{background:rgba(246,129,75,.11);border-color:rgba(251,146,90,.3)}.facility-index{font:700 10px monospace;color:#f6a477;margin-right:13px}.facility-name{flex:1;font-size:10px;font-weight:780;letter-spacing:.65px}.facility-arrow{font-size:18px;color:#ef9567}.select-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.select-row label{font-size:9px;color:#9eb0ab;font-weight:800;letter-spacing:1px}.select-row select{width:165px;border:1px solid #465b58;background:#172322;color:#d3ded9;padding:10px 5px;font-size:9px;letter-spacing:.1px;outline:none}.bottom-bar{position:absolute;bottom:44px;left:32px;right:32px;height:66px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(219,239,232,.3);color:#a9bbb6;z-index:3}.bar-caption{font-size:9px;letter-spacing:1.4px;font-weight:700;width:310px}.bar-caption span:last-child{display:block;font-size:10px;color:#dee3db;letter-spacing:1px;margin-top:8px}.orange-dot{color:var(--orange);margin-left:6px}.bottom-center{display:flex;gap:10px;pointer-events:auto}.bottom-center button{padding:14px 20px;border:1px solid #718280;color:#ecf5ed;background:rgba(11,24,24,.63);font-size:10px;font-weight:750;letter-spacing:1.2px}.bottom-center .play-button{background:#e8885f;color:#0b1c1e;border:1px solid #f5a77c}.bottom-center button:hover{filter:brightness(1.17)}.hud-hint{width:320px;text-align:right;font-size:9px;letter-spacing:1px}.hud-hint b{color:var(--orange);margin:0 4px}.watermark{position:absolute;bottom:15px;left:35px;color:#c7cecb;font-size:9px;letter-spacing:1.9px;font-weight:800}.watermark span{color:var(--orange-light)}.watermark i{font-size:8px;color:#8c9a98;font-weight:500;font-style:normal}.crosshair{position:absolute;left:50%;top:52%;color:#ffdaba;font-size:24px;opacity:.7;transform:translate(-50%,-50%);font-weight:200}.bottom-gradient{position:fixed;z-index:-1;bottom:0;left:0;right:0;height:220px;background:linear-gradient(0deg,rgba(2,8,10,.7),transparent);pointer-events:none}#toast{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);padding:13px 20px;background:rgba(9,23,25,.91);border:1px solid #d78b65;color:#f7dec6;letter-spacing:1px;font-size:11px;opacity:0;transition:opacity .3s;white-space:nowrap}#toast.shown{opacity:1}#help-overlay{position:fixed;inset:0;z-index:11;background:rgba(2,8,9,.72);display:grid;place-items:center;backdrop-filter:blur(10px)}#help-overlay.hidden{display:none}.help-card{width:min(92vw,520px);padding:44px;background:#102022;border:1px solid #6c8a83;position:relative}.help-card h2{font-size:34px;margin-bottom:14px}.help-card p{font-size:13px;line-height:1.9;color:#b0c4bd}.help-card button:not(.close){background:#f7a477;border:0;padding:14px 20px;color:#152322;letter-spacing:1px;font-weight:800}.close{position:absolute;right:20px;top:14px;font-size:26px;color:white;background:none;border:0}kbd{padding:2px 5px;background:#334}#loading{position:fixed;inset:0;z-index:20;background:#071012;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s;pointer-events:auto}#loading.done{opacity:0;pointer-events:none}.load-emblem{font-size:105px;line-height:1;font-weight:900;letter-spacing:-22px;padding-right:28px}.load-emblem span{color:var(--orange)}.load-title{color:#eaece7;font-size:11px;letter-spacing:3px;font-weight:800;margin-top:30px}.load-track{width:245px;height:2px;margin-top:22px;background:#2d3e3e}.load-track i{display:block;height:100%;width:7%;background:var(--orange);transition:width .2s}#load-step{font-size:9px;color:#7c9490;letter-spacing:1.7px;margin-top:17px}@media(max-width:1370px){.top-navigation{display:none}.left-panel{left:16px;width:245px;padding:17px}.right-panel{right:16px;width:265px;padding:17px}.hero-label{top:105px}.bottom-bar{left:16px;right:16px}.hud-hint{display:none}.metric-main strong{font-size:55px}}@media(max-width:950px){.topbar{height:62px;padding:0 15px}.top-right #clock{display:none}.panel{top:auto;bottom:105px}.left-panel{width:205px}.right-panel{width:220px}.map-frame{height:155px}.hero-label{left:50%;transform:translateX(-50%);top:82px;max-width:95vw}.hero-label h1{font-size:48px}.hero-label p{font-size:8px}.left-panel .tele-row:nth-of-type(n+3){display:none}.left-panel{padding:12px}.panel-kicker{margin:14px 0}.thin-rule{margin:12px 0}.right-panel .facility{padding:6px}.bottom-bar{bottom:25px;height:60px}.bar-caption{display:none}.watermark{display:none}}@media(max-width:590px){.right-panel{display:none}.left-panel{bottom:97px;top:auto;left:10px;width:190px}.bottom-center{width:100%;gap:5px}.bottom-center button{padding:10px 7px;font-size:8px}.hero-label{top:90px}.hero-label h1{font-size:38px}.hero-label p{font-size:7px;letter-spacing:.5px}}