:root{color-scheme:dark;--bg:#081018;--panel:rgba(10,18,24,.91);--line:#29404a;--muted:#83939c;--cream:#e6e9e5;--orange:#f49d59;--green:#82b3a1;--soft:#bdd0cc}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#080e13;color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:12px}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#world{position:absolute;inset:0;width:100%;height:100%;display:block;background:#192a2e;touch-action:none}#grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 15%,rgba(5,10,16,.28) 100%);z-index:1}.glass{background:linear-gradient(125deg,rgba(13,22,28,.95),rgba(13,21,27,.89));box-shadow:0 12px 50px #0005;border:1px solid #35464d77;backdrop-filter:blur(18px)}.topbar{position:absolute;z-index:5;left:0;top:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(180deg,rgba(9,15,20,.99),rgba(9,15,20,.9));border-bottom:1px solid #33444d}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d49b6f;color:#f7ad69;font-weight:950;font-size:25px;width:41px;height:41px;line-height:1;border-radius:3px}.brand-mark span{font-size:14px;position:relative;top:-7px}.brand b{font-size:16px;letter-spacing:2.1px}.brand-slash{color:#f4a363}.brand small{display:block;color:#7d919a;letter-spacing:1.65px;margin-top:5px;font-size:8px}.brand small i{color:var(--orange);font-style:normal}.top-center{color:#a9bbb9;display:flex;gap:14px;align-items:center;font-size:10px;font-weight:750;letter-spacing:1.1px}.live-dot{display:inline-block;width:7px;height:7px;background:#dc865d;box-shadow:0 0 10px #eb7e48;border-radius:50%;animation:pulse 1.65s infinite}.live-dot.small{height:5px;width:5px}.top-sep{height:16px;width:1px;background:#41545d}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:30px;height:30px;background:#1a2a31;color:#d5e2e1;border:1px solid #394c53;border-radius:3px;font-size:19px}.pill{border:1px solid #48655d;color:#a9c0b6;border-radius:2px;padding:8px 10px;letter-spacing:1px;font-weight:700;font-size:10px}.left-panel,.right-panel{position:absolute;z-index:4;top:88px;bottom:96px;width:274px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#42555b transparent}.left-panel{left:18px}.right-panel{right:18px;width:282px}.panel-title{padding:17px 18px 16px;border-bottom:1px solid #314047;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:800;color:#d4d9d2;letter-spacing:1.7px}.tiny-tag{color:#a0b1ac;font-size:8px;letter-spacing:1px}.sidebar-block{padding:18px;border-bottom:1px solid #34414899}.sidebar-block.last{border-bottom:0}.field-label{display:block;color:#98abb1;font-size:10px;font-weight:800;letter-spacing:1.1px;margin-bottom:12px}.sidebar-block select{appearance:none;width:100%;padding:11px 10px;color:#ecdbcc;background:#1c2b31;border:1px solid #43545a;border-radius:3px;font-weight:750;font-size:10px;letter-spacing:.7px;outline:none}.field-hint{color:#85989b;font-size:10px;line-height:1.5;margin:9px 0 0}.block-row{display:flex;align-items:center;justify-content:space-between}.block-row .field-label{margin:0 0 13px}.muted-small{font-size:9px;color:#849fa0;letter-spacing:.65px}.control-row{display:flex;justify-content:space-between;color:#b3bdc0;margin:11px 0 7px;letter-spacing:.8px;font-size:9px;font-weight:700}.control-row output{color:#f1a56a}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;margin:4px 0 8px;border-radius:2px;background:linear-gradient(90deg,#b57b55,#536b67);accent-color:#f5a267;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#f4ba85;border:2px solid #1a2429;border-radius:50%;box-shadow:0 0 0 1px #d3ad8b}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{border:1px solid #415259;background:#1a2930;color:#a7b9bd;display:flex;align-items:center;flex-direction:column;justify-content:center;height:64px;border-radius:3px;gap:4px;transition:.16s}.tool:hover,.tool.active{color:#ffd0a0;border-color:#de8e59;background:linear-gradient(130deg,#513d30,#273037)}.tool span{font-size:22px;line-height:24px}.tool b{font-size:8px;letter-spacing:1.4px}.vehicle-actions{display:flex;flex-direction:column;gap:7px;margin-top:13px}.secondary-action{padding:12px 9px;display:flex;align-items:center;gap:8px;text-align:left;background:#1c3034;border:1px solid #405c5c;color:#d6e2de;font-size:9px;letter-spacing:.75px;font-weight:700}.secondary-action b{color:#a2cbbb;margin-left:auto;white-space:nowrap}.secondary-action span{font-size:16px}.check{display:flex;gap:9px;align-items:center;margin:9px 0;color:#a7bac0;font-size:10px}.check input{accent-color:#a9bfb8;width:12px;height:12px}.center-top{position:absolute;top:92px;left:310px;z-index:3}.compass-wrap{display:flex;align-items:center;gap:9px;background:#102027db;border:1px solid #4b5f62;border-radius:3px;padding:9px 14px}.compass-arrow{color:#ecaa78;font-size:25px;transform:rotate(-35deg)}.compass-wrap b{display:block;font-size:11px;letter-spacing:1px}.compass-wrap small{display:block;font-size:8px;color:#97a8a9;letter-spacing:1px;margin-top:4px}.view-note{position:absolute;z-index:2;left:310px;bottom:107px;letter-spacing:1.3px;font-size:9px;color:#d5dcd9;text-shadow:0 1px 9px #000;pointer-events:none}.view-note .dot{color:var(--orange);margin:0 7px}.risk-pill{font-size:9px;color:#ffc19c;background:#58372e;border:1px solid #ab6750;padding:5px 7px;letter-spacing:.8px}.metric.hero{padding:20px 18px 12px}.metric>span{color:#94abb0;font-size:10px;letter-spacing:1px;font-weight:750}.metric.hero strong{font-size:39px;letter-spacing:-2px;color:#ffb777;font-weight:700}.metric.hero em{font-size:10px;letter-spacing:1px;font-style:normal;color:#a8b7b6;margin-left:7px}.spark{height:32px;margin-top:11px;opacity:.8}.spark svg{display:block;height:32px;width:100%}.metrics-2{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #33464b;border-bottom:1px solid #33464b}.metrics-2 .metric{padding:15px 12px;border-right:1px solid #33464b;border-bottom:1px solid #33464b}.metrics-2 .metric:nth-child(even){border-right:0}.metrics-2 .metric:nth-child(n+3){border-bottom:0}.metric b{font-size:19px;display:block;margin-top:9px;letter-spacing:-.5px;font-weight:700}.metric b small{font-size:9px;color:#9eb4b7;letter-spacing:0}.mini-map-block{padding:15px 14px 11px;border-bottom:1px solid #33464b}#tacticalMap{width:100%;aspect-ratio:1;display:block;background:#202f2b;border:1px solid #42616a;cursor:crosshair}.map-legend{display:flex;gap:10px;justify-content:space-between;font-size:8px;color:#a5b9b8;letter-spacing:.5px;padding-top:9px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.legend-fire{background:#ff9054}.legend-forest{background:#7b9a7e}.legend-response{background:#8fc3d0}.status-block{padding:16px 14px}.response-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#91a8ae;font-size:9px;letter-spacing:.65px}.response-row b{color:#d6e2df}.event-strip{position:absolute;z-index:3;left:310px;bottom:150px;min-width:410px;max-width:650px;background:#102027cc;border-left:2px solid #e9a36c;padding:12px 15px;box-shadow:0 4px 18px #0004}.event-head{display:flex;gap:10px;align-items:center}.event-head .eyebrow{font-size:9px;color:#eab48a}#eventLog{font-size:10px;color:#c4cdca;letter-spacing:.4px;margin-top:7px;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport{position:absolute;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);width:min(950px,calc(100% - 625px));min-width:500px;height:60px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:12px}.playback,.speed-group{display:flex;align-items:center;gap:8px;min-width:0}.playback{flex:1}.playback button,.speed-group button{border:0;background:transparent;color:#b9c9c9;padding:5px 7px;font-size:14px;border-radius:2px}.playback button:hover,.speed-group button:hover{background:#284149}.playback button.play{background:#e1a176;color:#19262a;font-weight:900;font-size:14px;width:32px;height:32px}.transport .divider{width:1px;background:#48575d;height:20px;margin:0 6px;flex:none}.timeline-label,.timeline-time{font-size:9px;font-weight:750;letter-spacing:1px;color:#96a9ac;white-space:nowrap}.playback input{width:100%;min-width:70px}.speed-group button{font-size:10px;font-weight:800;color:#9aacaf}.speed-group button.active{background:#46504a;color:#f3c098}.speed-group button.screenshot{border:1px solid #496063;padding:9px 11px}.toast{position:absolute;z-index:10;top:78px;left:50%;transform:translateX(-50%);background:#12232bcc;border:1px solid #be956b;color:#f9d0ab;padding:10px 19px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .3s}.toast.show{opacity:1}.modal{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;background:#080e13c9}.hidden{display:none!important}.modal-dialog{position:relative;max-width:560px;background:#111e25;border:1px solid #667679;padding:32px;box-shadow:0 20px 80px #0008}.modal-dialog h2{font-size:26px;letter-spacing:1px}.modal-dialog p{line-height:1.7;color:#aebfbd}.modal-close{position:absolute;right:18px;top:12px;color:#e3dad4;background:none;border:0;font-size:29px}.help-grid{display:grid;grid-template-columns:150px 1fr;gap:13px 20px;margin:24px 0}.help-grid span{font-size:10px;color:#efac7b;letter-spacing:1px}.help-grid b{font-size:11px;color:#d0dad7}.primary-cta{background:#dc9d6c;color:#152124;border:0;padding:13px 20px;font-weight:900;letter-spacing:1.2px}.boot{position:absolute;z-index:30;inset:0;background:#0b151b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.boot-logo{font-size:62px;color:#ef9f69}.boot b{font-size:23px;letter-spacing:4px}.boot span{font-size:11px;color:#a8bab8;letter-spacing:2px}.boot-bar{width:240px;height:3px;margin:17px 0;background:#3b484c}.boot-bar div{width:5%;height:100%;background:#f1a674;animation:loading 1.6s linear infinite}.boot small{font-size:9px;letter-spacing:1px;color:#7d9c9f}@keyframes loading{to{width:100%}}@keyframes pulse{50%{opacity:.4}}@media(max-width:1230px){.top-center{display:none}.left-panel{width:250px;left:10px}.right-panel{width:252px;right:10px}.transport{width:calc(100% - 530px);min-width:440px}.center-top,.view-note,.event-strip{left:271px}}@media(max-width:940px){.right-panel{display:none}.left-panel{width:244px}.transport{min-width:0;left:270px;right:10px;width:auto;transform:none}.event-strip{left:268px}.brand small{font-size:7px}}@media(max-width:650px){.topbar{padding:0 8px}.brand b{font-size:11px;letter-spacing:.7px}.brand small,.pill,.view-note,.center-top,.event-strip{display:none}.left-panel{top:69px;bottom:94px;width:190px;left:6px}.sidebar-block{padding:12px}.sidebar-block .field-label{font-size:9px}.tool{height:50px}.right-panel{display:none}.transport{left:6px;right:6px;width:auto;padding:0 5px}.timeline-label,.timeline-time,.screenshot span{display:none}.transport .divider{margin:0 2px}.speed-group{gap:0}.playback{gap:2px}.playback button{padding:3px}.speed-group button{padding:4px}.view-note{display:none}}