:root{--ink:#e8f5f2;--muted:#94a9aa;--muted2:#698187;--accent:#e96543;--cold:#61c6c3;--back:#0a1217;--line:rgba(157,192,186,.19);--panel:rgba(10,22,27,.92)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#071117;color:var(--ink);font-family:Inter,ui-sans-serif,'Segoe UI',Arial,sans-serif;font-size:13px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #fcbf66;outline-offset:2px}#viewport{position:absolute;inset:0;z-index:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#grain{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 52% 50%,transparent 32%,rgba(3,12,17,.47) 100%);opacity:.72}#reticle{position:absolute;left:50%;top:50%;font-size:19px;transform:translate(-50%,-50%);color:#a7e9e5;opacity:.4;z-index:1;pointer-events:none}.panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(14px)}.topbar{position:absolute;top:16px;left:17px;right:17px;height:76px;display:flex;align-items:center;padding:0 21px;z-index:3;gap:21px;border-radius:7px;box-shadow:0 15px 60px #0004}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand strong{display:block;font-size:20px;letter-spacing:2px;font-weight:850}.brand strong span{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:1.65px;margin-top:4px;color:var(--muted);font-weight:700}.header-divider{height:36px;border-left:1px solid var(--line)}.mission-title{display:flex;flex-direction:column;gap:4px}.mission-title strong{font-size:14px;letter-spacing:2px}.eyebrow,.micro{font-size:9px;color:var(--muted);letter-spacing:1.5px}.micro{opacity:.55}.header-spacer{flex:1}.status-badge{display:flex;align-items:center;gap:9px;color:#abe7be;border:1px solid #357b6469;border-radius:5px;background:#215b4636;padding:10px 14px;white-space:nowrap;font-size:10px;font-weight:750;letter-spacing:1.5px}.status-badge i{width:6px;height:6px;background:#78d4a9;border-radius:50%;box-shadow:0 0 10px #6aff9c}.icon-button{height:34px;width:37px;background:#25373e80;border:1px solid var(--line);color:#cee2df;font-size:20px;border-radius:4px}.icon-button:hover,.secondary:hover{border-color:#79bbb7}.left-sidebar,.right-sidebar{position:absolute;top:103px;bottom:118px;z-index:2;width:290px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b5458 transparent;border-radius:6px}.left-sidebar{left:17px}.right-sidebar{right:17px;width:302px}.side-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 16px;border-bottom:1px solid var(--line)}.label-numeral{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#bad6d3}.live-dot{color:#ec9f76;font-size:9px;letter-spacing:1px}#frame-rate{font-size:10px;color:#7fcbb8;letter-spacing:1px}.module{padding:16px 18px 18px;border-bottom:1px solid var(--line)}.module:last-child{border-bottom:0}.heading-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.heading-line h2{font-size:10px;letter-spacing:1.65px;margin:0;font-weight:850;color:#cddedb}.tag{border:1px solid #6a7e8394;color:#93b0b4;padding:4px 6px;border-radius:2px;font-size:8px;font-weight:800;letter-spacing:1px}.tag.alert{color:#ebac78;border-color:#b3694480}.tag.green{color:#87dbb1;border-color:#3d866080}.tag.dim{opacity:.7}select{width:100%;background:#1a3038;border:1px solid #42616a;color:#e8f5f2;padding:11px 9px;border-radius:3px;font-size:12px;outline:none}.muted{color:var(--muted);font-size:11px;line-height:1.7}.module p.muted{margin:10px 0 14px}.tiny-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:11px}.tiny-row b{font-size:11px;letter-spacing:1px}.slider-label{display:flex;justify-content:space-between;font-size:10px;font-weight:750;letter-spacing:.9px;margin-top:18px;color:#c3d6d3}.slider-label strong{font-size:11px;color:#f1d5b7}input[type=range]{width:100%;accent-color:#db784d;height:4px;margin:13px 0 4px;cursor:pointer}.weather-mini{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;gap:5px}.weather-mini span{border:1px solid var(--line);border-radius:3px;padding:12px}.weather-mini small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.weather-mini b{font-size:17px;display:block;margin-top:5px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{height:65px;text-align:left;position:relative;background:#182930;border:1px solid #385056;color:#c5d6d5;border-radius:4px;padding:11px 9px}.tool:hover{background:#23404a}.tool.active{background:#4a3229;border-color:#f27d50;box-shadow:inset 0 0 0 1px #a75e40}.tool span{display:block;font-size:19px;line-height:19px;color:#e8a279}.tool b{display:block;font-size:9px;letter-spacing:.5px;margin-top:4px}.tool small{position:absolute;right:9px;top:9px;font-size:9px;color:#73898b}.mini-label{display:block;color:var(--muted);letter-spacing:1px;font-weight:700;font-size:9px;margin:17px 0 7px}.button-row{display:flex;gap:7px;margin-top:9px}.secondary{flex:1;background:#244048;border:1px solid #45636a;color:#cfebe8;padding:10px 4px;border-radius:3px;font-size:9px;letter-spacing:1px;font-weight:800}.footer-left{font-size:9px;letter-spacing:.5px;color:#94b4ae;padding:15px 18px;margin-top:auto;display:flex;align-items:center;gap:8px}.footer-left span{margin-left:auto;color:#87ddb9}.status-blip{width:6px;height:6px;border-radius:50%;background:#60d2a0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.stat{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:nth-child(n+3){border-bottom:0}.stat>span{display:block;font-size:9px;color:#9cb6b5;letter-spacing:1px;font-weight:800}.stat div{display:flex;align-items:baseline;gap:5px;margin-top:7px}.stat strong{font-size:27px;line-height:1;font-weight:760;font-variant-numeric:tabular-nums}.stat:nth-child(2) strong{color:#e7a078}.stat em{font-style:normal;font-size:9px;color:#e4ab89;font-weight:800}.stat small{display:block;color:#778e91;font-size:9px;margin-top:7px}.tactical-map{padding-bottom:13px}#minimap{display:block;width:100%;max-height:255px;aspect-ratio:1;object-fit:contain;background:#0e2025;border:1px solid #486267;cursor:crosshair}.map-legend{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.map-legend span{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.5px;color:#9cb9b6}.map-legend i{width:8px;height:8px;display:inline-block}.timeline-chart{padding-top:14px}#chart{width:100%;height:80px;display:block}.warn{color:#f49c70}.events{min-height:120px}.event-list{max-height:118px;overflow-y:auto;scrollbar-width:thin}.event{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:9px 0;border-bottom:1px dashed #4460695c}.event:last-child{border-bottom:0}.event .t{font-size:10px;color:#dd875f}.event strong{display:block;font-size:10px;letter-spacing:.4px}.event small{display:block;color:#779295;margin-top:5px;font-size:9px}.transport{position:absolute;bottom:16px;left:17px;right:17px;z-index:3;height:88px;display:flex;gap:20px;align-items:center;padding:12px 20px;border-radius:6px;box-shadow:0 -10px 60px #0005}.transport-left,.transport-right{display:flex;align-items:center;gap:7px}.play{border:0;background:#e56942;color:#182129;height:43px;width:45px;font-size:22px;font-weight:800;border-radius:4px}.play:hover{background:#fc885b}.skip{border:1px solid #385963;color:#b8d6d6;background:#1b3138;border-radius:4px;height:36px;width:34px;font-size:15px}.transport-center{flex:1;min-width:100px;max-width:900px}.timeline-head,.timeline-footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.timeline-head{font-size:10px;letter-spacing:1px;color:#9fb9b7}.timeline-head strong{font-size:11px;color:#f5ded1}.timeline-footer{font-size:9px;letter-spacing:.6px;color:#6f868a}.red-dot{color:#ed6e4b}#timeline{display:block;margin:13px 0 9px;accent-color:#e86f4b}.speed-label{font-size:9px;letter-spacing:1px;color:#80989b;margin-right:3px}.speed-buttons{display:flex;background:#1b2e35;border:1px solid #3c555b;border-radius:4px;padding:3px}.speed{font-size:11px;font-weight:800;color:#9bb5b4;border:0;background:transparent;padding:8px;border-radius:3px}.speed.active{background:#4f6a6e;color:white}.map-coordinates{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:3px;z-index:1;display:flex;align-items:center;gap:12px;white-space:nowrap}.map-coordinates span,.map-coordinates small{font-size:9px;color:#92afb0;letter-spacing:1px}.map-coordinates strong{font-size:10px;letter-spacing:1px}.viewport-hint{position:absolute;bottom:137px;left:322px;color:#f0f7eea3;text-shadow:0 1px 5px #000;letter-spacing:1px;font-size:9px;pointer-events:none;z-index:1}#toast{position:absolute;z-index:10;bottom:120px;left:50%;transform:translateX(-50%);pointer-events:none;background:#253940e8;border:1px solid #65817e;color:#fff;padding:12px 18px;border-radius:4px;opacity:0;transition:opacity .25s;letter-spacing:.7px;font-size:11px}#toast.show{opacity:1}#loading{position:absolute;z-index:50;inset:0;background:radial-gradient(ellipse at 50% 40%,#213940 0%,#09161b 55%,#050d12 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s,visibility .8s}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.load-mark{font-size:74px;color:#e97948;margin-bottom:13px;text-shadow:0 0 50px #d8513560}#loading h1{font-size:28px;letter-spacing:4px;margin:0}#loading h1 span{color:#e1835d}#loading p{font-size:10px;letter-spacing:2px;color:#bdd0ce;margin:20px 0}.load-bar{width:250px;height:4px;background:#344d55}.load-bar>div{width:100%;height:100%;background:#e77852;animation:load 2s ease-in-out infinite;transform-origin:left}@keyframes load{0%{transform:scaleX(.05)}65%{transform:scaleX(.85)}100%{transform:scaleX(1)}}#loading small{font-size:9px;letter-spacing:1.7px;color:#79969c;margin-top:14px}
@media(max-width:1220px){.left-sidebar{width:260px}.right-sidebar{width:270px}.brand{min-width:193px}.header-divider,.mission-title .micro{display:none}.viewport-hint{display:none}}@media(max-width:900px){.topbar{top:7px;left:7px;right:7px;height:60px;padding:0 11px;gap:10px}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:7px}.mission-title,.status-badge{display:none}.left-sidebar{top:74px;left:7px;width:235px;bottom:110px}.right-sidebar{top:74px;right:7px;width:220px;bottom:110px}.module{padding:12px}.stat{padding:10px}.stat strong{font-size:20px}.transport{left:7px;right:7px;bottom:7px;height:95px;padding:8px;gap:7px}.transport-right .speed-label,.transport-right #toggle-smoke{display:none}.map-coordinates{display:none}.speed{padding:6px}}@media(max-width:640px){.right-sidebar{display:none}.left-sidebar{width:222px;max-height:calc(100vh - 210px);bottom:auto}.left-sidebar .module{padding:9px 13px}.left-sidebar .module:nth-child(2){display:none}.side-head{padding:12px}.tool{height:49px;padding:5px}.tool span{font-size:14px}.tool b{font-size:8px}.topbar .icon-button{display:none}.transport-center .timeline-footer{display:none}.transport-center{min-width:0}.transport-right .speed-buttons{display:none}.transport{height:70px}.transport-left{gap:3px}.play{height:37px;width:37px}.skip{width:28px;height:34px}}