:root{--bg:#0d1718;--panel:#101e20eb;--border:#ffffff1b;--line:#223739;--text:#edf2e9;--secondary:#9caea9;--muted:#637d7b;--accent:#dfed9c;--orange:#f78b46;--mint:#70d3ba}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden}body{background:#08151a;color:var(--text);font:12px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#app{height:100%;position:relative;min-width:720px}#world{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#world:active{cursor:grabbing}body.tooling #world{cursor:crosshair}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:77px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0b1819f9,#152627e9 48%,#101d1fef);border-bottom:1px solid #d9f1d11a;padding:0 32px;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:282px}.brand-mark{display:grid;place-items:center;background:#dceea4;color:#17281e;width:38px;height:38px;font-size:26px;font-weight:bold;border-radius:10px;box-shadow:0 0 28px #dceea426}.brand-title{display:block;font-family:'Arial Narrow',Impact,sans-serif;font-size:27px;font-weight:800;letter-spacing:.085em;line-height:.95}.brand-title span{color:#dfed9c}.brand small{display:block;color:#738f89;font-size:8.5px;letter-spacing:.18em;margin-top:7px}.top-mid,.top-right{display:flex;align-items:center;gap:13px}.top-mid{font-family:'Consolas',monospace;font-size:10px;letter-spacing:.1em;color:#a2b7a8}.top-mid strong{color:#e7eecb;font-weight:500}.thin{color:#71918e}.top-divider{height:21px;border-left:1px solid #34494a;margin:0 9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#83ecbd;box-shadow:0 0 12px #83ecbd;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.42}}.clock{font:600 15px 'Consolas',monospace;white-space:nowrap;margin-right:10px}.icon-btn,.scenario-button{border:1px solid #ffffff2b;color:#f2f4ec;background:#2a3b3aa3;border-radius:5px;height:35px;transition:background .2s}.icon-btn{width:35px;font-weight:700;font-size:17px}.scenario-button{padding:0 18px;font-size:10px;font-weight:700;letter-spacing:.1em}.scenario-button span{margin-left:17px;color:#c3d2ae}.icon-btn:hover,.scenario-button:hover{background:#41564a}.sidebar{position:absolute;top:77px;bottom:95px;left:0;z-index:5;width:300px;background:#0d1b1deF;border-right:1px solid var(--border);display:flex;flex-direction:column;backdrop-filter:blur(12px)}.side-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#4c675d transparent}.side-group{padding:20px 23px 18px;border-bottom:1px solid var(--border)}.section-title,.right-title{display:flex;align-items:center;justify-content:space-between;color:#d4e5d8;font-family:'Consolas',monospace;font-size:10px;letter-spacing:.115em;margin-bottom:22px}.section-title span:first-child::before{content:'';display:inline-block;background:#e8ecab;width:13px;height:2px;vertical-align:middle;margin-right:8px}.small-tag{font-size:8px;letter-spacing:.11em;color:#9fad85;border:1px solid #6373508a;padding:3px 5px;border-radius:2px}.weather-head{display:flex;gap:14px;align-items:center;margin-bottom:25px}.weather-head>div:first-child{display:flex;align-items:center;gap:5px}.weather-symbol{font-size:31px;color:#ffd291}.weather-head strong{font:500 33px 'Arial Narrow',sans-serif;letter-spacing:-.01em}.weather-head div:last-child{display:flex;flex-direction:column}.weather-head b{font:700 11px 'Arial Narrow';letter-spacing:.11em;color:#f2bc7f}.weather-head small{color:#7d958e;font-size:9px;margin-top:3px}.control{margin:0 0 18px}.control-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#cbd8d0}.control output{font:500 11px 'Consolas',monospace;color:#e9eaaa}.control input[type=range]{width:100%;margin:0;accent-color:#daeda3;cursor:pointer;height:4px}.range-label{display:flex;justify-content:space-between;margin-top:6px;color:#597774;font:9px 'Consolas';letter-spacing:.06em}.wind-note{display:flex;gap:12px;align-items:center;padding:12px;background:#2a3c33b0;border:1px solid #6a7c5f5a;border-radius:5px;margin-top:6px}.wind-arrow{display:grid;place-items:center;width:28px;height:28px;color:#f2ce88;font-size:24px;transition:transform .2s}.wind-note b,.wind-note small{display:block}.wind-note b{color:#e7eac9;font-size:10px}.wind-note small{color:#89a298;font-size:9px;margin-top:2px}.tools-group{padding-top:18px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tool{height:69px;border:1px solid #43575273;border-radius:5px;background:#1b2c2d9e;color:#b7c8be;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;transition:.15s}.tool:hover{border-color:#c8db97;color:#e8f5d6}.tool.active{border-color:#d6e994;background:#3d503e9c;color:#f0f6dc;box-shadow:inset 0 0 0 1px #d6e99429}.tool>span{font-size:23px;line-height:27px;font-weight:400}.tool strong{font:600 9px Inter}.tool small{position:absolute;top:4px;right:7px;color:#6f8680;font:9px 'Consolas'}.helper-text{color:#718b84;font-size:9.5px;line-height:1.6;margin:11px 0 0}.resources{padding-top:18px}.resources .section-title{margin-bottom:13px}.asset-line{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff12}.asset-line:last-child{border-bottom:0}.asset-icon{display:grid;place-items:center;width:30px;height:30px;font-size:18px;border-radius:3px;background:#2b483a;color:#a1d3ab}.asset-icon.helicopter{background:#3b3e30;color:#e9daa0}.asset-icon.towers{background:#33464b;color:#a8d2d9}.asset-line>div:nth-child(2){flex:1;min-width:0}.asset-line strong,.asset-line small{display:block}.asset-line strong{font-size:10px;color:#cddcd1}.asset-line small{font-size:9px;color:#68847f;margin-top:3px;white-space:nowrap}.asset-line b{font:500 14px 'Consolas';color:#dce9cf}.sidebar-foot{padding:14px 23px 12px;font:9px 'Consolas';letter-spacing:.08em;color:#75918b}.sidebar-foot span{float:right;color:#b9c89e}.sidebar-foot small{display:block;margin-top:7px;font-size:8px;color:#586f6c;letter-spacing:.01em}.camera-hud{position:absolute;top:100px;left:325px;z-index:2;text-shadow:0 1px 9px #132421aa;pointer-events:none}.hud-corner{display:block;color:#d5e8aa;font:10px 'Consolas';letter-spacing:.1em}.viewer-title{display:block;font:700 26px 'Arial Narrow',sans-serif;letter-spacing:.048em;margin-top:4px}.coords{display:block;color:#d5e6d5;font:10px 'Consolas';letter-spacing:.07em;margin-top:4px}.compass{display:flex;gap:10px;align-items:center;margin-top:10px;font:10px 'Consolas';color:#e9f3d9}.compass strong{font-size:18px;border:1px solid #ffffff7a;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:#10201e80}.compass span{color:#b6cdbf}.metrics{position:absolute;top:87px;left:50%;transform:translateX(-35%);width:min(870px,calc(100% - 780px));min-width:580px;background:#112020e8;border:1px solid #ffffff2e;display:flex;z-index:3;border-radius:6px;backdrop-filter:blur(12px);box-shadow:0 7px 32px #0004}.metric{flex:1;min-width:0;padding:14px 15px;border-right:1px solid #d5ead11a}.metric.last{border-right:0}.metric-name{display:flex;gap:5px;align-items:center;white-space:nowrap;color:#a2b8ad;font:8px 'Consolas';letter-spacing:.03em}.metric-indicator{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#ffc083}.metric-indicator.gold{background:#f4d185}.metric-indicator.teal{background:#7edca8}.metric-indicator.blue{background:#81b7d2}.metric-indicator.mint{background:#b8e6a0}.metric strong{display:block;font:600 26px 'Arial Narrow';color:#f2f3e7;line-height:1.22;margin-top:8px;white-space:nowrap}.metric strong em{font:500 13px 'Consolas';color:#bfcfbf;font-style:normal}.metric small{color:#62847e;font-size:8.5px;white-space:nowrap}.meter{height:3px;background:#37524c;margin-top:6px;border-radius:4px}.meter>i{display:block;height:100%;background:#9fdbac;border-radius:4px}.right-panel{position:absolute;right:17px;top:180px;bottom:110px;width:260px;z-index:4;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.right-box{background:#0e1c1eea;border:1px solid #d3ecda25;border-radius:5px;overflow:hidden;box-shadow:0 8px 28px #07111448;backdrop-filter:blur(8px)}.right-title{margin:0;padding:12px 13px;border-bottom:1px solid #ffffff14;font-size:9px}.live-tiny{color:#94e6b8;font-size:8px}.muted{color:#75928a}.map-wrapper{position:relative;overflow:hidden;background:#273f36}#tactical-map{display:block;width:100%;height:auto;cursor:crosshair}.map-north,.map-scale{position:absolute;pointer-events:none;color:#e9eeda;font:9px 'Consolas';text-shadow:0 1px 5px #000}.map-north{right:9px;top:8px}.map-scale{left:9px;bottom:8px}.legend{display:flex;gap:9px;justify-content:center;border-top:1px solid #ffffff10;padding:11px 4px}.legend span{font-size:8px;color:#aabcb1;display:flex;align-items:center;gap:4px;white-space:nowrap}.legend-mark{width:7px;height:7px;border-radius:2px;background:orange}.legend-mark.fire{background:#ff752d}.legend-mark.consumed{background:#61443b}.legend-mark.line{background:#dfda8e}.legend-mark.water{background:#6cb9dc}.activity{flex:1;min-height:170px;display:flex;flex-direction:column}.event-log{padding:4px 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#465e5a transparent}.event{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff10}.event:last-child{border-bottom:0}.event-time{font:9px 'Consolas';color:#8fa69b}.event-kind{color:#dbebce;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.event-message{color:#8ea89e;font-size:9px;margin-top:4px;line-height:1.45}.renderer-stats{padding:8px 6px;background:#122123b9;border:1px solid #ffffff17;border-radius:4px;display:flex;flex-direction:column;gap:4px}.renderer-stats span{display:flex;justify-content:space-between;font:8px 'Consolas';color:#8ea99d;letter-spacing:.04em}.renderer-stats b{color:#d0dfc3;font-weight:500}.bottom{position:absolute;bottom:0;left:0;right:0;height:95px;background:#0d191aee;border-top:1px solid #ffffff32;z-index:8;padding:13px 26px 6px}.playback{height:45px;display:flex;align-items:center;gap:11px}.play-btn{border:0;border-radius:4px;width:38px;height:36px;background:#dfe9a2;color:#1b2920;font-weight:700;font-size:17px}.soft-btn{border:1px solid #3b504c;background:#203331;color:#d3e1ca;border-radius:3px;width:33px;height:33px}.play-info{width:185px;display:flex;flex-direction:column;gap:2px}.play-info span{font:600 10px 'Consolas';letter-spacing:.05em;color:#e5f2d4}.play-info small{font-size:9px;color:#769188}.replay-track{display:flex;flex-direction:column;gap:2px;flex:1;max-width:720px;min-width:100px;margin:0 10px}.replay-label{font:9px 'Consolas';letter-spacing:.1em;color:#a5bdb1}.replay-track input{width:100%;height:4px;accent-color:#dce59f;cursor:pointer;margin:3px 0 0}.tick-label{display:flex;justify-content:space-between;font:8px 'Consolas';color:#68847f}.speed-label{color:#8ba89d;font:9px 'Consolas'}.playback select{height:33px;border:1px solid #3a514a;background:#243833;color:#e1eaca;border-radius:3px;padding:0 10px;outline:none}.reset-btn{border:1px solid #6273626a;background:transparent;color:#d8e6bc;border-radius:3px;height:35px;padding:0 14px;font:10px 'Consolas';letter-spacing:.08em;white-space:nowrap}.reset-btn:hover{background:#36493a}.bottom-note{display:flex;justify-content:space-between;color:#64817b;font:8px 'Consolas';letter-spacing:.09em;margin-top:8px}.bottom-note span:first-child{color:#afc19f}.probe{position:absolute;z-index:7;left:325px;bottom:113px;min-width:220px;padding:12px 15px;background:#0c1d1beb;border:1px solid #e3e2a758;border-radius:4px;box-shadow:0 10px 25px #0004}.probe span,.probe strong,.probe small{display:block}.probe span{font:8px 'Consolas';color:#e3dfa2;letter-spacing:.08em}.probe strong{margin-top:4px;font-size:13px}.probe small{margin-top:5px;font-size:9px;color:#abc0b4}.hidden{display:none!important}.toast{position:absolute;bottom:112px;left:50%;transform:translateX(-50%) translateY(20px);padding:11px 22px;background:#dce9a8;color:#1a2b26;border-radius:4px;font:600 11px 'Consolas';z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.world-overlay{position:absolute;pointer-events:none;inset:0;z-index:1}.world-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;text-shadow:0 2px 6px #081512}.world-pin span{background:#132620db;border:1px solid #c0d6bd70;padding:4px 7px;border-radius:3px;font:8px 'Consolas';white-space:nowrap}.world-pin:after{content:'';width:1px;height:20px;background:#edf5d5a8}.world-pin i{background:#dfeba3;color:#2d3a2f;font-size:12px;font-style:normal;border-radius:50%;width:21px;height:21px;text-align:center;line-height:21px;margin-bottom:3px}.modal{position:absolute;z-index:50;inset:0;background:#07100ee8;display:grid;place-items:center;padding:22px;backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(130deg,#172a27,#112020);border:1px solid #60736b6f;width:min(790px,95vw);border-radius:9px;box-shadow:0 30px 90px #0008;overflow:hidden}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;padding:29px 32px 22px}.modal-top small{font:10px 'Consolas';color:#d4e99f;letter-spacing:.14em}.modal-top h2{font:700 35px 'Arial Narrow';margin:7px 0;letter-spacing:.02em}.modal-top p{color:#93aaa0;margin:0;line-height:1.6;font-size:11px;max-width:560px}.modal-close{width:34px;height:34px;border:1px solid #60716b;background:transparent;color:#d0e1d5;border-radius:4px}.scenario-cards{padding:0 32px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scenario-card{min-height:129px;padding:15px;text-align:left;color:#e6eadc;background:#21342f;border:1px solid #51695f;border-radius:6px;transition:.2s}.scenario-card:hover,.scenario-card.active{border-color:#d6e4a3;background:#354a3b}.scenario-card .scenario-icon{float:right;color:#e9ce95;font-size:29px}.scenario-card small{display:block;color:#9cb6a2;font:9px 'Consolas';letter-spacing:.06em}.scenario-card strong{display:block;font:700 19px 'Arial Narrow';margin:7px 0}.scenario-card p{margin:0;color:#8da99f;font-size:10px}.modal-footer{border-top:1px solid #45574b;padding:15px 32px;color:#76958a;font-size:10px}.help-content{max-width:720px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;padding:0 32px 29px}.help-cols p{margin:0;color:#92aba2;line-height:1.8;font-size:11px}.help-cols b{color:#e1edc5}.loading{position:absolute;inset:0;background:#0e1b1c;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.loading-symbol{font-size:50px;color:#dbe8a1;animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading .kicker{font:10px 'Consolas';color:#a4bd91;letter-spacing:.25em;margin-top:20px}.loading h1{font:800 46px 'Arial Narrow';letter-spacing:.08em;margin:7px 0 0}.loading h1 span{color:#dce7a1}.loading p:not(.kicker){font-size:12px;color:#7f9b90}.loading-track{width:280px;height:3px;background:#274438;margin-top:15px;overflow:hidden}.loading-track i{display:block;width:50%;height:100%;background:#dae8a0;animation:load 1.3s alternate infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(200%)}}@media(max-width:1250px){.metrics{min-width:0;top:87px;left:315px;transform:none;width:calc(100% - 610px)}.metric{padding:11px 8px}.metric-name{font-size:7px}.metric strong{font-size:22px}.right-panel{width:245px}.top-mid{display:none}.sidebar{width:270px}.camera-hud{left:295px}.probe{left:295px}}@media(max-width:1010px){.metrics{left:284px;right:13px;width:auto}.right-panel{top:auto;bottom:113px;width:235px;max-height:42vh}.right-panel .activity{display:none}.camera-hud{top:175px}.metrics .metric:nth-child(4),.metrics .metric:nth-child(5){display:none}}@media(max-height:740px){.right-panel{top:150px}.camera-hud{top:170px}.side-group{padding-top:12px;padding-bottom:12px}.weather-head{margin-bottom:12px}.control{margin-bottom:10px}.resources{display:none}.bottom{height:86px}.sidebar{bottom:86px}}@media(max-width:830px){.sidebar{width:220px}.side-group{padding:14px}.camera-hud,.probe{left:240px}.metrics{left:233px}.right-panel{width:210px}.topbar{padding:0 14px}.brand{min-width:0}.brand small{display:none}.bottom-note span:last-child{display:none}.play-info{width:115px}.play-info small{display:none}}