:root{color-scheme:dark;--bg:#07181c;--panel:rgba(6,22,26,.92);--line:rgba(152,193,178,.22);--muted:#90a8a2;--text:#eff4ea;--accent:#efba64;--cyan:#8bd3ca;--warn:#f0784c;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-size:12px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e9b65c;outline-offset:2px}#viewport{position:fixed;inset:0;background:radial-gradient(circle at 48% 32%,#315c50,#07181c 75%)}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at center,#25443e,#051318 70%);text-align:center}.loader-symbol{font-size:70px;color:var(--accent);animation:pulse 2.2s infinite}@keyframes pulse{50%{opacity:.25;transform:rotate(30deg)}}#loading h1{font:700 clamp(28px,3vw,45px) 'Barlow Condensed',sans-serif;letter-spacing:4px;margin:15px}#loadDetail{color:#93afa7}.eyebrow{font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:2.1px;color:var(--cyan)}.app-shell{position:fixed;inset:0;pointer-events:none}.app-shell button,.app-shell input,.app-shell select,.app-shell canvas,.app-shell dialog{pointer-events:auto}.topbar{height:70px;position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:25px;padding:0 29px;background:linear-gradient(90deg,rgba(5,20,23,.97),rgba(5,20,23,.90));border-bottom:1px solid var(--line);pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;min-width:242px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:1px solid #dcb46d;color:#edc278;font-size:30px}.brand strong,.brand span{display:block}.brand strong{font:800 24px 'Barlow Condensed';letter-spacing:2px}.brand span{color:var(--muted);font:600 10px 'Barlow Condensed';letter-spacing:1.4px}.top-status{display:flex;align-items:center;gap:15px;color:#b6c8be;font:700 12px 'Barlow Condensed';letter-spacing:1.1px}.top-status #operational{color:#f6d39c}.live-light{width:7px;height:7px;border-radius:50%;background:#ec8c62;box-shadow:0 0 10px #ec8c62}.divider-v{height:17px;border-left:1px solid var(--line)}.top-right{display:flex;gap:15px;align-items:center;margin-left:auto;color:#b1c4b8;font:600 11px 'Barlow Condensed';letter-spacing:1.3px}.small-btn{border:1px solid var(--line);background:#14292a;color:#c8e0d7;padding:9px 12px;border-radius:3px}.small-btn:hover,.transport:hover,.action:hover,.tool:hover,.view-chips button:hover{background:#274343}.hud-panel{position:absolute;top:86px;bottom:119px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#456765 transparent;border:1px solid var(--line);background:var(--panel);box-shadow:0 25px 70px #0008;backdrop-filter:blur(10px);padding:22px 20px;pointer-events:auto}.left-panel{left:17px;width:296px}.right-panel{right:17px;width:305px}.panel-title{display:flex;justify-content:space-between}.panel-index{font:700 11px 'Barlow Condensed';color:#627c78;letter-spacing:1px}.hud-panel h2{font:600 30px 'Barlow Condensed';margin:6px 0 19px;letter-spacing:.4px}.field{margin:0 0 16px}.field label,.group-title,.control-label label{font:700 11px 'Barlow Condensed';color:#aac2b9;letter-spacing:1.5px}.field select,.speed-control select{width:100%;padding:11px 9px;border:1px solid #41605a;border-radius:3px;background:#10272a;color:#e8f0e6;margin-top:9px}.small-copy{color:#96ada6;font-size:10.5px;line-height:1.65;margin:8px 0 11px}.group-title{padding:12px 0;border-top:1px solid var(--line);margin:15px 0 15px;display:flex;justify-content:space-between;align-items:center}.group-title span{color:#c5a26f;font-size:9px;letter-spacing:.6px}.control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.control-label strong{font-size:11px;color:#f0d4a4;font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:4px;outline:none;border:0;border-radius:4px;background:linear-gradient(to right,#d69c55 0%,#4d6c69 100%);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#ebca8d;border:3px solid #162c30;box-shadow:0 0 0 1px #eabf7c;border-radius:50%}.tactical-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{border:1px solid #3b5a54;background:#112a2c;color:#a4bbb3;min-height:41px;border-radius:3px;font:700 11px 'Barlow Condensed';letter-spacing:1px}.tool span{font-size:18px;vertical-align:middle;margin-right:5px;color:#bdcabc}.tool.selected{border-color:var(--accent);background:#3b3429;color:#f7d49a}.tool.selected span{color:#f2b660}.dispatch-actions{display:flex;flex-direction:column;gap:8px}.action{width:100%;padding:11px 12px;border:1px solid #375651;background:#153538;color:#f1f7e7;text-align:left;border-radius:3px;font:700 14px 'Barlow Condensed';letter-spacing:1px}.action span{font-size:18px;color:#a9d5c7;margin-right:6px}.action small{display:block;float:right;font-size:9px;color:#9cafa7;margin-top:5px}.action.accent{border-color:#c6a16a;background:#2b342e}.footer-panel{display:flex;gap:7px;margin-top:20px}.footer-panel .small-btn{font:700 10px 'Barlow Condensed';letter-spacing:.5px;flex:1;padding:10px 4px}.hero-metric{border:1px solid rgba(232,161,99,.24);background:linear-gradient(140deg,rgba(120,64,34,.26),rgba(15,34,31,.1));padding:15px;margin-bottom:10px}.hero-metric>span,.metric-pair span{display:block;font:700 10px 'Barlow Condensed';letter-spacing:1.4px;color:#aabeb1}.hero-metric div{display:flex;align-items:baseline;gap:8px}.hero-metric div strong{font:600 48px 'Barlow Condensed';font-variant-numeric:tabular-nums;color:#fac18a}.hero-metric div b{font:500 18px 'Barlow Condensed';color:#e2c6ac}.hero-metric small{color:#a6b7ac;font-size:10px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-bottom:0}.metric-pair>div{padding:13px 11px;border-bottom:1px solid var(--line)}.metric-pair>div:nth-child(odd){border-right:1px solid var(--line)}.metric-pair strong{display:block;font:600 27px 'Barlow Condensed';margin-top:4px;color:#eaf3df;font-variant-numeric:tabular-nums}.metric-pair strong small{font-size:12px;color:#8ab1a8}.map-header{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.map-header>span:last-child{color:var(--muted);font:700 10px 'Barlow Condensed'}.map-wrapper{position:relative;border:1px solid #456261;background:#183a34;aspect-ratio:1;max-width:100%}.map-wrapper canvas{width:100%;height:100%;cursor:crosshair}.map-n,.map-scale{position:absolute;color:#eff3e6;background:#0e2528ac;padding:3px 5px;font:700 10px 'Barlow Condensed';pointer-events:none}.map-n{top:8px;right:8px}.map-scale{bottom:9px;left:9px}.map-legend{display:flex;gap:10px;margin:10px 0 3px;justify-content:space-between}.map-legend span{font:700 9px 'Barlow Condensed';color:#a3b7ad;letter-spacing:.5px}.key{width:8px;height:8px;display:inline-block;margin-right:3px}.key.fire{background:#ef8540}.key.scar{background:#27252a}.key.wet{background:#4bafce}.key.assets{background:#fff1ba}.section-gap{margin-top:16px;margin-bottom:9px}#graph{width:100%;height:92px;display:block}.event-log{overflow-y:auto;max-height:170px;scrollbar-width:thin}.event{display:grid;grid-template-columns:40px 1fr;gap:7px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(138,172,167,.14);color:#bccdc3;font-size:10px;line-height:1.45}.event time{color:#ddbb80;font:600 10px 'Barlow Condensed'}.event b{color:#e8f4dd;margin-right:4px;font:700 10px 'Barlow Condensed'}.view-chips{position:absolute;bottom:131px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.view-chips button{padding:10px 13px;border:1px solid #b1c4b24d;background:#092326dd;color:#dfeae2;border-radius:3px;backdrop-filter:blur(10px);font:600 11px 'Barlow Condensed';letter-spacing:1px;white-space:nowrap}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:105px;background:#05171beb;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;padding:18px 25px;pointer-events:auto}.bottom-identity{width:177px;min-width:155px}.bottom-identity strong{display:block;font:700 16px 'Barlow Condensed';letter-spacing:.8px;margin-top:5px}.transport{min-width:66px;border:1px solid #55716a;background:#173133;color:#e6f2eb;padding:12px 14px;border-radius:3px;font:700 12px 'Barlow Condensed';letter-spacing:.5px;white-space:nowrap}.transport.primary{border-color:var(--accent);color:#f9d299;background:#3a322a}.speed-control{width:66px;flex:none}.speed-control label{font:700 10px 'Barlow Condensed';color:#94aca4}.speed-control select{padding:7px 3px;margin-top:6px}.scrubber{flex:1;min-width:130px}.scrubber .control-label{margin-bottom:11px}.timeline-marks{display:flex;justify-content:space-between;font:700 8px 'Barlow Condensed';color:#829f95;letter-spacing:.7px;margin-top:11px}.perf-badge{display:flex;flex-direction:column;align-items:center;margin-left:auto;color:#92a9a1}.perf-badge strong{font:600 25px 'Barlow Condensed';color:#dbe9df}.perf-badge span{font:700 10px 'Barlow Condensed'}#toast{position:absolute;top:81px;left:50%;transform:translateX(-50%);background:rgba(12,32,33,.95);border:1px solid #bda16d;color:#f6e0af;box-shadow:0 8px 40px #0009;padding:13px 18px;border-radius:3px;font:600 13px 'Barlow Condensed';letter-spacing:.6px;display:none;pointer-events:none;z-index:20}dialog{background:#0d2427;border:1px solid #ab9569;color:#eff1e7;max-width:480px;padding:25px;font-size:14px;line-height:1.7}dialog::backdrop{background:#000b}dialog h2{font:700 28px 'Barlow Condensed';letter-spacing:1px}dialog .action{text-align:center;margin-top:15px}
@media(max-width:1380px){.left-panel{width:270px;padding:16px}.right-panel{width:270px;padding:16px}.top-status{gap:9px}.bottom-bar{gap:7px;padding:12px}.bottom-identity{width:125px;min-width:125px}.view-chips{bottom:119px}}@media(max-width:1050px){.right-panel{right:10px;top:77px;width:225px;bottom:119px}.left-panel{left:10px;top:77px;width:240px;bottom:119px}.hud-panel h2{font-size:24px}.top-status{display:none}.bottom-identity,.perf-badge{display:none}.view-chips{bottom:120px}.topbar{height:65px}}@media(max-width:730px){.left-panel{left:6px;width:205px;top:65px;bottom:113px}.right-panel{right:6px;width:170px;top:65px;bottom:113px;padding:10px}.right-panel .hud-panel h2{font-size:20px}.hero-metric div strong{font-size:36px}.metric-pair strong{font-size:22px}.map-legend{display:none}.topbar{padding:0 12px}.brand{min-width:0}.top-right #renderMode{display:none}.view-chips{bottom:113px;left:50%;gap:3px}.view-chips button{font-size:9px;padding:6px}.bottom-bar{height:106px;gap:5px}.transport{min-width:44px;font-size:10px;padding:8px}.bottom-bar #stepBtn{display:none}.scrubber{min-width:80px}.timeline-marks{display:none}.control-label label{font-size:9px}}