@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eaf4f7;background:#081525;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #58ead2;outline-offset:3px}button:not(:disabled){transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}button:not(:disabled):hover{transform:translateY(-2px)}.sim-shell{height:100dvh;min-height:560px;display:grid;grid-template-columns:366px minmax(0,1fr)}.side-panel{position:relative;z-index:20;background:#091727;border-right:1px solid #274052;display:flex;flex-direction:column;min-height:0;box-shadow:18px 0 50px #06121d57}.brand-row{height:78px;min-height:78px;padding:0 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #1c3343}.back-link{width:27px;height:27px;display:grid;place-items:center;border:1px solid #365268;border-radius:7px;color:#a8c2cf;text-decoration:none}.brand-mark{font:800 24px 'Space Grotesk',sans-serif;color:#e8fff8;letter-spacing:-3px}.brand-mark span{color:#35e3bf}.brand-row strong{display:block;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:2px}.brand-row small{display:block;color:#7594a3;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:2px;margin-top:3px}.brand-version{margin-left:auto;color:#7292a1;font-size:10px;border:1px solid #234353;border-radius:4px;padding:4px 6px}.side-scroll{min-height:0;overflow:auto;padding:28px 24px 30px;scrollbar-color:#25475b transparent;scrollbar-width:thin}.intro-block{padding-bottom:24px;border-bottom:1px solid #1d3949}.eyebrow,.section-heading,.progress-caption,.hud-title,.map-header,.map-footer,.flight-controls,.topbar,.flight-status,.scene-note,.coordinates{font-family:'Space Grotesk',sans-serif}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#44e1bd;display:flex;align-items:center;gap:9px}.live-pip,.map-live{width:7px;height:7px;border-radius:50%;background:#38e6be;box-shadow:0 0 0 4px #38e6be24,0 0 12px #38e6be}.intro-block h1{font:700 31px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:16px 0 10px}.intro-block h1 em{font-style:normal;color:#48e2c0}.intro-block p{font-size:12px;line-height:1.65;color:#8ea9b6;margin:0}.panel-card{border:1px solid #28505b;background:linear-gradient(155deg,#143242,#102335 62%,#102232);border-radius:12px;box-shadow:inset 0 1px #ffffff13,0 14px 26px #030e1940}.mission-card{margin-top:22px;padding:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#dceef0;font-weight:700;letter-spacing:1.3px;margin-bottom:16px}.mode-tag,.count-pill{color:#40e0bb;border:1px solid #286c68;background:#113e43;font-size:9px;padding:5px 7px;border-radius:5px;letter-spacing:1px}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action{height:45px;border-radius:7px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.6px}.action span{font-size:19px;vertical-align:-2px;margin-right:3px}.action-primary{border:1px solid #65f7d2;background:#42e3bd;color:#09232b;box-shadow:0 8px 22px #24e5af30}.action-primary:not(:disabled):hover{background:#81ffdf}.action-outline{background:#142e3e;border:1px solid #397071;color:#b6f8e9}.secondary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.secondary-actions button{min-height:31px;background:#122b3a;color:#a9c3ca;border:1px solid #2a4956;border-radius:5px;font:700 9px 'Space Grotesk',sans-serif}.secondary-actions button:not(:disabled):hover{background:#1f4b55;color:#fff}.speed-control{margin:19px 0 9px;display:flex;justify-content:space-between;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:1.1px;color:#9ab7bf}.speed-control strong{color:#e3f7ee;letter-spacing:0}.mission-card input[type=range]{width:100%;accent-color:#39dcb6;margin:0}.mission-progress{height:4px;border-radius:5px;background:#2d5058;margin:18px 0 7px;overflow:hidden}.mission-progress div{height:100%;width:0;background:linear-gradient(90deg,#38e5b5,#74e7ff);transition:width .4s}.progress-caption{display:flex;justify-content:space-between;color:#84a5ac;font-size:9px;font-weight:700;letter-spacing:1px}.progress-caption strong{color:#d8f6ee}.route-section,.places-section{margin-top:25px}.route-list{min-height:63px;max-height:164px;overflow:auto;border-left:1px solid #355767;padding-left:15px}.route-empty,.list-message{font-size:11px;color:#7896a4;line-height:1.6;padding:6px 0}.route-point{display:flex;gap:9px;align-items:center;min-height:29px;font-size:11px;color:#d9eaf0}.route-point b{display:grid;place-items:center;flex:none;width:20px;height:20px;background:#244954;border:1px solid #3bd6ae;border-radius:50%;font:700 10px 'Space Grotesk';color:#7affd8}.route-point.active b{background:#42e5b5;color:#062328}.route-point small{display:block;margin-left:auto;color:#6d9ca4;font-size:9px}.tiny-label{font-size:10px;color:#6892a3}.search-wrap{display:flex;align-items:center;background:#132b3a;border:1px solid #2d4858;border-radius:7px;padding:0 11px;gap:8px}.search-wrap span{font-size:21px;color:#62cbb9}.search-wrap input{height:37px;min-width:0;width:100%;background:none;border:0;outline:none;color:#e9fff9;font-size:11px}.search-wrap input::placeholder{color:#7195a4}.place-list{display:grid;gap:5px;margin-top:10px}.place-item{border:1px solid #203a4b;border-radius:6px;min-height:36px;background:#102535;color:#d6e8eb;display:flex;align-items:center;gap:9px;text-align:left;padding:6px 9px;width:100%}.place-item:hover:not(:disabled),.place-item.selected{background:#19443f;border-color:#3cae91}.place-dot{width:7px;height:7px;border-radius:50%;flex:none}.place-name{font-size:11px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.place-type{font-size:9px;color:#7ca1aa;margin-left:auto;white-space:nowrap}.place-plus{font-size:15px;color:#50e6bd}.side-footer{height:42px;min-height:42px;border-top:1px solid #233c4b;display:flex;gap:7px;align-items:center;padding:0 23px;font:700 10px 'Space Grotesk';letter-spacing:1px}.side-footer>span{color:#40e2b9}.side-footer small{color:#5d8392;font-size:8px;font-weight:500;letter-spacing:0;margin-left:auto;text-align:right}
.flight-stage{position:relative;overflow:hidden;background:linear-gradient(#7194a5,#92a996 55%,#456a5d)}.scene,.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:25%;background:linear-gradient(150deg,#243b50,#628c8a);color:white;text-align:center}.scene-fallback[hidden]{display:none}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07162391,transparent 38%,transparent 70%,#06151c33),linear-gradient(0deg,#071621a8,transparent 42%,#06162269);z-index:1}.topbar{height:67px;position:absolute;left:0;right:0;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dcfff444;background:#081c2e5e;backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:1.2px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.topbar-symbol{font-size:19px;color:#54e5c4}.topbar-left b{color:#50e6c6;border:1px solid #5ce2c35c;border-radius:4px;padding:6px 8px;font-size:9px}.topbar-right{color:#cde2e6}.top-separator{height:17px;border-left:1px solid #91b5b48c}.topbar button{background:#0f2d3bcc;color:#ecfff8;border:1px solid #94bebb83;border-radius:5px;padding:9px 12px;font-size:9px;font-weight:700;letter-spacing:.8px}.topbar button:hover{background:#235059}.topbar button b{color:#67ebc8}.flight-status{position:absolute;z-index:5;top:90px;left:31px;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1.7px;color:#e9fff8;text-shadow:0 1px 5px #122a34}.flight-status span:first-child{width:8px;height:8px;border-radius:50%;background:#76f7cd;box-shadow:0 0 0 5px #8deac540,0 0 20px #4cf1b9;animation:beacon 2s infinite}.compass{position:absolute;z-index:5;top:92px;left:50%;transform:translateX(-50%);text-align:center;color:#f2ffff;text-shadow:0 1px 5px #18343a;font:600 12px 'Space Grotesk';letter-spacing:3px}.compass-strip{min-width:210px;transition:transform .15s}.compass-pointer{display:block;color:#55e9bd;font-size:12px}.center-reticle{position:absolute;z-index:3;top:45%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ecfff9a8;border-radius:50%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 18px #001e2536;pointer-events:none}.center-reticle:before,.center-reticle:after{content:'';position:absolute;left:50%;width:1px;height:11px;background:#ecfff9b8}.center-reticle:before{top:-18px}.center-reticle:after{bottom:-18px}.center-reticle span{width:12px;height:1px;background:#ecfff9}.center-reticle span:first-child{margin-left:-8px}.center-reticle span:last-child{margin-right:-8px}.center-reticle i{width:4px;height:4px;background:#58f5c7;border-radius:50%}.scene-note{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;color:#d2eee6b3;text-align:center;white-space:nowrap}.hud-left{position:absolute;z-index:6;left:26px;bottom:32px;width:240px;background:#071a2bca;border:1px solid #8ac9bf59;border-radius:8px;padding:16px;backdrop-filter:blur(14px);box-shadow:0 12px 35px #05131d6e}.hud-title{color:#91bac0;font-size:9px;letter-spacing:1.3px;font-weight:700;display:flex;justify-content:space-between}.hud-title span{color:#50eac0;font-size:8px}.hud-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px;padding-bottom:15px;border-bottom:1px solid #85baa94d}.hud-main small,.hud-grid small{display:block;color:#8dacb5;font-size:8px;font-weight:700;letter-spacing:1px}.hud-main strong{display:block;color:#f5fff8;font:700 27px 'Space Grotesk';line-height:1.25;margin-top:3px}.hud-main strong span{font-size:11px;margin-left:3px;color:#8fe5ce}.hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px;padding:14px 0}.hud-grid strong{display:block;font:700 12px 'Space Grotesk';margin-top:5px;color:#eafff8}.mini-meter{height:3px;background:#275150;border-radius:3px;margin-top:6px;width:70px}.mini-meter i{display:block;width:100%;height:100%;background:#42e6b8;border-radius:3px}.coordinates{border-top:1px solid #85baa94d;padding-top:12px;color:#75aeb3;font-size:9px;letter-spacing:.5px}.map-panel{position:absolute;z-index:6;right:27px;bottom:31px;width:294px;height:240px;background:#0c2230e8;border:1px solid #8ecaba7c;border-radius:8px;overflow:hidden;box-shadow:0 13px 35px #0716228c;backdrop-filter:blur(10px);transition:width .25s,height .25s}.map-panel.expanded{width:min(52vw,660px);height:min(65vh,490px)}.map-header,.map-footer{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#e5f9f2;font-size:9px;font-weight:700;letter-spacing:1px}.map-header small{font-size:8px;color:#6ce4c1;margin-left:9px}.map-header>div{display:flex;align-items:center}.map-live{display:inline-block;margin-right:8px;width:6px;height:6px}.map-header button{border:0;background:transparent;color:#b6e1d5;font-size:17px;padding:0 4px}.map-footer{height:23px;font-size:7px;color:#69969c;justify-content:center}.map-panel #map{height:calc(100% - 55px);background:#244259}.map-panel .leaflet-container{font-family:'DM Sans',sans-serif}.map-panel .leaflet-control-attribution{font-size:7px!important;background:#0b2434c7!important;color:#d1e4e3!important}.map-panel .leaflet-control-attribution a{color:#bceede!important}.flight-controls{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:60px;background:#071c2bb3;border:1px solid #86bca663;border-radius:8px;display:flex;align-items:center;gap:14px;padding:10px 14px;backdrop-filter:blur(8px)}.key-hint{display:flex;align-items:center;gap:3px}.key-hint span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid #a8d4ca80;border-bottom-width:2px;border-radius:3px;color:#f2fff8;font-size:9px}.key-hint small{font-size:7px;color:#91b6bb;margin-left:3px;white-space:nowrap;letter-spacing:.3px}.controls-rule{height:17px;border-left:1px solid #85b9a680}.controls-caption{font-size:8px;color:#bde1d5;letter-spacing:.5px;white-space:nowrap}.toast{position:absolute;z-index:30;top:134px;left:50%;transform:translate(-50%,-12px);background:#0c2b36ea;border:1px solid #65dbb6;color:#eafff9;border-radius:6px;padding:11px 16px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 12px 25px #06162270}.toast.show{opacity:1;transform:translate(-50%,0)}.touch-controls{display:none}.drone-map-icon{background:none;border:0}.drone-map-icon div{width:15px;height:15px;background:#47efd0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #43e4c04d,0 0 14px #1bb593}.route-map-icon{background:#11362c;border:1px solid #fff;color:#fff;border-radius:50%;text-align:center;font:700 12px/26px 'Space Grotesk';box-shadow:0 0 10px #0f281d}.map-place-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 7px #001}.leaflet-popup-content-wrapper{background:#102e3b;color:#ecfff8;border:1px solid #4caa91;border-radius:7px}.leaflet-popup-tip{background:#102e3b}.leaflet-popup-content{margin:9px 12px;font-size:11px}.leaflet-popup-content strong{display:block;font-size:12px}.leaflet-popup-content small{color:#8fdabf}.leaflet-container a.leaflet-popup-close-button{color:#fff}
@keyframes beacon{50%{box-shadow:0 0 0 9px #8deac517,0 0 12px #4cf1b9}}@media(max-width:1150px){.sim-shell{grid-template-columns:320px minmax(0,1fr)}.side-scroll{padding-left:18px;padding-right:18px}.flight-controls{bottom:18px}.controls-caption{display:none}.hud-left{bottom:96px}.map-panel{bottom:96px}}@media(max-width:850px){body{overflow:auto}.sim-shell{height:auto;min-height:100dvh;display:flex;flex-direction:column}.side-panel{order:2;height:auto;overflow:visible}.side-scroll{overflow:visible}.side-footer{display:none}.flight-stage{order:1;height:68dvh;min-height:510px}.hud-left{left:14px;bottom:70px;width:206px;padding:12px}.hud-main strong{font-size:23px}.map-panel{right:13px;bottom:70px;width:225px;height:190px}.map-panel.expanded{width:min(78vw,560px);height:min(55vh,420px)}.topbar{padding:0 15px}.topbar-left b{display:none}.flight-controls{display:none}.scene-note{bottom:10px;font-size:7px}.touch-controls{position:absolute;z-index:6;bottom:11px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}.touch-pad{display:flex;flex-direction:column;align-items:center;gap:3px}.touch-pad>div{display:flex;gap:3px}.touch-pad button{pointer-events:auto;width:35px;height:31px;background:#0b2b38bd;border:1px solid #a9d7ca7c;border-radius:5px;color:#fff;font-size:18px;touch-action:none}.touch-pad button:active{background:#33bc9e}.touch-alt{align-items:end}.touch-alt>div{gap:4px}}@media(max-width:570px){.flight-stage{height:72dvh;min-height:560px}.topbar{height:56px}.topbar-left{gap:8px;font-size:9px}.topbar-right{gap:7px;font-size:9px}.topbar button{padding:7px;font-size:8px}.top-separator,.topbar-right>span:first-child{display:none}.flight-status{top:70px;left:17px;font-size:9px}.compass{top:100px;font-size:10px}.center-reticle{top:43%}.hud-left{bottom:115px;left:9px;width:176px;padding:9px}.hud-title{font-size:7px}.hud-main{margin-top:10px;gap:3px;padding-bottom:7px}.hud-main strong{font-size:20px}.hud-main small,.hud-grid small{font-size:6px}.hud-grid{gap:8px;padding:8px 0}.hud-grid strong{font-size:10px}.coordinates{font-size:7px;padding-top:6px}.map-panel{bottom:115px;right:8px;width:145px;height:164px}.map-panel.expanded{width:calc(100vw - 16px);height:42vh}.map-header{font-size:7px;padding:0 5px}.map-header small{display:none}.map-footer{font-size:6px}.scene-note{bottom:91px;max-width:80vw;white-space:normal}.touch-controls{bottom:8px}.intro-block h1{font-size:27px}}
@media(max-width:850px){html,body{height:100%;overflow:hidden}.sim-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:65% 35%}.flight-stage{order:1;height:100%;min-height:0}.side-panel{order:2;height:100%;min-height:0;overflow:hidden}.side-scroll{overflow:auto}.scene-note{display:none}}
@media(max-width:570px){.flight-stage{height:100%;min-height:0}.map-panel{bottom:91px}.hud-left{bottom:91px}.touch-controls{bottom:5px}}