:root{color-scheme:dark;--edge:#9fb7ce;--panel:#080d13ee;--text:#f2f7fb;--red:#ff5264;--green:#3dd487}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#020508;color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit;color:inherit}.unit-shell{height:100dvh;display:grid;grid-template-rows:94px 1fr 98px;border:10px solid #222c34;background:#050a0f}.unit-top,.unit-bottom{display:grid;gap:8px;padding:7px;background:linear-gradient(#16222d,#080d13);border-color:#6e8295}.unit-top{grid-template-columns:230px 1fr 230px;border-bottom:2px solid #718497}.unit-bottom{grid-template-columns:275px 1fr 270px;border-top:2px solid #718497}.bezel-btn,.mission-strip,.place,.telemetry{border:2px solid #71869a;border-radius:8px;background:linear-gradient(#243545,#111c27);box-shadow:inset 0 0 0 2px #070c12}.bezel-btn{font-size:1.35rem;font-weight:700;cursor:pointer}.mission-strip{font-size:1.55rem;font-weight:700;background:#070b10;border-style:dashed;cursor:pointer}.mission-strip.active{background:#711824;border-color:#ff7d8b;border-style:solid}.place,.telemetry{display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:800}.telemetry{flex-direction:column;font-size:1.3rem}.telemetry span{font-size:.76rem;color:#87e7b1;margin-top:5px}.telemetry i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#30df77}.map-wrap{position:relative;min-height:0}.map-wrap #map{height:100%;background:#0b2437}.exercise-tag{position:absolute;z-index:500;left:15px;top:15px;background:#08111ce8;border:2px solid #8ba0b3;border-radius:7px;padding:9px 13px;font-size:.76rem;font-weight:900;letter-spacing:.12em}.map-tools{position:absolute;z-index:500;right:18px;top:18px;display:grid;grid-template-columns:66px 66px;gap:12px}.map-tools button{width:66px;height:66px;border:4px solid #121b22;border-radius:50%;background:linear-gradient(#eef4f7,#9db1c1);color:#121920;font-size:2rem;font-weight:900;box-shadow:0 4px 9px #0009;cursor:pointer}.map-tools #perspectiveBtn{font-size:.9rem}.leaflet-control-zoom{display:none}.vehicle-icon,.mission-icon{display:grid;place-items:center}.vehicle-arrow{width:34px;height:42px;background:#fff;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 2px 2px #000);border:2px solid #223}.pin{width:42px;height:42px;border-radius:50% 50% 50% 0;background:#ed344b;border:4px solid #fff;transform:rotate(-45deg);box-shadow:0 0 0 7px #ed344b55}.screen-overlay{display:none;position:fixed;z-index:2000;inset:0;align-items:center;justify-content:center;padding:22px;background:#0009;backdrop-filter:blur(2px)}.screen-overlay.show{display:flex}.dialog{width:min(780px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(150deg,#111c26f8,#05090df8);border:3px solid var(--edge);border-radius:25px;box-shadow:0 30px 100px #000}.dialog.wide{width:min(1020px,95vw)}.dialog-title{display:flex;align-items:center;padding:18px 24px;border-bottom:2px solid #8399ad;font-size:1.8rem;font-weight:800;text-align:center}.dialog-title span{flex:1}.round-close{width:56px;height:56px;border-radius:50%;border:3px solid #aabed0;background:#394c5d;font-size:2rem;line-height:1;cursor:pointer}.dialog-body{padding:25px}.dialog-body h1{font-size:2.25rem;margin:18px 0 10px}.dialog-body>p{font-size:1.1rem;color:#bdcbd7;line-height:1.5}.kicker{font-size:.78rem!important;font-weight:900;letter-spacing:.14em;color:#8fa8bd!important}.login label{display:grid;gap:8px;font-weight:700;margin:22px 0}.login input{height:72px;border:2px solid #9bb0c3;border-radius:9px;background:#0b141d;padding:0 18px;font-size:1.5rem;text-transform:uppercase}.large{min-height:78px;border:2px solid #9db2c5;border-radius:10px;background:linear-gradient(#34495d,#182635);font-size:1.3rem;font-weight:800;cursor:pointer}.large:hover{filter:brightness(1.15)}.large.primary{background:linear-gradient(#138454,#07502f);border-color:#71e9aa}.large.danger{background:linear-gradient(#8b2532,#54121c);border-color:#ff8290}.login .large{width:100%}.priority{display:inline-flex;padding:8px 14px;background:#9a1828;border:2px solid #ff7888;border-radius:6px;font-weight:900;letter-spacing:.08em}.two-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:24px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details-grid article{border:1px solid #5d7284;background:#101b25;border-radius:10px;padding:18px}.details-grid h2{margin:0 0 12px;color:#86d0ff;font-size:1rem;text-transform:uppercase;letter-spacing:.09em}.details-grid dl{margin:0}.details-grid dt{float:left;clear:left;width:100px;color:#98aebe;padding:9px 0}.details-grid dd{margin-left:110px;padding:9px 0;border-bottom:1px solid #344756;font-weight:700;min-height:38px}.status-grid,.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide-btn{grid-column:1/-1}.system-list{display:grid;gap:2px}.system-list div{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;padding:18px;border-bottom:1px solid #506476;font-size:1.1rem}.system-list b{color:#65df9c;font-size:2rem}.system-list strong{color:#b9c8d4}.toast{position:fixed;z-index:3000;left:50%;bottom:110px;transform:translate(-50%,20px);opacity:0;background:#f4f7fa;color:#07111a;padding:15px 22px;border-radius:8px;font-weight:900;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.night #map{filter:brightness(.58) saturate(.75) hue-rotate(8deg)}@media(max-width:760px){.unit-shell{border-width:4px;grid-template-rows:72px 1fr 76px}.unit-top{grid-template-columns:105px 1fr 108px;padding:5px}.unit-bottom{grid-template-columns:120px 1fr 125px;padding:5px}.bezel-btn,.mission-strip,.place{font-size:.9rem}.telemetry{font-size:1rem}.telemetry span{font-size:.55rem}.map-tools{right:8px;top:54px;grid-template-columns:52px 52px;gap:8px}.map-tools button{width:52px;height:52px;font-size:1.45rem}.dialog-body{padding:18px}.dialog-body h1{font-size:1.7rem}.two-actions,.details-grid{grid-template-columns:1fr}.large{min-height:66px}.details-grid dt{width:85px}.details-grid dd{margin-left:92px}.exercise-tag{font-size:.62rem}.system-list div{grid-template-columns:45px 1fr}.system-list strong{grid-column:2}.status-grid,.menu-grid{grid-template-columns:1fr 1fr}}
