:root{color-scheme:dark;--ink:#e6ece8;--muted:#85969b;--light:#a8c0bf;--line:rgba(168,202,198,.16);--deep:#0a1519;--teal:#60d6cb;--orange:#ff8545;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#091519;color:var(--ink);font-family:var(--body)}button,select,input{font-family:inherit}button{cursor:pointer}#scene{position:fixed;inset:0;display:block;touch-action:none}.grain{pointer-events:none;position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 53% 50%,transparent 20%,rgba(2,12,15,.2) 90%);opacity:.55}.panel{background:linear-gradient(155deg,rgba(12,25,29,.96),rgba(9,21,25,.95));border:1px solid rgba(130,174,173,.18);box-shadow:0 13px 50px #030c1090,0 0 0 1px rgba(0,0,0,.2) inset;backdrop-filter:blur(20px)}.topbar{position:absolute;left:0;right:0;top:0;height:76px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:rgba(7,18,21,.95);border-bottom:1px solid #25413f}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{width:47px;height:47px;border:1px solid rgba(255,164,77,.3);background:#1c302b;display:grid;place-items:center}.brand-name{font-family:var(--display);font-size:24px;line-height:1;font-weight:800;letter-spacing:1.35px;white-space:nowrap}.brand-name em{font-style:normal;color:#8a9694}.brand-name span{color:var(--orange);margin-left:2px}.brand-sub{margin-top:7px;font-family:var(--display);font-size:10px;letter-spacing:2.05px;color:#91ada9}.header-mid{display:flex;align-items:center;gap:10px;color:#b6d2ce;letter-spacing:1.5px;font-family:var(--display);font-size:12px;font-weight:700}.live-pulse{height:7px;width:7px;background:#e46a38;border-radius:50%;box-shadow:0 0 16px #ff703b;animation:pulse 1.7s infinite}.header-rule{height:17px;width:1px;background:#37514f;margin:0 10px}.header-right{display:flex;align-items:center;gap:12px}.header-tag{font-family:var(--display);font-size:12px;color:#93aaa9;letter-spacing:1px}.header-help{border:1px solid #42625c;color:#deede8;background:#132c2b;width:31px;height:31px;font-weight:700;border-radius:50%}.metric-ribbon{position:absolute;z-index:3;top:92px;left:calc(50% - 278px);transform:translateX(-0%);display:flex;gap:1px;background:#13292a;box-shadow:0 12px 45px #06111480;border:1px solid #34504b}.metric{width:132px;padding:12px 12px 10px;background:rgba(10,23,26,.94)}.metric-title{font:600 11px var(--display);letter-spacing:1.3px;color:#95adab}.metric-reading{display:flex;align-items:baseline;gap:7px;margin-top:4px}.metric-reading span:first-child{font:700 28px var(--display);letter-spacing:.1px;color:#eaf6ef}.metric-unit{font:500 10px var(--display);color:#a1b3b2}.metric-foot{display:block;border-top:1px solid #324340;padding-top:8px;margin-top:5px;font:500 9px var(--display);color:#798c8c;letter-spacing:.85px}.status-fire{color:#eea062}.left-panel{position:absolute;z-index:4;top:91px;bottom:112px;left:18px;width:332px;padding:20px 20px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#395452 transparent}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.eyebrow,.kicker{font:600 11px var(--display);letter-spacing:1.45px;color:#66b5ad}.panel-status{font:600 10px var(--display);letter-spacing:.6px;color:#e5aa87;white-space:nowrap}.panel-status i,.side-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:100%;background:#ef6c43;box-shadow:0 0 10px #eb6547}.left-panel h1{font:800 40px var(--display);letter-spacing:.3px;margin:14px 0 4px;line-height:1}.left-panel h1 span{color:var(--orange)}.panel-desc{font-size:11px;line-height:1.65;color:#9ab0b1;margin:8px 0 17px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(138,176,174,.26);margin-top:8px}.section-title>span:first-child{font:700 13px var(--display);letter-spacing:1.3px}.section-title .kicker{font-size:10px;color:#6c8988}.input-label{font:600 10px var(--display);color:#9db2af;letter-spacing:.85px;margin-bottom:6px}.scenario-select,.map-commands select,.speed-control select{width:100%;background:#203136;border:1px solid #3a514e;color:#ebefe9;padding:10px 9px;border-radius:2px;outline:none;font:600 12px var(--display);letter-spacing:.4px}.scenario-detail{font-size:10.5px;line-height:1.55;color:#8a9e9d;margin-top:8px}.weather-title{margin-top:17px}.control{margin:12px 0 15px}.control label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b2c6c4}.control strong{font:700 14px var(--display);color:#f8eee0}input[type=range]{accent-color:#f49052;width:100%;height:4px;cursor:pointer;margin:11px 0 5px}.range-ends{display:flex;justify-content:space-between;gap:8px;font:500 9px var(--display);letter-spacing:.65px;color:#617a7c}.condition-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 13px}.condition-box>div{border:1px solid rgba(128,175,172,.15);background:#1c313124;padding:11px 9px}.condition-box span{font:600 10px var(--display);color:#87a09e;letter-spacing:.5px}.condition-box div div{margin-top:6px;font:700 15px var(--display);letter-spacing:.4px}.condition-box strong{color:#efac70;margin-left:5px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 12px}.action-button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 11px;text-align:left;border:1px solid #3a4d4c;background:#1a2a2c;min-height:76px;color:#d8e2df;transition:background .15s,border-color .15s}.action-button:hover{background:#263c3b}.action-button.selected{background:#2c3932;border-color:#ef9a5a;box-shadow:inset 0 0 0 1px #d68b5350}.action-button span:nth-child(2){font:700 13px var(--display)}.action-icon{font-size:17px;color:#f3a169}.action-button small{font:600 9px var(--display);color:#879b9a;letter-spacing:1px}.side-note{font:400 10px/1.6 var(--body);color:#93aaa7;padding:7px 0 14px}.full-button{width:100%;padding:12px;text-align:left;border:1px solid #c9814f;font:700 13px var(--display);letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.primary{background:#dc7a44;color:#1f2525}.full-button:hover{background:#f09358}.right-panel{position:absolute;z-index:4;right:18px;top:91px;bottom:112px;width:320px;padding:10px 15px 14px;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#395452 transparent}.top-right-title{border-top:0}.minihead,.track-label,.track-scale{display:flex;justify-content:space-between;gap:8px}.minihead{font:600 10px var(--display);letter-spacing:1.2px;color:#a7beb9;margin:6px 0 8px}.minihead span:last-child{color:#658b8b}.map-shell{position:relative;border:1px solid #35514e;background:#182e29}.map-shell canvas{display:block;width:100%;aspect-ratio:2/1;cursor:crosshair}.map-north{position:absolute;right:7px;top:7px;background:#09191ac9;padding:4px 6px;font:700 10px var(--display);color:#d5ece5}.map-legend{display:flex;justify-content:space-around;gap:2px;background:#0b1b1e;border-top:1px solid #304c49;padding:8px 0}.map-legend span,.chart-footer span{font:600 9px var(--display);letter-spacing:.6px;color:#a6bdb9}.map-legend i,.chart-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:2px}.lg-fire{background:#ff773c}.lg-tree{background:#4e8364}.lg-water{background:#69c0d0}.lg-units{background:#f9d17f}.map-commands{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0 7px}.map-commands div span{display:block;font:600 10px var(--display);color:#819c99;letter-spacing:.6px}.map-commands div strong{display:block;font:700 16px var(--display);letter-spacing:.2px;margin-top:3px;white-space:nowrap}.map-commands select{padding:4px;width:93px;font-size:11px}.unit-info{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.unit-info span{padding:5px 7px;background:#25403d6b;border:1px solid #3658536b;font:600 9px var(--display);letter-spacing:.7px;color:#9ed8c8}.chart-shell{border:1px solid #304946;background:#112021;padding:9px 8px 5px}.chart-shell canvas{display:block;width:100%;height:95px}.chart-footer{display:flex;justify-content:space-between;gap:9px;margin-top:5px}.event-log{flex:1;min-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344b49 transparent}.event{border-left:2px solid #4a7371;padding:8px 0 9px 10px;margin:2px 0 5px;background:linear-gradient(90deg,#273a362c,transparent)}.event.alert{border-color:#e87a48}.event.success{border-color:#75beb0}.event.dispatch{border-color:#f1b877}.event-time{font:500 9px var(--display);color:#658481;letter-spacing:.5px}.event-text{font:500 10px/1.45 var(--body);color:#b4c9c4;margin-top:3px}.systems{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.system-stat{background:#1c2e2d78;border:1px solid #2d4543;padding:8px}.system-stat span{display:block;font:500 9px var(--display);letter-spacing:.5px;color:#758c8b}.system-stat strong{display:block;margin-top:5px;font:700 16px var(--display)}.view-controls{position:absolute;z-index:3;left:367px;top:171px;display:flex;align-items:center;gap:6px}.view-controls button{background:#101f24d9;color:#bdd9d4;border:1px solid #476561;padding:8px 11px;font:700 12px var(--display);letter-spacing:.75px}.view-controls button:hover{color:#fff;border-color:#ca9161}.view-hint{font:500 10px var(--display);letter-spacing:.8px;margin-left:8px;color:#acc8c4;text-shadow:0 1px 4px #000}.coord-chip{position:absolute;bottom:130px;left:367px;background:#0d2322d8;padding:9px 12px;font:600 11px var(--display);letter-spacing:1.2px;color:#b0ceca;border:1px solid #4e777188}.transport{position:absolute;z-index:5;left:367px;right:356px;bottom:18px;height:78px;display:flex;align-items:center;padding:12px 14px;gap:11px;min-width:520px}.play-button{height:48px;width:47px;border:1px solid #e4995d;background:#e59050;color:#172a2b;font:800 25px var(--display);flex-shrink:0}.play-button:hover{background:#f5b371}.step-button,.transport-mini{height:40px;width:36px;background:#1b3032;color:#c8dcd9;border:1px solid #3b5a56;flex-shrink:0}.time-readout{min-width:104px}.time-readout span,.speed-control>span,.track-label,.track-scale{font:600 10px var(--display);letter-spacing:.7px;color:#849f9c}.time-readout strong{display:block;font:700 25px var(--display);letter-spacing:1px;margin-top:4px;color:#e9e4d5}.transport-track{flex:1;min-width:125px}.track-label span:last-child{color:#eead7d}.transport-track input{margin:8px 0 4px;accent-color:#67ccbc}.track-scale{font-size:8px}.speed-control{min-width:66px}.speed-control select{padding:7px;margin-top:4px}.toast{position:absolute;z-index:9;top:166px;left:50%;transform:translateX(-50%) translateY(-15px);background:#172d2c;border:1px solid #64afa6;padding:12px 20px;color:#ddf4ec;font:600 12px var(--body);box-shadow:0 12px 33px #0009;pointer-events:none;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-wrap{position:fixed;inset:0;display:grid;place-items:center;background:#020d11c7;z-index:10}.modal-wrap.hidden{display:none}.modal{position:relative;width:min(540px,90vw);padding:28px 33px}.modal h2{font:700 35px var(--display);margin:10px 0}.modal p{font:400 13px/1.7 var(--body);color:#abc3bb}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#ecf5f0;font-size:19px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px;background:#1b3534}.shortcut-grid span{color:#a1c3bd;font-size:12px}.shortcut-grid strong{color:#f8d2a6;font-size:12px}.modal p.disclaimer{font-size:11px;color:#edac91}@keyframes pulse{50%{box-shadow:0 0 0 6px #e46a3815}}@media(max-width:1440px){.metric-ribbon{left:360px;transform:none}.metric{width:112px}.left-panel{width:308px;left:12px}.right-panel{width:290px;right:12px}.view-controls,.coord-chip{left:333px}.transport{left:333px;right:317px}.header-mid{display:none}.brand-name{font-size:20px}}@media(max-width:1100px){.metric-ribbon{top:76px;left:0;right:0;justify-content:center;width:auto}.metric{width:25%}.left-panel{top:155px;bottom:92px;width:260px;padding:12px}.right-panel{top:155px;bottom:92px;width:250px;padding:9px}.left-panel h1{font-size:30px}.view-controls{top:166px;left:280px}.view-hint,.coord-chip{display:none}.transport{left:275px;right:275px;bottom:8px;min-width:360px;gap:5px;padding:8px}.time-readout{min-width:76px}.time-readout strong{font-size:19px}.transport-mini{display:none}}@media(max-width:750px){.topbar{height:59px;padding:0 12px}.brand-sub,.header-tag{display:none}.metric-ribbon{top:59px}.metric{padding:9px 7px}.metric-reading span:first-child{font-size:20px}.metric-title{font-size:9px}.metric-foot{font-size:8px}.left-panel{left:5px;top:133px;bottom:95px;width:190px}.right-panel{right:5px;top:133px;bottom:95px;width:150px}.right-panel .map-shell,.right-panel .chart-shell,.right-panel .map-commands,.right-panel .unit-info,.right-panel .systems{display:none}.right-panel .event-log{display:block}.left-panel .panel-desc{display:none}.left-panel .section-title{margin-top:3px}.control{margin:6px 0}.control label{font-size:10px}.condition-box{display:none}.action-button{padding:8px;min-height:63px}.action-grid{gap:4px}.transport{left:7px;right:7px;bottom:7px;min-width:unset;height:72px}.view-controls{display:none}}