:root{--ink:#e8f4f1;--muted:#91aaa9;--panel:#051318c7;--panel-strong:#05141af0;--line:#97dad32e;--aqua:#5fe5dc;--aqua-soft:#5fe5dc29;--orange:#ffb36b;--danger:#ff847c;--page-bg:#061317;--shell-bg:#07191f;--drawer-bg:#07191f;--canvas-column-bg:#061419;--surface:#ffffff09;--surface-soft:#ffffff06;--surface-hover:#ffffff13;--accent-ink:#042124;--accent-hover:#79eee6;--soft-ink:#b9cdcb;--backdrop:#01080aa6;--glass-shadow:#00080b3d;--scene-vignette:linear-gradient(180deg, #030c0f57, transparent 22%, transparent 63%, #030b0e8f), radial-gradient(circle at center, transparent 55%, #02090b4d);--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink:#17363b;--muted:#60797c;--panel:#f8fcfbe0;--panel-strong:#fdfffef7;--line:#1b53582e;--aqua:#087d78;--aqua-soft:#087d781f;--orange:#a65b1c;--danger:#b63f39;--page-bg:#edf4f3;--shell-bg:#dcebea;--drawer-bg:#f7fbfa;--canvas-column-bg:#e8f1f0;--surface:#114b5011;--surface-soft:#114b500b;--surface-hover:#114b501a;--accent-ink:#fff;--accent-hover:#076b67;--soft-ink:#405f62;--backdrop:#122b2e61;--glass-shadow:#1b41452b;--scene-vignette:linear-gradient(180deg, #f4faf93d, transparent 22%, transparent 68%, #10303533);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--page-bg);min-height:100%;color:var(--ink);overscroll-behavior:none;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.simulator-shell{background:var(--shell-bg);width:100vw;height:100dvh;position:relative;overflow:hidden}.simulation-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.virtual-camera-source{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:-10px;left:-10px}.scene-vignette{pointer-events:none;background:var(--scene-vignette);position:absolute;inset:0}.orientation-notice{display:none}.orientation-notice-card{text-align:center;border-radius:14px;width:min(330px,100vw - 36px);padding:25px 24px 23px}.orientation-notice-card h1{margin:8px 0 7px;font-size:22px}.orientation-notice-card p{color:var(--soft-ink);margin:0;font-size:11px;line-height:1.55}.orientation-phone{border:3px solid var(--aqua);width:62px;height:38px;box-shadow:0 0 22px var(--aqua-soft);border-radius:9px;margin:0 auto 19px;animation:1.8s ease-in-out infinite turn-phone;position:relative;transform:rotate(-12deg)}.orientation-phone:before{content:"";background:var(--aqua);border-radius:2px;width:3px;height:8px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.orientation-phone:after{content:"↻";color:var(--orange);font:700 27px/1 system-ui,sans-serif;position:absolute;bottom:-24px;right:-30px;transform:rotate(12deg)}.orientation-phone i{background:linear-gradient(135deg, var(--aqua-soft), transparent 64%);border-radius:4px;position:absolute;inset:5px}.glass-panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 13px 34px var(--glass-shadow);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.topbar{z-index:4;border-radius:var(--radius);align-items:center;gap:21px;min-height:53px;padding:7px 9px 7px 11px;display:flex;position:absolute;top:11px;left:11px;right:11px}.brand-block{align-items:center;gap:9px;min-width:174px;display:flex}.brand-mark{width:31px;height:31px;color:var(--accent-ink);background:var(--aqua);border-radius:8px 8px 8px 2px;place-items:center;font-size:16px;font-weight:900;display:grid;box-shadow:0 0 19px #5fe5dc3b}.brand-block strong{letter-spacing:.18em;font-size:12px;display:block}.brand-block span{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:11px;display:block}.mission-switcher{flex-direction:column;gap:2px;min-width:184px;display:flex}.mission-switcher>span,.time-block span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.mission-switcher select,fieldset select{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;padding:2px 20px 2px 0;font-weight:650}.mission-switcher{position:relative}.mission-switcher:after{content:"⌄";color:var(--aqua);pointer-events:none;position:absolute;bottom:2px;right:4px}.topbar-meta{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-menu{z-index:12;position:relative}.topbar-menu summary{border:1px solid var(--line);min-width:56px;min-height:30px;color:var(--aqua);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:6px;place-items:center;padding-inline:12px;font-size:11px;font-weight:800;list-style:none;display:grid}.topbar-menu summary::-webkit-details-marker{display:none}.topbar-menu[open] summary{color:var(--accent-ink);background:var(--aqua)}.topbar-menu-popover{border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;width:250px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.topbar-menu-popover .primary-button{grid-column:1/-1}.topbar-menu-popover .ghost-button{min-height:34px;padding-inline:7px;font-size:11px}.topbar-menu-popover .menu-mobile-item{display:none}.time-block{min-width:69px}.time-block strong{letter-spacing:.06em;margin-top:2px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.status-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-badge i{background:#7a8c8c;border-radius:50%;width:6px;height:6px}.status-badge.connected i{background:var(--aqua);box-shadow:0 0 8px var(--aqua)}.status-badge.connecting i{background:var(--orange);animation:1s infinite pulse}.status-badge.offline i{background:var(--danger)}.ghost-button,.primary-button,.close-button{cursor:pointer;border:0;transition:transform .16s,background .16s,border-color .16s}.ghost-button,.primary-button{border-radius:6px;min-height:30px;padding:0 12px;font-size:11px;font-weight:700}.ghost-button{background:var(--surface);border:1px solid var(--line)}.ghost-button:hover{background:var(--surface-hover)}.ghost-button:disabled{opacity:.48;cursor:wait}.primary-button{color:var(--accent-ink);background:var(--aqua);box-shadow:0 4px 14px #5fe5dc26}.primary-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait}.theme-toggle{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.theme-toggle i{width:13px;color:var(--aqua);text-align:center;font:13px/1 sans-serif}.lang-switch{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:stretch;min-height:30px;display:inline-flex;overflow:hidden}.lang-switch button{min-width:30px;color:inherit;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:0 8px;font-size:11px;font-weight:700;transition:background .16s,color .16s}.lang-switch button:hover{background:var(--surface-hover)}.lang-switch button.selected{color:var(--accent-ink);background:var(--aqua);cursor:default}.topbar-menu-popover .lang-switch{min-height:34px}.topbar-menu-popover .lang-switch button{flex:1}.danger-button{color:#ffd1ce;cursor:pointer;background:#ff847c29;border:1px solid #ff847c75;border-radius:6px;min-height:28px;padding:0 10px;font-size:11px;font-weight:800}.danger-button:hover{background:#ff847c40}.danger-button:disabled{opacity:.5;cursor:wait}.stream-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.stream-button>i{background:var(--orange);border-radius:50%;width:5px;height:5px}.stream-button>i.stream-live{background:var(--aqua);box-shadow:0 0 7px var(--aqua)}.mavlink-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mavlink-button>i{background:#718182;border-radius:1px;width:5px;height:5px;transform:rotate(45deg)}.mavlink-button>i.mavlink-live{background:var(--aqua);box-shadow:0 0 7px var(--aqua)}.conditions-strip{z-index:3;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:6px 11px;font-size:11px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.conditions-strip span:not(.eyebrow){color:var(--soft-ink);border-left:1px solid var(--line);padding-left:8px}.conditions-strip strong{color:var(--aqua);font-size:11px}.eyebrow{color:var(--aqua);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.wind-indicator{color:var(--soft-ink);align-items:center;gap:5px;display:inline-flex}.wind-indicator>svg{width:13px;height:13px;color:var(--aqua);flex:none;transition:transform .3s}.conditions-strip .wind-indicator{border-left:1px solid var(--line);padding-left:8px}.conditions-strip .wind-indicator span{border-left:0;padding-left:0}.telemetry{z-index:3;border-radius:var(--radius);width:260px;padding:13px;position:absolute;top:76px;left:11px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel-heading h1{text-overflow:ellipsis;white-space:nowrap;max-width:164px;margin:4px 0 0;font-size:12px;overflow:hidden}.live-dot{color:var(--aqua);background:var(--aqua-soft);letter-spacing:.12em;border-radius:3px;margin-top:2px;padding:3px 5px;font:800 11px ui-monospace,monospace}.live-dot.condition-breached{color:var(--orange);background:#ffb36b26}.live-dot.condition-planing{color:#bffbf4;background:#5fe5dc38}.live-dot.condition-intake{color:#ffe0c4;background:#ffb36b38}.live-dot.condition-sinking,.live-dot.condition-sunk{color:#ffd1ce;background:#ff847c29}.speed-gauge{border-bottom:1px solid var(--line);padding:14px 0 11px}.speed-gauge>span{color:var(--muted);font-size:11px;display:block}.speed-gauge strong{letter-spacing:0;margin-top:2px;font:300 38px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.speed-gauge em{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal}.gauge-track{background:var(--surface-hover);border-radius:2px;height:2px;margin-top:9px;overflow:hidden}.gauge-track i{background:var(--aqua);height:100%;box-shadow:0 0 8px var(--aqua);transition:width .2s;display:block}.metric-grid{grid-template-columns:1fr 1fr;display:grid}.metric{border-bottom:1px solid var(--line);min-height:42px;padding:6px 6px 5px 0}.metric:nth-child(odd){border-right:1px solid var(--line)}.metric:nth-child(2n){padding-left:10px}.metric span,.metric em{color:var(--muted);font-size:11px;font-style:normal;display:block}.metric em{font-size:7.3px}.metric strong{margin:3px 0 1px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.engine-dump-row{gap:5px;padding-top:8px;display:grid}.engine-dump-button{color:#ffe0c4;cursor:pointer;background:#ffb36b1c;border:1px solid #ffb36b5c;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:28px;font-size:11px;font-weight:850;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.engine-dump-button:hover{background:#ffb36b2e;border-color:#ffb36b85}.engine-dump-button:disabled{opacity:.48;cursor:wait}.engine-dump-button>i{border:1px solid;border-radius:2px;width:10px;height:10px;box-shadow:inset 0 -2px #ffffff29}.engine-dump-error{color:var(--danger);margin:0;font-size:11px;line-height:1.35}.position-row{grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.position-row span{color:var(--aqua);font:800 11px ui-monospace,monospace;display:block}.position-row strong{font:500 11px ui-monospace,monospace}.control-card{z-index:3;border-radius:var(--radius);width:260px;padding:11px 12px;position:absolute;bottom:11px;left:11px}.control-title{justify-content:space-between;align-items:flex-end;display:flex;position:relative}.control-title strong{margin-top:2px;font-size:11px;display:block}.control-title>span{color:var(--muted);font:700 11px ui-monospace,monospace}.control-layout{grid-template-columns:74px 1fr;gap:11px;margin:8px 0 6px;display:grid}.key-cluster{grid-template-columns:repeat(3,22px);grid-template-areas:".w.""a s d";justify-content:center;gap:4px;display:grid}.key-cluster kbd{margin:0}.key-cluster .key-w{grid-area:w}.key-cluster .key-a{grid-area:a}.key-cluster .key-s{grid-area:s}.key-cluster .key-d{grid-area:d}kbd{border:1px solid var(--line);width:22px;height:20px;color:var(--aqua);background:var(--surface);border-bottom-width:2px;border-radius:4px;place-items:center;margin:2px;font:700 11px ui-monospace,monospace;display:inline-grid}.control-copy p{justify-content:space-between;gap:6px;margin:0 0 3px;font-size:11px;display:flex}.control-copy b{color:var(--aqua);font-family:ui-monospace,monospace}.control-copy span{color:var(--muted)}.input-bars{gap:4px;display:grid}.input-bar{grid-template-columns:29px 1fr 26px;align-items:center;gap:6px;font-size:11px;display:grid}.input-bar>span{color:var(--muted)}.input-bar>div{background:linear-gradient(90deg,#ffb36b40 0 49%,#ffffff26 49% 51%,#5fe5dc40 51%);height:2px;position:relative}.input-bar i{background:var(--aqua);height:100%;position:absolute}.input-bar strong{text-align:right;font:600 11px ui-monospace,monospace}.pump-control{width:100%;min-height:27px;color:var(--aqua);cursor:pointer;background:#5fe5dc1a;border:1px solid #5fe5dc57;border-radius:6px;margin-top:6px;font-size:11px;font-weight:800;transition:background .16s,color .16s,border-color .16s}.pump-control:hover{background:#5fe5dc2b}.pump-control.active{color:var(--accent-ink);background:var(--aqua);border-color:var(--aqua)}.pump-control:disabled{opacity:.45;cursor:wait}.deck-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.deck-controls .pump-control{margin-top:6px}.anchor-control{background:0 0;border-color:#5fe5dc3d}.anchor-control:disabled{cursor:not-allowed}.telemetry-pump,.mobile-more-button,.touch-control-card,.mobile-data-backdrop{display:none}.control-mode-toggle{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:color .16s,border-color .16s;display:inline-flex;position:absolute;top:0;right:0}.control-mode-toggle:hover{color:var(--aqua);border-color:#5fe5dc57}.force-touch .control-card{display:none}.force-touch .touch-control-card{display:block;bottom:11px;left:11px}.touch-control-card{z-index:5;border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;width:230px;padding:10px 11px;position:absolute}.touch-slider{min-height:28px;color:var(--muted);grid-template-columns:66px 1fr;align-items:center;gap:7px;font-size:11px;font-weight:750;display:grid}.touch-slider input{width:100%;accent-color:var(--aqua);touch-action:pan-x;margin:0}.touch-actions{grid-template-columns:34px repeat(3,1fr);gap:5px;margin-top:5px;display:grid}.touch-actions button:last-child{grid-column:1/-1}.touch-actions button{border:1px solid var(--line);min-height:29px;color:var(--aqua);background:var(--surface);touch-action:manipulation;border-radius:5px;padding:0 5px;font-size:11px;font-weight:800}.touch-actions button:active,.touch-actions button.active{color:var(--accent-ink);background:var(--aqua)}.touch-actions button:disabled{opacity:.45}.mobile-data-backdrop{z-index:18;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;position:fixed;inset:0}.mobile-data-popover{border-radius:10px;width:min(360px,100%);max-height:86dvh;padding:14px;overflow-y:auto}.mobile-data-popover h2{margin:3px 0 9px;font-size:16px}.compass-wrap{z-index:3;border-radius:var(--radius);text-align:center;width:min(344px,29vw);height:50px;position:absolute;bottom:11px;left:50%;overflow:hidden;transform:translate(-50%)}.compass-wrap:before,.compass-wrap:after{content:"";z-index:2;pointer-events:none;width:48px;position:absolute;top:0;bottom:0}.compass-wrap:before{background:linear-gradient(90deg, var(--panel-strong), transparent);left:0}.compass-wrap:after{background:linear-gradient(-90deg, var(--panel-strong), transparent);right:0}.compass-pointer{z-index:3;border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--aqua);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-scale{width:max-content;transition:transform .18s ease-out;display:flex;position:absolute;top:10px;left:50%}.compass-scale span{color:#6f8584;width:26px;font:500 11px ui-monospace,monospace;display:inline-block}.compass-scale .major{color:#bcd0ce;font-size:11px;font-weight:700}.compass-wrap>strong{color:var(--aqua);font:700 11px ui-monospace,monospace;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.minimap{z-index:3;border-radius:var(--radius);width:152px;padding:8px;transition:width .22s ease-out;position:absolute;bottom:11px;right:11px}.minimap.minimap-size-1{width:min(152px,100vw - 22px,100dvh - 110px)}.minimap.minimap-size-2{width:min(304px,100vw - 22px,100dvh - 110px)}.minimap.minimap-size-4{width:min(608px,100vw - 22px,100dvh - 110px)}.minimap-heading{justify-content:space-between;align-items:flex-start;height:18px;display:flex}.minimap-heading>span:last-child{color:var(--muted);text-transform:uppercase;font:600 11px ui-monospace,monospace}.minimap-heading button{color:var(--aqua);cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:0;font:800 11px ui-monospace,monospace}.minimap-heading button:hover{color:#8af4ed}.minimap-actions{align-items:center;gap:7px;min-width:0;display:flex}.minimap-actions>span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:600 11px ui-monospace,monospace;overflow:hidden}.minimap-actions .minimap-size-button{background:#5fe5dc14;border:1px solid #5fe5dc40;border-radius:3px;min-width:20px;padding:1px 3px}.minimap-frame{background:#0c4d5c;border-radius:6px;position:relative;overflow:hidden}.minimap canvas{aspect-ratio:1;width:100%;display:block}.minimap-north{z-index:2;color:var(--aqua);letter-spacing:.08em;background:#041318b8;border-radius:2px;padding:2px 3px;font:800 11px ui-monospace,monospace;position:absolute;top:6px;right:6px}.minimap-legend{z-index:2;color:#b7cbca;background:#041318bf;border-radius:3px;gap:6px;padding:3px 5px;font-size:11px;display:flex;position:absolute;bottom:5px;left:5px}.minimap-legend span{align-items:center;gap:2px;display:flex}.minimap-legend i{background:var(--orange);width:4px;height:4px;box-shadow:0 0 4px var(--orange);border-radius:50%}.minimap-legend i.own{background:var(--aqua);box-shadow:0 0 4px var(--aqua)}.minimap-attribution{z-index:2;color:#a9c2c0;letter-spacing:.05em;background:#041318bf;border-radius:3px;padding:3px 4px;font:700 11px ui-monospace,monospace;position:absolute;bottom:5px;right:5px}.placement-backdrop{z-index:28;background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.placement-dialog{border:1px solid var(--line);background:var(--drawer-bg);border-radius:14px;width:min(880px,100vw - 28px);overflow:hidden;box-shadow:0 28px 90px #0000004d}.placement-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px 15px;display:flex}.placement-heading h2{margin:4px 0;font-size:20px}.placement-heading p{color:var(--muted);margin:0;font-size:11px}.placement-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);display:grid}.placement-map-wrap{background:var(--canvas-column-bg);min-width:0;padding:16px;position:relative}.placement-map{cursor:crosshair;touch-action:none;background:#0c4d5c;border:1px solid #a0d3cf30;border-radius:9px;width:100%;height:min(58vh,490px);min-height:360px;display:block}.placement-map.pannable{cursor:grab}.placement-map.dragging{cursor:grabbing}.placement-zoom-controls{z-index:3;background:#04171ceb;border:1px solid #b3deda3d;border-radius:6px;display:flex;position:absolute;top:25px;left:25px;overflow:hidden;box-shadow:0 5px 16px #00000038}.placement-zoom-controls button{min-width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-right:1px solid #b3deda29;padding:0 8px;font-size:16px;font-weight:700}.placement-zoom-controls button:last-child{border-right:0}.placement-zoom-controls button:hover{color:var(--aqua);background:#5fe5dc1a}.placement-zoom-controls .placement-zoom-value{min-width:48px;color:var(--aqua);font:800 11px ui-monospace,monospace}.placement-north,.placement-map-hint{z-index:2;color:var(--aqua);letter-spacing:.1em;pointer-events:none;background:#031418db;border-radius:4px;padding:4px 6px;font:800 11px ui-monospace,monospace;position:absolute}.placement-north{top:25px;right:25px}.placement-map-hint{color:#c0d2d0;bottom:25px;left:25px}.placement-fields{border-left:1px solid var(--line);align-content:start;gap:14px;padding:18px 20px 20px;display:grid}.placement-fields input[type=number]{font-family:ui-monospace,monospace}.placement-heading-field{margin-top:3px}.placement-readout{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;flex-wrap:wrap;gap:5px 12px;padding:9px 10px;font:700 11px ui-monospace,monospace;display:flex}.placement-readout span{color:var(--soft-ink)}.placement-readout strong{width:100%;color:var(--aqua);text-transform:uppercase;font-size:11px}.placement-readout.invalid strong{color:var(--danger)}.placement-note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.error-toast{z-index:9;color:#ffd1ce;background:#2e0e10e6;border:1px solid #ff847c61;border-radius:7px;align-items:center;gap:11px;max-width:312px;padding:10px 11px;font-size:11px;display:flex;position:absolute;bottom:178px;right:13px;box-shadow:0 10px 24px #0000004d}.error-toast button{color:var(--aqua);cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:700}.auth-backdrop{z-index:30;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-card{border-radius:var(--radius);background:var(--panel-strong);width:min(336px,100vw - 26px);padding:19px}.auth-heading h2{margin:4px 0 0;font-size:19px}.auth-tabs{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0 14px;padding:3px;display:grid}.auth-tabs button{min-height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:11px;font-weight:800}.auth-tabs button.selected{color:var(--accent-ink);background:var(--aqua)}.auth-form{gap:11px;display:grid}.auth-form .primary-button{width:100%;min-height:34px;margin-top:2px}.wreck-backdrop{z-index:34}.wreck-dialog{position:relative}.wreck-close{position:absolute;top:12px;right:12px}.wreck-note{color:var(--muted);margin:12px 0 14px;font-size:12px;line-height:1.5}.wreck-actions{gap:8px;display:grid}.wreck-actions button{width:100%;min-height:34px}.drawer-backdrop{z-index:20;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:flex-end;display:flex;position:fixed;inset:0}.scenario-drawer{background:var(--drawer-bg);border-left:1px solid var(--line);width:min(408px,100vw);height:100%;padding:20px 22px 22px;animation:.24s ease-out slide-in;overflow-y:auto;box-shadow:-19px 0 56px #00000040}.drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.drawer-header h2{letter-spacing:0;margin:4px 0 0;font-size:20px}.close-button{width:27px;height:27px;color:var(--muted);background:var(--surface);border-radius:50%;font-size:18px}.scenario-drawer form{gap:16px;display:grid}.field{gap:6px;display:grid}.field span,fieldset legend,.range-field>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.field input,fieldset select{border:1px solid var(--line);width:100%;min-height:35px;color:var(--ink);background:var(--surface);border-radius:6px;outline:none;padding:0 10px}.field input:focus,fieldset select:focus{border-color:var(--aqua);box-shadow:0 0 0 2px var(--aqua-soft)}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset legend{margin-bottom:6px}.field-hint{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.4}.choice-grid{gap:6px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice{text-align:left;border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:56px;padding:8px 10px;display:flex}.choice:hover{background:var(--surface-hover)}.choice.selected{border-color:var(--aqua);background:var(--aqua-soft);box-shadow:inset 0 0 0 1px #5fe5dc1f}.choice b{font-size:11px}.choice span{color:var(--muted);font-size:11px;line-height:1.35}.choice em{color:#80908f;letter-spacing:.08em;margin-top:2px;font:800 11px ui-monospace,monospace}.choice em.real-data{color:var(--aqua)}.choice-grid.compact .choice{align-items:center;min-height:35px}.choice-slot{display:flex;position:relative}.choice-slot>.choice{flex:1;padding-right:30px}.choice-edit-button{width:20px;height:20px;color:var(--muted);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex;position:absolute;top:5px;right:5px}.choice-edit-button:hover{color:var(--aqua);border-color:var(--aqua)}.map-choice-grid{grid-template-columns:1fr;max-height:268px;padding-right:3px;overflow-y:auto}.fieldset-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fieldset-heading legend{margin:0}.inline-map-builder-button{color:var(--aqua);cursor:pointer;background:0 0;border:0;font-size:16.5px;font-weight:800}.inline-map-builder-button:hover{color:#8af4ed}.engine-catalog-list{gap:5px;display:grid}.engine-catalog-row{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:6px 8px;display:flex}.engine-catalog-row>div{gap:2px;min-width:0;display:grid}.engine-catalog-row strong{font-size:11px}.engine-catalog-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:11px ui-monospace,monospace;overflow:hidden}.engine-catalog-row em{color:var(--aqua);text-transform:uppercase;margin-left:auto;font-size:11px;font-style:normal}.engine-catalog-row button{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:800}.engine-catalog-row.editing{background:var(--aqua-soft);border-color:#5fe5dc99}.engine-catalog-row>.hull-catalog-row-actions{flex-flow:row;align-items:center;gap:12px;margin-left:auto;display:flex}.hull-catalog-row-actions button{white-space:nowrap;margin-left:0}.hull-catalog-row-actions button:first-child{color:var(--aqua)}.engine-catalog-form{gap:9px;padding-top:2px;display:grid}.engine-catalog-form>strong{color:var(--ink);font-size:11px}.engine-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.engine-catalog-form>.primary-button{justify-self:end}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.range-field{gap:6px;margin:8px 0;display:grid}.range-field>span{justify-content:space-between;display:flex}.range-field output{color:var(--aqua);font-family:ui-monospace,monospace}.range-field input{width:100%;accent-color:var(--aqua)}.form-error{color:var(--danger);margin:0;font-size:11px}.drawer-actions{justify-content:flex-end;gap:7px;padding-top:5px;display:flex}.mission-list-drawer{width:min(520px,100vw)}.mission-list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mission-list-toolbar p{color:var(--muted);margin:0;font-size:11px}.mission-list{gap:9px;display:grid}.mission-list-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;overflow:hidden}.mission-list-item.active{box-shadow:inset 3px 0 0 var(--aqua);border-color:#5fe5dc6b}.mission-list-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:12px 13px 10px;display:grid}.mission-list-select:hover{background:var(--surface-hover)}.mission-list-select>span{color:var(--aqua);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.mission-list-select>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mission-list-select>small{color:var(--muted);font:11px ui-monospace,monospace}.mission-list-select>.mission-connected-users{color:var(--muted);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.mission-boat-list{border-top:1px solid var(--line);gap:5px;padding:8px 11px;display:grid}.mission-boat-empty{color:var(--muted);margin:0;font-size:11px}.mission-boat-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.boat-badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#9aa7a6;background:#6e7b7a24;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.boat-badge>i{background:#6e7b7a;border-radius:50%;width:6px;height:6px}.boat-badge.online{color:var(--aqua);background:var(--aqua-soft)}.boat-badge.online>i{background:var(--aqua);box-shadow:0 0 0 3px var(--aqua-soft)}.mission-boat-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.mission-boat-remove{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.mission-boat-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.mission-boat-remove:disabled{opacity:.5;cursor:default}.mission-list-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:7px;min-height:36px;padding:5px 9px;display:flex}.mission-list-actions>span{color:#ffd1ce;margin-right:auto;font-size:11px}.mission-list-actions .ghost-button{min-height:28px}.danger-link{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:750}.danger-link:hover{text-decoration:underline}.user-presence-section{border-top:1px solid var(--line);gap:10px;margin-top:22px;padding-top:18px;display:grid}.user-presence-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.user-presence-heading h3{margin:3px 0 0;font-size:14px}.user-presence-heading>span{color:var(--muted);font-size:11px}.user-presence-list{gap:6px;display:grid}.user-presence-list>p{color:var(--muted);margin:0;font-size:11px}.user-presence-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.user-presence-item>i{background:#6e7b7a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6e7b7a1f}.user-presence-item>i.online{background:var(--aqua);box-shadow:0 0 0 3px var(--aqua-soft)}.user-presence-item>div{gap:2px;min-width:0;display:grid}.user-presence-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.user-presence-item small{color:var(--muted);font:11px ui-monospace,monospace}.user-presence-item>span{color:var(--muted);text-align:right;font-size:11px}.user-presence-item:has(>i.online)>span{color:var(--aqua);text-transform:uppercase;font-weight:800}.map-builder-backdrop{z-index:26;background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.map-builder{border:1px solid var(--line);background:var(--drawer-bg);border-radius:14px;flex-direction:column;width:min(1180px,100vw - 28px);max-height:calc(100vh - 28px);display:flex;overflow:hidden;box-shadow:0 28px 90px #0000004d}.map-builder-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 17px;display:flex}.map-builder-header h2{margin:4px 0 5px;font-size:21px}.map-builder-header p{color:#aebfbe;max-width:650px;margin:0;font-size:11px;line-height:1.55}.map-builder-layout{flex:auto;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);min-height:0;display:grid}.map-builder-canvas-column{border-right:1px solid var(--line);background:var(--canvas-column-bg);min-width:0;padding:18px}.geo-picker-map{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#17313a;border:1px solid #a0d3cf30;border-radius:10px;height:min(58vh,540px);min-height:420px;position:relative;overflow:hidden}.geo-picker-map:active{cursor:grabbing}.geo-map-tile{pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.72)brightness(.64)contrast(1.1)hue-rotate(145deg);width:256px;max-width:none;height:256px;position:absolute}.geo-picker-map:after{content:"";pointer-events:none;background:linear-gradient(#02121714,#02121733);position:absolute;inset:0;box-shadow:inset 0 0 70px #010a0d73}.geo-selection{z-index:3;border:2px solid var(--aqua);pointer-events:none;background:#5fe5dc1a;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #03171bb3,inset 0 0 28px #5fe5dc14}.geo-selection:before,.geo-selection:after{content:"";background:#5fe5dc9e;position:absolute}.geo-selection:before{width:1px;top:-9px;bottom:-9px;left:50%}.geo-selection:after{height:1px;top:50%;left:-9px;right:-9px}.geo-selection>span{z-index:2;color:#d2fffb;letter-spacing:.12em;background:#031b1fc7;padding:3px 5px;font:800 11px ui-monospace,monospace;position:absolute;top:7px;left:8px}.geo-center-mark{z-index:2;background:var(--aqua);width:8px;height:8px;box-shadow:0 0 12px var(--aqua);border:2px solid #e9fffc;border-radius:50%;position:relative}.geo-map-controls{z-index:5;gap:4px;display:grid;position:absolute;top:11px;right:11px}.geo-map-controls button{width:30px;height:30px;color:var(--ink);cursor:pointer;background:#04171ce6;border:1px solid #b3deda3d;border-radius:6px;font-size:18px}.geo-map-controls button:hover{color:var(--aqua);background:#07262cf5}.geo-coordinate-readout,.geo-attribution{z-index:5;color:#c0d2d0;background:#031418db;border-radius:4px;padding:4px 6px;font:11px ui-monospace,monospace;position:absolute;bottom:8px}.geo-coordinate-readout{left:8px}.geo-attribution{text-decoration:none;right:8px}.geo-attribution:hover{color:var(--aqua)}.map-source-strip{color:#8ea4a2;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:11px 3px 0;font-size:11px;display:flex}.map-source-strip span{align-items:center;gap:5px;display:inline-flex}.source-dot{background:var(--aqua);border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #5fe5dca6}.source-dot.elevation{background:var(--orange);border-radius:1px;transform:rotate(45deg);box-shadow:0 0 7px #ffb36b80}.map-builder-form{align-content:start;gap:14px;min-height:0;padding:18px 20px 20px;display:grid;overflow-y:auto}.map-preset-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}.map-preset-list button{text-align:left;border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--surface-soft);cursor:pointer;border-radius:7px;padding:8px 9px}.map-preset-list button:hover{background:var(--surface-hover)}.map-preset-list button.selected{background:var(--aqua-soft);border-color:#5fe5dcad}.map-preset-list strong,.map-preset-list span{display:block}.map-preset-list strong{font-size:11px}.map-preset-list span{color:var(--muted);margin-top:3px;font-size:11px}.map-environment-grid{grid-template-columns:1fr}.map-coordinate-row input{font-family:ui-monospace,monospace;font-size:11px}.map-import-note{color:#91aaa8;background:#5fe5dc0b;border:1px solid #5fe5dc24;border-radius:8px;gap:4px;padding:10px 11px;font-size:11px;display:grid}.map-import-note strong{color:var(--aqua);margin-bottom:2px;font-size:11px}.map-import-note span:before{content:"✓";color:var(--aqua);margin-right:6px}.map-builder-error{background:#ff847c14;border-radius:6px;padding:8px 9px;line-height:1.45}.map-builder-actions{border-top:1px solid var(--line);background:linear-gradient(#07191ff0,#07191f 35%);margin:0 -20px -20px;padding:12px 20px 18px;position:sticky;bottom:-20px}.map-builder-actions .primary-button{min-height:34px}.object-editor-toolbar{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;display:flex}.object-editor-toolbar .tool-button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.object-editor-toolbar .tool-button.active{border-color:var(--aqua);color:var(--aqua);background:#5fe5dc17}.object-editor-hint{color:#9db0af;flex:180px;font-size:10.5px}.object-editor-zoom{align-items:center;gap:5px;margin-left:auto;display:flex}.object-editor-zoom .tool-button:disabled{opacity:.4;cursor:default}.object-editor-zoom-value{text-align:center;min-width:34px;color:var(--aqua);font:700 10.5px ui-monospace,monospace}.object-editor .map-builder-canvas-column{min-height:0;overflow-y:auto}.object-editor .map-builder-form label{gap:5px;font-size:11px;display:grid}.object-editor .map-builder-form label>input,.object-editor .map-builder-form label>select{width:100%}.object-editor-canvas{border:1px solid var(--line);border-radius:10px;max-width:100%;height:calc(100vh - 250px);margin-inline:auto;position:relative;overflow:hidden}.object-editor-canvas canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.object-editor-canvas canvas.panning{cursor:grabbing}.object-editor-boats{gap:6px;display:grid}.object-editor-boats p{margin:0;font-size:11px}.object-boat-list{gap:4px;max-height:108px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.object-boat-list li{border:1px solid var(--line);border-radius:6px;justify-content:space-between;gap:10px;padding:5px 8px;font:700 10.5px ui-monospace,monospace;display:flex}.object-boat-list li.own{border-color:var(--aqua);color:var(--aqua)}.object-boat-list .anchor-mark{color:var(--orange);margin-right:4px}.object-editor-layers{gap:7px;display:grid}.object-layer-list{gap:4px;max-height:148px;display:grid;overflow-y:auto}.object-layer-list .layer-row{border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:7px;justify-content:space-between;gap:10px;padding:7px 9px;font-size:12px;display:flex}.object-layer-list .layer-row.active{border-color:var(--aqua);color:var(--aqua)}.object-editor-palette{gap:8px;display:grid}.object-palette-group{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.object-palette-group>.muted{text-transform:uppercase;letter-spacing:.07em;flex-basis:100%;font-size:10px}.spec-chip{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.spec-chip.active{border-color:var(--aqua);color:var(--aqua)}.spec-chip i{border-radius:50%;width:9px;height:9px}.object-editor-selection{border:1px solid var(--line);border-radius:9px;gap:9px;padding:11px;display:grid}.object-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.object-editor-grid .checkbox-row{flex-direction:row;align-self:end;align-items:center;gap:7px}.object-editor-route{gap:7px;display:grid}.object-editor-actions{gap:8px;display:flex}.ghost-button.danger{color:#ff9d95;border-color:#ff847c73}.map-builder.compact-builder{width:min(860px,100vw - 28px)}.map-builder.compact-builder .map-builder-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.hull-builder-canvas-column{align-content:start;gap:12px;min-height:0;display:grid;overflow-y:auto}.hull-catalog-list{margin-top:2px}.camera-mount-previews{grid-template-columns:1fr 1fr;gap:10px;display:grid}.camera-mount-previews figure{gap:4px;margin:0;display:grid}.camera-mount-previews canvas{border:1px solid var(--line);background:#0a2027;border-radius:6px;width:100%;height:auto;display:block}.camera-mount-previews figcaption{color:var(--aqua);letter-spacing:.14em;font:800 11px ui-monospace,monospace}.checkbox-grid{grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:4px;display:grid}.checkbox-field{color:#b5c7c6;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:inline-flex}.checkbox-field input{accent-color:var(--aqua);width:12px;height:12px}.stream-drawer{width:min(472px,100vw)}.stream-intro{color:#b5c7c6;max-width:400px;margin:-4px 0 18px;font-size:11px;line-height:1.65}.stream-list{gap:10px;display:grid}.stream-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:13px}.stream-item-heading{justify-content:space-between;align-items:flex-start;gap:11px;display:flex}.stream-item-heading>div>span{color:var(--aqua);letter-spacing:.14em;margin-bottom:3px;font:800 11px ui-monospace,monospace;display:block}.stream-item-heading strong{font-size:11px}.stream-item>p{color:var(--muted);margin:7px 0 10px;font-size:11px;line-height:1.45}.camera-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.camera-status i{background:#718182;border-radius:50%;width:5px;height:5px}.camera-status.connecting i{background:var(--orange);animation:1s infinite pulse}.camera-status.live{color:#b9e8e4}.camera-status.live i{background:var(--aqua);box-shadow:0 0 6px var(--aqua)}.camera-status.error{color:#ffc2bd}.camera-status.error i{background:var(--danger)}.stream-url-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.stream-url-row input{border:1px solid var(--line);color:#c8dad8;background:#0003;border-radius:6px;outline:none;min-width:0;height:31px;padding:0 9px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.stream-url-row input:focus{border-color:var(--aqua);box-shadow:0 0 0 2px var(--aqua-soft)}.stream-url-row button{min-width:74px;color:var(--accent-ink);background:var(--aqua);cursor:pointer;border:0;border-radius:6px;font-size:11px;font-weight:800}.stream-url-row button:hover{background:var(--accent-hover)}.stream-note{color:var(--soft-ink);background:var(--aqua-soft);border-radius:7px;grid-template-columns:34px 1fr;gap:4px 8px;margin-top:14px;padding:10px 11px;font-size:11px;display:grid}.stream-note strong{color:var(--aqua)}.stream-note small{color:var(--muted);grid-column:2;font-size:11px}.mavlink-drawer{width:min(488px,100vw)}.mavlink-connection{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:center;gap:10px;margin:-4px 0 15px;padding:10px 11px;display:flex}.mavlink-connection>i{background:var(--orange);border-radius:2px;flex:none;width:8px;height:8px;animation:1.4s infinite pulse;transform:rotate(45deg)}.mavlink-connection.connected>i{background:var(--aqua);box-shadow:0 0 10px var(--aqua);animation:none}.mavlink-connection strong,.mavlink-connection span{display:block}.mavlink-connection strong{font-size:11px}.mavlink-connection span{color:var(--muted);margin-top:2px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.mavlink-intro{margin-bottom:14px}.mavlink-address-grid{grid-template-columns:minmax(0,1fr) 188px;gap:8px;margin-bottom:9px;display:grid}.mavlink-copy-field{gap:6px;margin-bottom:9px;display:grid}.mavlink-copy-field>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.mavlink-status-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.mavlink-status-grid .metric{padding-left:10px}.mavlink-status-grid .metric:nth-child(odd){padding-left:0}.mavlink-error{margin-top:11px}.mavlink-help{color:var(--soft-ink);background:var(--aqua-soft);border-radius:8px;margin-top:14px;padding:12px 13px;font-size:11px;line-height:1.5}.mavlink-help strong{color:var(--aqua);margin-bottom:6px;font-size:11px;display:block}.mavlink-help ol{margin:0;padding-left:14px}.mavlink-help li+li{margin-top:3px}.mavlink-help small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.track-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.track-button>i{background:var(--danger);border-radius:50%;width:8px;height:8px}.track-button:disabled>i{background:#718182}.track-button.recording{color:#ffd1ce;background:#ff847c29;border-color:#ff847c80}.track-button.recording:hover{background:#ff847c40}.track-recording-group{align-items:center;gap:8px;display:inline-flex}.track-stopwatch{letter-spacing:.06em;white-space:nowrap;background:#ff847c1a;border:1px solid #ff847c61;border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.track-stopwatch>i{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px var(--danger);border-radius:50%;animation:1.2s infinite pulse}.track-drawer{width:min(468px,100vw)}.track-summary-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:-4px 0 15px;display:grid}.track-summary-grid>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:9px 10px}.track-summary-grid span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.track-summary-grid strong{margin-top:3px;font-size:14px;display:block}.track-warning{color:#ffd1ce;background:#ff847c24;border-radius:7px;margin:-6px 0 14px;padding:9px 11px;font-size:11px;line-height:1.5}.track-export-list{gap:9px;display:grid}.track-export-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:9px;gap:5px;padding:12px 13px;transition:background .16s,border-color .16s,transform .16s;display:grid}.track-export-card:hover:not(:disabled){border-color:var(--aqua);background:var(--surface-hover);transform:translateY(-1px)}.track-export-card:disabled{opacity:.5;cursor:not-allowed}.track-export-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.track-export-head strong{font-size:13px}.track-export-head em{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.track-export-hint{color:var(--soft-ink);font-size:11px;line-height:1.5}.track-export-action{color:var(--aqua);letter-spacing:.06em;text-transform:uppercase;justify-self:start;margin-top:2px;font-size:11px;font-weight:800}:root[data-theme=light] .track-button.recording,:root[data-theme=light] .track-warning{color:#8b2e29;background:#b63f391a}:root[data-theme=light] .track-stopwatch{color:#8b2e29}:root[data-theme=light] .live-dot.condition-planing,:root[data-theme=light] .camera-status.live{color:var(--aqua)}:root[data-theme=light] .live-dot.condition-intake,:root[data-theme=light] .engine-dump-button{color:var(--orange)}:root[data-theme=light] .live-dot.condition-sinking,:root[data-theme=light] .live-dot.condition-sunk,:root[data-theme=light] .camera-status.error,:root[data-theme=light] .mission-list-actions>span{color:var(--danger)}:root[data-theme=light] .compass-scale span{color:#668083}:root[data-theme=light] .compass-scale .major,:root[data-theme=light] .map-builder-header p,:root[data-theme=light] .stream-intro,:root[data-theme=light] .stream-url-row input{color:var(--soft-ink)}:root[data-theme=light] .stream-url-row input{background:var(--surface)}:root[data-theme=light] .choice em{color:#657a7c}:root[data-theme=light] .error-toast{color:#7f2724;background:#fff1eff5;box-shadow:0 10px 24px #341d1c29}:root[data-theme=light] .danger-button{color:#8b2e29;background:#b63f391a}:root[data-theme=light] .map-builder-actions{background:linear-gradient(#f7fbfaf0, var(--drawer-bg) 35%)}html,body,.glass-panel,.scenario-drawer,.placement-dialog,.map-builder{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s}@keyframes pulse{50%{opacity:.35}}@keyframes slide-in{0%{opacity:.6;transform:translate(32px)}}@keyframes turn-phone{0%,to{transform:rotate(-12deg)}50%{transform:rotate(0)}}@media (width<=1050px){.brand-block{min-width:auto}.brand-block span,.time-block,.status-badge>span{display:none}.topbar{gap:10px}.theme-toggle span{display:none}.theme-toggle{padding-inline:8px}.conditions-strip{top:70px}.telemetry{top:105px}.compass-wrap{width:auto;left:250px;right:174px;transform:none}}@media (width<=720px),(height<=500px) and (width<=900px){body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.simulator-shell{width:100%;height:100dvh;min-height:0}.topbar{top:max(6px, env(safe-area-inset-top));right:max(7px, env(safe-area-inset-right));left:max(7px, env(safe-area-inset-left));flex-wrap:nowrap;gap:8px;min-height:43px;padding:6px 7px}.brand-block{flex:none;min-width:83px}.brand-mark{width:27px;height:27px;font-size:14px}.brand-block strong{font-size:11px}.mission-switcher{flex:170px;width:auto;min-width:105px;max-width:260px}.mission-switcher select{width:100%;font-size:11px}.topbar-meta{margin-left:auto}.topbar-meta .time-block,.topbar-meta .desktop-action{display:none}.topbar-menu summary{min-width:46px;min-height:29px;font-size:11px}.topbar-menu-popover{width:230px}.topbar-menu-popover .ghost-button{font-size:11px}.topbar-menu-popover .menu-mobile-item{justify-content:center;align-items:center;gap:6px;display:inline-flex}.conditions-strip{display:none}.telemetry{top:calc(max(6px, env(safe-area-inset-top)) + 51px);left:max(7px, env(safe-area-inset-left));width:174px;padding:9px 10px}.telemetry .panel-heading h1{max-width:105px;font-size:11px}.telemetry .speed-gauge{padding:7px 0}.telemetry .speed-gauge strong{font-size:27px}.telemetry .metric-grid .metric{min-height:34px;padding-top:4px;padding-bottom:3px}.telemetry .metric-grid .metric:nth-child(n+5),.telemetry .engine-dump-row,.telemetry .position-row,.telemetry-pump{display:none}.mobile-more-button{border:1px solid var(--line);width:100%;min-height:26px;color:var(--aqua);background:var(--surface);border-radius:5px;margin-top:6px;font-size:11px;font-weight:800;display:block}.mobile-data-backdrop{display:grid}.touch-control-card{left:max(7px, env(safe-area-inset-left));bottom:max(7px, env(safe-area-inset-bottom));display:block}.metric-grid{grid-template-columns:1fr 1fr}.control-card{display:none}.minimap{right:max(7px, env(safe-area-inset-right));bottom:max(7px, env(safe-area-inset-bottom))}.minimap.minimap-size-1{width:112px}.minimap.minimap-size-2{width:min(256px,100vw - 22px,100dvh - 110px)}.minimap.minimap-size-4{width:min(512px,100vw - 22px,100dvh - 110px)}.compass-wrap{left:calc(max(7px, env(safe-area-inset-left)) + 242px);right:calc(max(7px, env(safe-area-inset-right)) + 124px);bottom:max(7px, env(safe-area-inset-bottom));width:auto}.error-toast{max-width:none;bottom:154px;left:11px;right:11px}.choice-grid.three{grid-template-columns:1fr}.scenario-drawer{padding:16px}.stream-url-row{grid-template-columns:1fr}.stream-url-row button{min-height:31px}.mavlink-address-grid,.map-choice-grid{grid-template-columns:1fr}.map-builder-backdrop{padding:0}.map-builder{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none;overflow-y:auto}.map-builder-header{padding:15px 16px}.map-builder-layout{min-height:0;display:block}.map-builder-canvas-column{border-right:0;border-bottom:1px solid var(--line);padding:12px}.geo-picker-map{height:42vh;min-height:330px}.map-builder-form{max-height:none;padding:16px;overflow:visible}.map-builder-actions{margin:0 -16px -16px;padding-inline:16px;bottom:0}.placement-backdrop{padding:0}.placement-dialog{border:0;border-radius:0;width:100vw;height:100dvh;overflow-y:auto}.placement-layout{display:block}.placement-map{height:42vh;min-height:300px}.placement-fields{border-left:0;border-top:1px solid var(--line)}}@media (width<=540px){.brand-block{min-width:auto}.brand-block>div:last-child{display:none}.mission-switcher{max-width:none}.compass-wrap{display:none}.touch-control-card{width:min(230px,100vw - 136px)}.touch-slider{grid-template-columns:57px 1fr}.touch-actions{grid-template-columns:32px repeat(3,1fr)}.touch-actions button{padding-inline:2px;font-size:11px}}@media (width<=720px) and (orientation:portrait){.orientation-notice{z-index:50;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020b0ed1;place-items:center;display:grid;position:fixed;inset:0}}@media (height<=500px) and (width<=900px){.telemetry{width:166px}.telemetry .metric-grid .metric:nth-child(n+3){display:none}.touch-control-card{width:224px;padding-block:8px}.touch-slider{min-height:25px}.touch-actions{margin-top:3px}.touch-actions button{min-height:27px}.minimap.minimap-size-1{width:104px}.compass-wrap{left:calc(max(7px, env(safe-area-inset-left)) + 236px);right:calc(max(7px, env(safe-area-inset-right)) + 116px);height:44px}}@media (height<=780px) and (width>=721px){.metric{min-height:39px;padding-top:5px}.speed-gauge{padding:8px 0}.speed-gauge strong{font-size:30px}.position-row{display:none}.engine-dump-row{padding-top:6px}.control-card{width:200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.docs-modal{flex-direction:column;display:flex}.docs-layout{flex:1;grid-template-columns:230px minmax(0,1fr);height:min(72vh,760px);min-height:0;display:grid}.docs-nav{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:14px 12px;display:flex;overflow-y:auto}.docs-nav-item{text-align:left;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.docs-nav-item:hover{border-color:var(--line)}.docs-nav-item.active{color:var(--accent-ink);background:var(--aqua)}.docs-article{min-width:0;padding:18px 26px 30px;font-size:13px;line-height:1.62;overflow-y:auto}.docs-article h1{margin:4px 0 12px;font-size:21px}.docs-article h2{margin:22px 0 8px;font-size:16px}.docs-article h3{margin:17px 0 6px;font-size:13.5px}.docs-article h4{margin:13px 0 5px;font-size:12.5px}.docs-article p{margin:0 0 10px}.docs-article ul,.docs-article ol{margin:0 0 10px;padding-left:22px}.docs-article li{margin-bottom:4px}.docs-article blockquote{border-left:3px solid var(--aqua);background:var(--panel);border-radius:0 8px 8px 0;margin:0 0 10px;padding:8px 12px}.docs-article pre{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:11.5px;line-height:1.5;overflow-x:auto}.docs-article code{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.92em}.docs-article pre code{background:0 0;border:0;padding:0}.docs-article a{color:var(--aqua)}.docs-link{color:var(--aqua);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.docs-table-wrap{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;overflow-x:auto}.docs-table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.docs-table-wrap th,.docs-table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}.docs-table-wrap th{background:var(--panel-strong);font-weight:700;position:sticky;top:0}.docs-table-wrap tr:last-child td{border-bottom:0}@media (width<=900px){.docs-layout{height:auto;display:block}.docs-nav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.docs-article{padding:14px 16px 24px}}