@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800&display=swap";html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#0a0e14}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;overflow:hidden}.hud-container{width:100vw;height:100vh;position:relative;overflow:hidden}.main-camera-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.main-camera-bg .camera-feed{width:100%;height:100%}.main-camera-bg .camera-video{width:100%;height:100%;object-fit:cover}.main-camera-bg.main-camera-bg--fill .camera-video{object-fit:fill}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.hud-overlay>*{pointer-events:auto}.hud-top-bar{position:absolute;top:0;left:0;right:0;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.hud-logo{display:flex;align-items:center;gap:12px}.logo-icon{display:flex;align-items:center;justify-content:center;color:var(--hud-primary, #00ff88);filter:drop-shadow(0 0 4px currentColor)}.logo-text{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px}.logo-version{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:500;padding:2px 6px;border-width:1px;border-style:solid;border-radius:3px;letter-spacing:1px}.back-to-dashboard{display:flex;align-items:center;justify-content:center;width:64px;height:36px;background:#0006;border:1px solid var(--hud-primary, #00ff88);border-radius:4px;color:var(--hud-primary, #00ff88);text-decoration:none;font-size:1.8rem;font-weight:700;line-height:1;padding-bottom:4px;transition:all .2s}.back-to-dashboard:hover{background:var(--hud-primary, #00ff88);color:#000}.hud-status-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:.75rem}.status-mode{padding:3px 10px;border-width:1px;border-style:solid;border-radius:3px;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px}.status-offline{padding:3px 10px;border-width:1px;border-style:solid;border-radius:3px;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px;background:#ff444426;border-color:#f44;color:#f44}.status-active{padding:3px 10px;border:1px solid var(--theme-accent-primary, #00ff88);border-radius:3px;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px;color:var(--theme-accent-primary, #00ff88);background:#00ff8826;text-shadow:0 0 8px var(--theme-accent-primary, #00ff88);animation:active-badge-pulse 1.5s ease-in-out infinite}.hud-active-control-icon{position:absolute;bottom:65px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none}.flying-drone-osd .hud-active-control-icon{left:20%;bottom:10%}.control-operators-widget{position:absolute;left:calc(50% + 92px);bottom:62px;transform:none;z-index:54;min-width:210px;max-width:min(420px,58vw);padding:5px 7px;border:1px solid rgba(0,255,136,.32);background:#00080ae0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:11px Share Tech Mono,monospace}.control-operators-widget.flying{left:calc(20% + 92px);bottom:10%}.control-operators-title{margin-bottom:4px;color:#91a099;letter-spacing:1px;text-transform:uppercase}.control-operators-list{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.control-operators-list button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 7px;border:1px solid currentColor;background:#00000073;font:inherit}.control-operators-list button.owner{color:#0f8}.control-operators-list button.standby{color:#ffc107}.control-operators-list button:not(:disabled){cursor:pointer}.control-operators-list button:disabled{cursor:default;opacity:.9}.control-operators-list small{opacity:.72}.operator-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.active-control-svg{width:105px;height:105px;filter:drop-shadow(0 0 10px var(--theme-accent-primary, #00ff88))}.active-control-svg .signal-wave{fill:none;stroke:var(--theme-accent-primary, #00ff88);stroke-width:1.5;stroke-linecap:round;opacity:0}.active-control-svg .wave-1{animation:osd-wave-pulse 1.5s ease-out infinite}.active-control-svg .wave-2{animation:osd-wave-pulse 1.5s ease-out .3s infinite}.active-control-svg .wave-3{animation:osd-wave-pulse 1.5s ease-out .6s infinite}@keyframes osd-wave-pulse{0%{opacity:0;transform:translateY(2px)}30%{opacity:1}to{opacity:0;transform:translateY(-2px)}}.active-control-svg .antenna{stroke:var(--theme-accent-primary, #00ff88);stroke-width:2}.active-control-svg .antenna-tip{fill:var(--theme-accent-primary, #00ff88)}.active-control-svg .controller-body{fill:#0009;stroke:var(--theme-accent-primary, #00ff88);stroke-width:1.5}.active-control-svg .joystick-base-small{fill:#0f83;stroke:var(--theme-accent-primary, #00ff88);stroke-width:1}.active-control-svg .joystick-stick-left{fill:var(--theme-accent-primary, #00ff88);animation:osd-stick-left 3s ease-in-out infinite;transform-origin:center}.active-control-svg .joystick-stick-right{fill:var(--theme-accent-primary, #00ff88);animation:osd-stick-right 2.5s ease-in-out infinite;transform-origin:center}@keyframes osd-stick-left{0%,to{transform:translate(0)}15%{transform:translate(1.5px,-1px)}30%{transform:translate(-1px,1.5px)}45%{transform:translate(1px,1px)}60%{transform:translate(-1.5px,-.5px)}75%{transform:translate(.5px,1.5px)}90%{transform:translate(-1px,-1.5px)}}@keyframes osd-stick-right{0%,to{transform:translate(0)}12%{transform:translate(-1px,1px)}25%{transform:translate(1.5px,.5px)}38%{transform:translate(-.5px,-1.5px)}50%{transform:translate(1px,-1px)}62%{transform:translate(-1.5px,1.5px)}75%{transform:translate(.5px,-.5px)}88%{transform:translate(1px,1.5px)}}.active-control-svg .controller-indicator{fill:var(--theme-accent-primary, #00ff88);animation:osd-indicator-blink 1s ease-in-out infinite}@keyframes osd-indicator-blink{0%,to{opacity:1}50%{opacity:.3}}.active-control-svg .hand{fill:#00ff8840;stroke:var(--theme-accent-primary, #00ff88);stroke-width:1}.hud-active-control-icon.inactive .active-control-svg{filter:drop-shadow(0 0 4px rgba(128,128,128,.5))}.hud-active-control-icon.inactive .signal-wave{stroke:#666;animation:none;opacity:.3}.hud-active-control-icon.inactive .antenna{stroke:#666}.hud-active-control-icon.inactive .antenna-tip{fill:#666}.hud-active-control-icon.inactive .controller-body{stroke:#666}.hud-active-control-icon.inactive .joystick-base-small{fill:#80808033;stroke:#666}.hud-active-control-icon.inactive .joystick-stick-left,.hud-active-control-icon.inactive .joystick-stick-right{fill:#666;animation:none}.hud-active-control-icon.inactive .controller-indicator{fill:#666;animation:none;opacity:.5}.hud-active-control-icon.inactive .hand{fill:#80808033;stroke:#666}.hud-active-control-icon.disconnected .active-control-svg{filter:drop-shadow(0 0 6px rgba(255,68,68,.6))}.hud-active-control-icon.disconnected .signal-wave{stroke:#f44;animation:none;opacity:.3}.hud-active-control-icon.disconnected .antenna{stroke:#f44}.hud-active-control-icon.disconnected .antenna-tip{fill:#f44}.hud-active-control-icon.disconnected .controller-body{stroke:#f44}.hud-active-control-icon.disconnected .joystick-base-small{fill:#f443;stroke:#f44}.hud-active-control-icon.disconnected .joystick-stick-left,.hud-active-control-icon.disconnected .joystick-stick-right{fill:#f44;animation:none}.hud-active-control-icon.disconnected .controller-indicator{fill:#f44;animation:none;opacity:.7}.hud-active-control-icon.disconnected .hand{fill:#f443;stroke:#f44}.hud-active-control-icon.transfer-requested .active-control-svg{filter:drop-shadow(0 0 10px rgba(255,193,7,.95))}.hud-active-control-icon.transfer-requested .signal-wave,.hud-active-control-icon.transfer-requested .antenna,.hud-active-control-icon.transfer-requested .controller-body,.hud-active-control-icon.transfer-requested .joystick-base-small{stroke:#ffc107}.hud-active-control-icon.transfer-requested .antenna-tip,.hud-active-control-icon.transfer-requested .joystick-stick-left,.hud-active-control-icon.transfer-requested .joystick-stick-right,.hud-active-control-icon.transfer-requested .controller-indicator{fill:#ffc107}.hud-active-control-icon.clickable{pointer-events:auto;cursor:pointer;transition:transform .2s ease}.hud-active-control-icon.clickable:hover{transform:translate(-50%) scale(1.15)}.hud-active-control-icon.clickable:hover .active-control-svg{filter:drop-shadow(0 0 8px rgba(128,128,128,.9))}.control-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;margin-bottom:10px;border:1px solid rgba(128,128,128,.5)}.hud-active-control-icon.clickable:hover .control-tooltip{opacity:1;visibility:visible}.hud-compass-row,.hud-info-row{display:flex;align-items:flex-start;gap:1rem}.hud-drone-name{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;color:var(--theme-accent-primary, #00ff88);text-shadow:0 0 8px var(--theme-accent-primary, #00ff88);white-space:nowrap;text-transform:uppercase}.hud-drone-name svg{flex-shrink:0}.activate-input:focus{outline:none;border-color:var(--theme-accent-primary, #00ff88);box-shadow:0 0 0 3px #00ff8826}.activate-submit-btn{background:linear-gradient(135deg,var(--theme-accent-primary, #00ff88),#00cc6a);color:#000}.activate-progress-fill{height:100%;width:30%;background:linear-gradient(90deg,var(--theme-accent-primary, #00ff88),#00cc6a,var(--theme-accent-primary, #00ff88));background-size:200% 100%;border-radius:3px;animation:activate-progress-slide 1.5s ease-in-out infinite}@keyframes active-badge-pulse{0%,to{opacity:1;box-shadow:0 0 5px var(--theme-accent-primary, #00ff88)}50%{opacity:.8;box-shadow:0 0 15px var(--theme-accent-primary, #00ff88)}}.status-fs{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:1px}.hud-right-indicators{display:flex;align-items:center;gap:12px}.battery-indicator{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;background:#0000004d;transition:all .3s ease}.battery-indicator.critical{background:#f003;animation:battery-pulse 1s ease-in-out infinite}@keyframes battery-pulse{0%,to{background:#f003}50%{background:#f006}}.battery-percent,.battery-voltage{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:1px}.battery-icon-mini{width:48px;height:24px;border-width:3px;border-style:solid;border-radius:4px;position:relative;opacity:.9}.battery-icon-mini:after{content:"";position:absolute;right:-8px;top:5px;width:5px;height:10px;background:currentColor;border-radius:0 3px 3px 0}.battery-fill-mini{height:100%;background:currentColor;border-radius:2px;transition:width .3s ease}.satellite-indicator{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#0000004d;transition:all .3s ease}.satellite-indicator.good{color:#0f8}.satellite-indicator.warning{color:#fa0;background:#ffaa0026}.satellite-indicator.critical{color:#f44;background:#f003}.satellite-icon{opacity:.9;flex-shrink:0}.satellite-count{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;width:2ch;text-align:right}.hud-mirror-section,.hud-fuse-bar{position:absolute;top:55px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:flex-start;gap:10px}.mirror-column{position:fixed;z-index:25;display:flex;flex-direction:column;align-items:center;width:420px;touch-action:none}.mirror-column:not(.mirror-column--positioned){top:55px;left:50%;transform:translate(-50%)}.mirror-column--positioned{transform:none}.mirror-column:hover{cursor:grab}.mirror-column--dragging{opacity:.5;cursor:grabbing}.rear-mirror{position:relative;width:100%}.mirror-fold-btn{display:flex;align-items:center;justify-content:center;width:48px;height:18px;border:1px solid var(--theme-border);border-radius:4px 4px 0 0;background:#000000b3;color:var(--theme-text-muted);cursor:pointer;padding:0;z-index:5;transition:color .15s,background .15s;margin-bottom:-1px}.mirror-fold-btn--retired{display:none!important}.mirror-fold-btn:hover{color:var(--theme-accent, #00ff88);background:#00ff881a}body.mirror-drag-active{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.mirror-frame .mirror-heading-area{position:absolute;top:0;left:0;right:0;z-index:6;height:34px;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 65%,transparent 100%)}.mirror-frame .mirror-heading-area .htape-container{top:4px;height:22px}.mirror-frame .mirror-heading-area .htape-label{font-size:.55rem}.mirror-frame .mirror-heading-area .htape-mark{height:6px}.mirror-frame .mirror-heading-area .htape-tick.main .htape-mark{height:9px}.mirror-frame .mirror-heading-area .htape-indicator{top:20px;font-size:.6rem}.mirror-warning-overlay{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;padding:0 8px;background:#0000008c;pointer-events:none}.mirror-warning-overlay .warning-banner{transform:scale(.72);transform-origin:center;width:100%;max-width:100%}.fuse-switch{display:flex;flex-direction:column;align-items:center;padding:12px 18px;border-width:1px;border-style:solid;border-radius:8px;min-width:70px}.fuse-label{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;margin-bottom:6px}.fuse-icon{position:relative;width:16px;height:24px;display:flex;flex-direction:column;align-items:center}.fuse-body{flex:1;width:12px;border-width:2px;border-style:solid;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden}.fuse-element{width:4px;height:100%;border-radius:1px;transition:all .3s ease}.fuse-status{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:2px;margin-top:8px;display:flex;align-items:center;gap:4px}.manual-indicator{font-size:.5rem}.fuse-switch.armed .manual-indicator{animation:blink .5s ease-in-out infinite}.fuse-switch.manual{border-style:dashed}.mirror-frame{width:420px;height:120px;border-width:3px;border-style:solid;border-radius:12px 12px 60px 60px;overflow:hidden;background:#000;position:relative}.mirror-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.6;z-index:5}.mirror-frame .camera-feed{width:100%;height:100%}.mirror-frame .camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mirror-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:3px;opacity:.9;padding:2px 12px;border-radius:3px}.hud-warning-banner{position:absolute;top:190px;left:50%;transform:translate(-50%);z-index:100}.warning-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;width:max-content;max-width:calc(100vw - 40px);animation:warning-pulse .3s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.6}}.warning-chevrons{display:flex;gap:4px;font-size:1rem}.warning-chevrons span{opacity:.8}.warning-chevrons.left span:nth-child(1){animation:chevron-flash .5s ease-in-out infinite .1s}.warning-chevrons.left span:nth-child(2){animation:chevron-flash .5s ease-in-out infinite .2s}.warning-chevrons.left span:nth-child(3){animation:chevron-flash .5s ease-in-out infinite .3s}.warning-chevrons.right span:nth-child(1){animation:chevron-flash .5s ease-in-out infinite .3s}.warning-chevrons.right span:nth-child(2){animation:chevron-flash .5s ease-in-out infinite .2s}.warning-chevrons.right span:nth-child(3){animation:chevron-flash .5s ease-in-out infinite .1s}@keyframes chevron-flash{0%,to{opacity:.4}50%{opacity:1}}.warning-center{display:flex;flex-direction:column;align-items:center}.warning-frame{display:flex;align-items:center;gap:12px;padding:6px 20px;border-width:2px;border-style:solid;border-radius:6px}.warning-icon{font-size:1rem}.warning-text{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:4px}.warning-subtext{font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:3px;margin-top:4px}.warning-subtext--self-destroy{font-size:1.4rem;letter-spacing:2px;line-height:1.1}.hud-heading-tape{position:absolute;top:190px;left:50%;transform:translate(-50%);width:300px}.hud-overlay--ugv .hud-heading-tape{top:70px}.heading-tape{position:relative;height:50px;border-width:1px;border-style:solid;border-radius:6px;overflow:hidden}.htape-container{position:absolute;top:0;left:0;right:0;height:30px}.htape-tick{position:absolute;top:0;transform:translate(-50%);text-align:center}.htape-label{font-family:Orbitron,sans-serif;font-size:.65rem;display:block;margin-bottom:2px}.htape-mark{width:1px;height:8px;margin:0 auto}.htape-tick.main .htape-mark{height:12px;width:2px}.htape-indicator{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:.8rem;z-index:5}.htape-value{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700}.hud-left-panel{position:absolute;left:20px;top:60px;display:flex;flex-direction:column;gap:10px}.hud-compass{position:relative;border-width:1px;border-style:solid;border-radius:8px;padding:12px;width:120px}.compass-outer{width:90px;height:90px;margin:0 auto;position:relative;border-width:2px;border-style:solid;border-radius:50%}.compass-ring{position:absolute;width:100%;height:100%;transition:transform .3s ease-out}.compass-n,.compass-e,.compass-s,.compass-w{position:absolute;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.compass-n{top:6px;left:50%;transform:translate(-50%)}.compass-s{bottom:6px;left:50%;transform:translate(-50%)}.compass-e{right:8px;top:50%;transform:translateY(-50%)}.compass-w{left:8px;top:50%;transform:translateY(-50%)}.compass-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);font-size:1rem}.compass-readout{text-align:center;margin-top:8px}.compass-deg{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700}.compass-dir{font-size:.7rem;margin-left:4px}.hud-satellites{position:relative;border-width:1px;border-style:solid;border-radius:8px;padding:12px;width:120px}.hud-widget-close-btn{position:absolute;top:-6px;right:-6px;z-index:10;width:22px;height:22px;border:1px solid var(--theme-border);border-radius:3px;background:#000000d9;color:var(--theme-text-muted);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity .15s ease,color .15s,background .15s,border-color .15s}.hud-compass:hover .hud-widget-close-btn,.hud-satellites:hover .hud-widget-close-btn{opacity:1;pointer-events:auto}.hud-widget-close-btn:hover{color:var(--theme-status-danger, #ff4444);background:#ff444426;border-color:var(--theme-status-danger, #ff4444)}.hud-widget-restore-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--theme-border);border-radius:8px;background:#000000b3;color:var(--theme-text-muted);cursor:pointer;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .2s,background .2s,border-color .2s}.hud-widget-restore-btn:hover{color:var(--theme-accent-primary, var(--theme-accent, #00ff88));background:color-mix(in srgb,var(--theme-accent-primary, var(--theme-accent, #00ff88)) 12%,rgba(0,0,0,.7));border-color:var(--theme-accent-primary, var(--theme-accent, #00ff88))}.sat-label{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.sat-info{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.sat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.sat-dot{width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;transition:all .3s ease}.sat-dot.active{animation:sat-pulse 2s ease-in-out infinite}@keyframes sat-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.sat-count{font-family:Orbitron,sans-serif;font-weight:700}.sat-count.critical{color:#f33!important;text-shadow:0 0 10px rgba(255,51,51,.5)}.sat-quality{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1px;margin-top:2px}.hud-failsafe{position:relative;width:120px;border-width:1px;border-style:solid;border-radius:8px;padding:12px}.failsafe-header{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.failsafe-status{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.failsafe-value{font-family:Orbitron,sans-serif;font-weight:700;text-align:center;line-height:1.1}.failsafe-divider{display:none}.failsafe-vt-value{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1px;text-align:center;margin-top:2px;line-height:1.1}.hud-fuses{position:relative;width:120px;border-width:1px;border-style:solid;border-radius:8px;padding:12px;box-sizing:border-box}.fuses-header{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.fuses-body{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:6px;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.hud-fuses .fuse-switch{flex:1;min-width:0;padding:8px 4px}.hud-fuses .fuse-label{font-size:.65rem;margin-bottom:4px}.hud-fuses .fuse-status{font-size:.5rem}.hud-driving-mode{position:relative;width:120px;border-width:1px;border-style:solid;border-radius:8px;padding:12px}.hud-right-panel .hud-driving-mode{width:160px}.hud-right-panel .hud-failsafe{width:160px;box-sizing:border-box}.driving-mode-header{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.driving-mode-status{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.driving-mode-value{font-family:Orbitron,sans-serif;font-weight:700;text-align:center;line-height:1.1}.hud-camera{position:relative;width:120px;border-width:1px;border-style:solid;border-radius:8px;padding:12px;box-sizing:border-box}.camera-header{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.camera-body{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.hud-camera .quality-switch{width:100%;border:none;padding:0 0 8px;background:transparent}.hud-camera .quality-switch:hover{background:transparent}.camera-stats{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.camera-stat{display:flex;justify-content:space-between;gap:6px;width:100%;font-family:JetBrains Mono,monospace;font-size:.5rem;line-height:1.2;letter-spacing:.5px}.hud-notes{width:220px;height:66px;min-height:66px;max-height:66px;padding:0!important;margin:0;align-self:flex-start;box-sizing:border-box;overflow:hidden;border:1px solid var(--theme-accent-primary-border, rgba(0, 255, 136, .4));border-radius:8px;background:var(--theme-bg-overlay, rgba(0, 20, 14, .82));color:var(--theme-text-secondary, #c8e9dc)}.hud-notes-header{height:23px;box-sizing:border-box;padding:5px 9px 4px;border-bottom:1px solid var(--theme-accent-primary-border, rgba(0, 255, 136, .35));color:var(--theme-text-muted, #77968a);font:600 .67rem/1.1 Orbitron,sans-serif;letter-spacing:2px;text-transform:uppercase}.hud-notes textarea{display:block;width:100%;height:42px;min-height:42px;max-height:42px;box-sizing:border-box;padding:3px 9px;overflow-x:hidden;overflow-y:auto;resize:none;border:0;outline:0;background:#00080785;color:var(--theme-text-secondary, #d9fff0);caret-color:var(--theme-accent-primary, #00ff88);font:.68rem/1.35 JetBrains Mono,monospace;scrollbar-width:thin;scrollbar-color:var(--theme-accent-primary-border, rgba(0, 255, 136, .45)) transparent}.hud-notes textarea::placeholder{color:var(--theme-text-muted, #557267)}.guest-view-nav{position:fixed;top:10px;left:50%;z-index:12000;display:flex;gap:8px;transform:translate(-50%)}.guest-view-nav a,.guest-view-nav span{padding:7px 11px;border:1px solid var(--theme-accent-primary-border, rgba(0,255,136,.45));background:#000c09e6;color:var(--theme-accent-primary, #00ff88);font:.65rem Share Tech Mono,monospace;text-decoration:none}.guest-readonly .hud-active-control-icon,.guest-readonly .control-operators-widget{display:none!important}.guest-readonly .profile-form input,.guest-readonly .profile-form select,.guest-readonly .profile-form button,.guest-readonly .profile-form .drone-type-selector{pointer-events:none!important;opacity:.72}@media(max-width:1024px){.hud-notes{width:220px}}@media(max-width:600px){.hud-notes{width:min(310px,calc(100vw - 30px))}}.camera-stat-label{opacity:.7;flex-shrink:0}.camera-stat-value{text-align:right}.quality-switch{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-width:1px;border-style:solid;border-radius:8px;width:120px;box-sizing:border-box;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quality-switch:hover{background:#ffffff0d}.quality-option{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:1px;opacity:.4;transition:all .2s ease}.quality-option.active{opacity:1}.quality-toggle{width:36px;height:18px;border-radius:9px;background:#6464644d;position:relative;transition:all .2s ease}.quality-toggle.hd{background:#00c8644d}.quality-thumb{position:absolute;top:50%;transform:translateY(-50%);left:3px;width:12px;height:12px;border-radius:50%;background:#888;transition:all .2s ease}.quality-toggle.hd .quality-thumb{left:21px;background:#0f8}.hud-right-panel{position:absolute;right:20px;top:60px;display:flex;flex-direction:column;gap:10px}.speedometer{border-width:1px;border-style:solid;border-radius:12px;padding:15px;width:160px;text-align:center}.speedometer--simple{padding:12px 15px}.speedometer--simple .speedo-readout{margin-top:0}.speedo-svg{width:140px;height:100px}.speedo-readout{margin-top:-10px;text-align:center}.speedo-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700}.speedo-unit{display:block;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:2px;margin-top:-5px}.odometer{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.odo-display{display:flex;gap:2px}.odo-digit{width:16px;height:22px;border-width:1px;border-style:solid;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden}.odo-num{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}.odo-unit{font-family:Orbitron,sans-serif;font-size:.55rem;margin-left:2px}.power-indicator{border-width:1px;border-style:solid;border-radius:8px;padding:12px;width:160px;text-align:center}.power-label{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;text-align:center;margin-bottom:0;line-height:1.2}.power-body{margin-top:8px;padding-top:8px;border-top-width:1px;border-top-style:solid}.power-bars{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.power-bar{width:40px;height:9px;border-width:2px;border-style:solid;transition:all .3s ease;background:transparent}.power-bar:first-child{border-radius:4px 0 0 4px}.power-bar:nth-child(2){border-radius:0}.power-bar:last-child{border-radius:0 4px 4px 0}.power-bar.active.green{background:#0c6;border-color:#0c6;box-shadow:0 0 8px #00cc6680}.power-bar.active.orange{background:#f93;border-color:#f93;box-shadow:0 0 8px #ff993380}.power-mode{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:1px}.volya-gear-indicator{border-width:1px;border-style:solid;border-radius:12px;background:var(--theme-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--theme-accent-primary-border);width:160px;padding:10px}.volya-gear-layout{position:relative;display:flex;gap:6px;height:242px;align-items:flex-start;padding:0 2px}.volya-gear-rail{position:relative;flex:.4 1 0;min-width:0;height:160px;border-width:1px;border-style:solid;border-radius:6px;background:#0000004d}.volya-gear-main{flex:1;min-width:0;height:160px;border-width:1px;border-style:solid;border-radius:8px;background:#0000004d;padding:0;overflow:hidden}.volya-gear-slot{display:flex;align-items:center;justify-content:center;height:40px;border-bottom:1px solid rgba(255,255,255,.06)}.volya-gear-symbol{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.65rem;color:var(--theme-text-secondary);line-height:1}.volya-gear-slot.active .volya-gear-symbol{color:var(--theme-accent-primary);font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent)}.volya-gear-slot.disabled .volya-gear-symbol{color:color-mix(in srgb,var(--theme-text-secondary) 30%,transparent);text-shadow:none;opacity:.45}.volya-gear-knob{position:absolute;left:-3px;width:calc(100% + 6px);height:28px;border-radius:7px;background:var(--theme-accent-primary);border:1px solid color-mix(in srgb,var(--theme-accent-primary) 85%,#ffffff);box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent-primary) 45%,transparent),inset 0 1px #ffffff59,inset 0 -1px #00000040;transition:top .32s cubic-bezier(.22,.61,.36,1),box-shadow .18s ease;will-change:top;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:3px}.volya-gear-knob:before{content:"";position:absolute;inset:2px;border-radius:5px;pointer-events:none;background:linear-gradient(180deg,#fff3,#ffffff0f 35%,#0000001a)}.volya-gear-low{flex:1;min-width:0;height:120px;border-width:1px;border-style:solid;border-radius:8px;background:#0000004d;display:flex;flex-direction:column;padding:0;margin-top:123px;overflow:hidden}.volya-gear-low-slot{height:40px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:1.65rem;font-weight:700;color:var(--theme-text-secondary);border-bottom:1px solid rgba(255,255,255,.06);line-height:1}.volya-gear-low-slot.active{color:var(--theme-accent-primary);font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent)}.volya-gear-arrow{color:color-mix(in srgb,var(--theme-bg-dark) 55%,transparent);font-size:.95rem;line-height:1;transform:translateY(-.5px)}.volya-status-indicator{border-width:1px;border-style:solid;border-radius:12px;background:var(--theme-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--theme-accent-primary-border);width:160px;padding:10px 12px;display:flex;align-items:center;gap:10px}.volya-status-left{flex:0 0 24px;display:flex;align-items:center;justify-content:center}.volya-status-right{flex:1;display:flex;flex-direction:column;gap:8px}.volya-status-row{display:flex;align-items:center;justify-content:space-between}.volya-status-label{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;color:var(--theme-text-secondary)}.volya-status-icon{width:28px;height:34px;flex:0 0 28px;color:color-mix(in srgb,var(--theme-accent-primary) 52%,#002d18);opacity:.6}.volya-status-icon-part{fill:currentColor}.volya-status-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--theme-accent-primary-border);transition:background .16s ease,box-shadow .16s ease,opacity .16s ease}.volya-status-dot.on{background:var(--theme-accent-primary);box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent-primary) 65%,transparent);opacity:1}.volya-status-dot.off{background:color-mix(in srgb,var(--theme-bg-dark) 75%,var(--theme-text-muted));box-shadow:none;opacity:.55}.volya-status-value{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:1px;line-height:1;color:var(--theme-accent-primary);text-shadow:0 0 4px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent),0 0 10px color-mix(in srgb,var(--theme-accent-primary) 15%,transparent)}.volya-attitude-dial{margin-top:10px;width:120px;display:flex;flex-direction:column;align-items:center;gap:12px}.volya-attitude-slot{position:relative;width:108px;height:108px}.volya-attitude-ticks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.volya-attitude-ticks line{stroke:var(--theme-accent-primary);stroke-width:1;stroke-linecap:round;transition:stroke .3s ease}.volya-attitude-circle{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid var(--theme-accent-primary-border);background:var(--theme-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:border-color .3s ease,background .3s ease}.volya-roll-ground{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,var(--theme-bg-overlay) 50%,var(--theme-bg-overlay) 100%);transform-origin:50% 50%;transition:transform .18s linear;pointer-events:none;z-index:0}.volya-yaw-line{position:absolute;top:0;bottom:0;left:calc(50% - .5px);width:1px;height:100%;background:transparent;transform-origin:50% 50%;transition:transform .18s linear;pointer-events:none;z-index:1}.volya-yaw-line:before,.volya-yaw-line:after{content:"";position:absolute;left:0;width:1px;height:14px;background:color-mix(in srgb,var(--theme-accent-primary) 75%,transparent);box-shadow:0 0 3px color-mix(in srgb,var(--theme-accent-primary) 45%,transparent),0 0 8px color-mix(in srgb,var(--theme-accent-primary) 22%,transparent)}.volya-yaw-line:before{top:0}.volya-yaw-line:after{bottom:0}.volya-roll-line{position:absolute;left:0;right:0;top:50%;width:100%;height:1px;background:color-mix(in srgb,var(--theme-accent-primary) 55%,transparent);z-index:1;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 0 3px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent),0 0 8px color-mix(in srgb,var(--theme-accent-primary) 18%,transparent);transform-origin:50% 50%;transition:transform .18s linear;pointer-events:none}.volya-yaw-icon{position:absolute;left:50%;top:50%;transform-origin:50% 50%;transform:translate(-50%,-50%);transition:transform .18s linear,color .3s ease,filter .3s ease;display:flex;align-items:center;justify-content:center;color:var(--theme-accent-primary);z-index:2;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--theme-accent-primary) 45%,transparent));opacity:.75;pointer-events:none}.volya-roll-icon{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transform:translate(-50%,3px);transition:transform .18s linear,color .3s ease,filter .3s ease;display:flex;align-items:flex-end;justify-content:center;color:var(--theme-accent-primary);z-index:2;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--theme-accent-primary) 45%,transparent));opacity:.7;pointer-events:none}.volya-roll-readout{position:absolute;left:50%;top:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;margin-top:4px;pointer-events:none;z-index:2}.volya-roll-label{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1.5px;color:var(--theme-text-secondary);margin-top:4px}.volya-roll-value{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:var(--theme-accent-primary);text-shadow:0 0 4px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent),0 0 10px color-mix(in srgb,var(--theme-accent-primary) 15%,transparent);transition:color .3s ease,text-shadow .3s ease}.volya-yaw-value{position:absolute;left:50%;top:6px;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;line-height:1;color:var(--theme-accent-primary);text-shadow:0 0 4px color-mix(in srgb,var(--theme-accent-primary) 35%,transparent),0 0 10px color-mix(in srgb,var(--theme-accent-primary) 15%,transparent);z-index:2;pointer-events:none}.volya-yaw-label{position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1.5px;line-height:1;color:var(--theme-text-secondary);z-index:2;pointer-events:none}.volya-movement-arrow{position:absolute;top:62%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--theme-accent-primary);opacity:0;transition:opacity .22s ease,color .3s ease,filter .3s ease;pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--theme-accent-primary) 55%,transparent))}.volya-movement-arrow.front{right:100%;margin-right:1px}.volya-movement-arrow.rear{left:100%;margin-left:1px}.volya-movement-arrow.up{top:auto;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:1px}.volya-movement-arrow.down{top:100%;left:50%;transform:translate(-50%);margin-top:1px}.volya-movement-arrow.visible{opacity:1;animation:volyaArrowPulse .9s ease-in-out infinite}@keyframes volyaArrowPulse{0%,to{opacity:.5}50%{opacity:1}}.volya-attitude-slot.warning .volya-attitude-circle{border-color:var(--theme-status-warning-border)}.volya-attitude-slot.warning .volya-attitude-ticks line{stroke:var(--theme-status-warning)}.volya-attitude-slot.warning .volya-roll-line{background:color-mix(in srgb,var(--theme-status-warning) 55%,transparent)}.volya-attitude-slot.warning .volya-roll-icon,.volya-attitude-slot.warning .volya-yaw-icon{color:var(--theme-status-warning);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--theme-status-warning) 45%,transparent))}.volya-attitude-slot.warning .volya-roll-value{color:var(--theme-status-warning);text-shadow:0 0 4px color-mix(in srgb,var(--theme-status-warning) 35%,transparent),0 0 10px color-mix(in srgb,var(--theme-status-warning) 15%,transparent)}.volya-attitude-slot.warning .volya-movement-arrow{color:var(--theme-status-warning);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--theme-status-warning) 55%,transparent))}.volya-attitude-slot.critical .volya-attitude-circle{border-color:var(--theme-status-critical-border)}.volya-attitude-slot.critical .volya-attitude-ticks line{stroke:var(--theme-status-critical)}.volya-attitude-slot.critical .volya-roll-line{background:color-mix(in srgb,var(--theme-status-critical) 55%,transparent)}.volya-attitude-slot.critical .volya-roll-icon,.volya-attitude-slot.critical .volya-yaw-icon{color:var(--theme-status-critical);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--theme-status-critical) 45%,transparent))}.volya-attitude-slot.critical .volya-roll-value{color:var(--theme-status-critical);text-shadow:0 0 4px color-mix(in srgb,var(--theme-status-critical) 35%,transparent),0 0 10px color-mix(in srgb,var(--theme-status-critical) 15%,transparent)}.volya-attitude-slot.critical .volya-movement-arrow{color:var(--theme-status-critical);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--theme-status-critical) 55%,transparent))}.flying-drone-osd .fpv-minimap{z-index:25}.flying-drone-osd .fpv-minimap .map-panel{width:480px}.flying-drone-osd .fpv-minimap .map-body{height:144px}.volya-drone-osd .volya-minimap .map-panel{width:480px}.volya-drone-osd .volya-minimap .map-body{height:144px}.hud-minimap-container{position:absolute;right:20px;bottom:70px}.map-panel-wrapper{position:relative}.map-close-btn{position:absolute;top:-6px;right:-6px;z-index:10;width:22px;height:22px;border:1px solid var(--theme-border);border-radius:3px;background:#000000d9;color:var(--theme-text-muted);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s,background .15s,border-color .15s}.map-close-btn:hover{color:var(--theme-status-danger, #ff4444);background:#ff444426;border-color:var(--theme-status-danger, #ff4444)}.map-resize-btn{position:absolute;top:-6px;left:-6px;z-index:10;width:22px;height:22px;border:1px solid var(--theme-border);border-radius:3px;background:#000000d9;color:var(--theme-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity .15s ease,color .15s,background .15s,border-color .15s}.map-panel-wrapper:hover .map-resize-btn{opacity:1;pointer-events:auto}.map-resize-btn:hover{color:var(--theme-accent-primary, #00ff88);background:color-mix(in srgb,var(--theme-accent-primary, #00ff88) 15%,rgba(0,0,0,.85));border-color:var(--theme-accent-primary, #00ff88)}.map-panel-wrapper.sized .map-panel{width:var(--map-panel-width)!important}.map-panel-wrapper.sized .map-body{height:var(--map-body-height)!important}.map-panel-wrapper.resizing,.map-panel-wrapper.resizing *{-webkit-user-select:none;user-select:none;cursor:nwse-resize!important}.map-panel-wrapper.resizing .map-resize-btn{opacity:1;pointer-events:auto}.map-restore-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--theme-border);border-radius:8px;background:#000000b3;color:var(--theme-text-muted);cursor:pointer;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .2s,background .2s,border-color .2s}.map-restore-btn:hover{color:var(--theme-accent, #00ff88);background:#00ff881a;border-color:var(--theme-accent, #00ff88)}.map-panel{border-width:1px;border-style:solid;border-radius:8px;padding:8px;width:360px}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom-width:1px;border-bottom-style:solid}.map-title{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:2px}.map-alt,.map-sat{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600}.map-sat--critical{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.5)}.map-coords{font-family:JetBrains Mono,monospace;font-size:.6rem}.map-body{position:relative;width:100%;height:300px;border-radius:4px;overflow:hidden}.map-svg-full{width:100%;height:100%;border-radius:4px}.map-loading,.map-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;border-radius:4px;font-family:Orbitron,sans-serif;gap:8px}.map-loading span{font-size:.8rem;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}.map-error span{font-size:.8rem;letter-spacing:2px;color:var(--theme-status-danger)}.map-error small{font-size:.6rem;color:var(--theme-text-muted)}.map-theme-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:4px;background:#00ff8840;mix-blend-mode:multiply}.map-body>div:first-of-type{opacity:.85}.map-zoom-controls{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10}.zoom-btn{width:28px;height:28px;border-width:1px;border-style:solid;border-radius:4px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.zoom-btn:hover:not(:disabled){transform:scale(1.1)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-level{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1px}.map-scale-bar{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;z-index:10}.scale-line{height:4px;border-width:1px;border-style:solid;border-radius:2px;min-width:20px;max-width:80px;position:relative}.scale-line:before,.scale-line:after{content:"";position:absolute;width:1px;height:8px;top:-2px}.scale-line:before{left:0}.scale-line:after{right:0}.scale-label{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1px}.hud-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;pointer-events:none}.main-camera-bg:has(.status-content)~.hud-overlay:not(.flying-drone-osd) .hud-crosshair{display:none}.crosshair-h{position:absolute;top:50%;left:0;right:0;height:1px;opacity:.5}.crosshair-h:before,.crosshair-h:after{content:"";position:absolute;top:-4px;width:1px;height:9px}.crosshair-h:before{left:20px}.crosshair-h:after{right:20px}.crosshair-v{position:absolute;left:50%;top:0;bottom:0;width:1px;opacity:.5}.crosshair-v:before,.crosshair-v:after{content:"";position:absolute;left:-4px;height:1px;width:9px}.crosshair-v:before{top:20px}.crosshair-v:after{bottom:20px}.crosshair-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;opacity:.8}.hud-bottom-strip{position:absolute;bottom:0;left:0;right:0;padding:15px 20px 10px;z-index:10}.telemetry-strip{display:flex;flex-direction:column;align-items:center}.telemetry-strip.collapsed{padding:4px 0}.telem-toggle{background:#00142899;border:1px solid var(--theme-accent-primary-border, rgba(0, 255, 136, .3));color:var(--theme-accent-primary, #00ff88);font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:2px;padding:6px 20px;cursor:pointer;border-radius:4px;transition:all .2s ease}.telem-toggle:hover{background:#00ff881a}.telem-content{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:10px}.telem-item{display:flex;flex-direction:column;align-items:center;min-width:70px}.telem-label{font-size:.55rem;letter-spacing:1px;margin-bottom:2px}.telem-value{font-family:Orbitron,sans-serif;font-size:.75rem}.flying-tstrip-left{position:absolute;left:15px;display:flex;align-items:center;gap:12px}.flying-tstrip-heartbeat{width:150px;height:35px}.flying-telem-toggle{transform:scale(.8)}.hud-bottom-strip:has(.telemetry-strip:not(.collapsed)){z-index:100;background:#000a14f2;border-bottom-left-radius:0}.flying-telem-row{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px}.flying-telem-row .telem-content{margin-top:0;justify-content:center}.flying-telem-row .telem-toggle{position:absolute;right:0;flex-shrink:0}.flying-tlog-cardiogram-canvas{width:100%;height:100%;display:block}.flying-tlog-status{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:1px;color:var(--theme-accent-primary, #00ff88)}.flying-tlog-status.disconnected,.flying-tlog-status.connecting{color:#f44}.flying-tstrip-right{position:absolute;right:15px;display:flex;align-items:center;gap:10px}.flying-osd-switch{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#0006;border:1px solid var(--theme-accent-primary-border, rgba(0, 255, 136, .3));border-radius:4px;cursor:pointer;transition:all .2s ease}.flying-osd-switch .switch-label{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:600;letter-spacing:1px;color:var(--theme-accent-primary, #00ff88);transition:color .2s ease}.flying-osd-switch .switch-indicator{width:8px;height:8px;border-radius:50%;background:var(--theme-accent-primary, #00ff88);box-shadow:0 0 6px var(--theme-accent-primary, #00ff88);transition:all .2s ease}.flying-osd-switch.on{border-color:var(--theme-accent-primary-border, rgba(0, 255, 136, .5))}.flying-osd-switch.off{border-color:#8080804d}.flying-osd-switch.off .switch-label{color:#666}.flying-osd-switch.off .switch-indicator{background:#444;box-shadow:none}.flying-osd-switch.map-mode-hidden .switch-indicator{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid #555;box-shadow:none}.flying-osd-switch.map-mode-blot .switch-indicator{width:10px;height:10px;border-radius:58% 42% 62% 38%/42% 58% 38% 62%;background:var(--theme-accent-primary, #00ff88);border:none;box-shadow:0 0 6px var(--theme-accent-primary, #00ff88)}.flying-osd-switch.map-mode-panel .switch-indicator{width:9px;height:9px;border-radius:2px;background:var(--theme-accent-primary, #00ff88);border:none;box-shadow:0 0 6px var(--theme-accent-primary, #00ff88)}.flying-osd-switch:hover{background:#00ff881a}.flying-osd-elements{transition:opacity .3s ease}.flying-osd-elements.hidden{opacity:0;pointer-events:none}.map-blot-wrapper{position:absolute;bottom:0;right:0;width:100%;height:100%;transition:transform .4s ease-in-out,opacity .3s ease;pointer-events:none;overflow:visible}.map-blot-wrapper.visible{transform:translate(0);opacity:1}.map-blot-wrapper.hidden{transform:translate(100%);opacity:0}@media(max-width:1024px){.map-blot-wrapper{overflow:hidden}}.map-blot-wrapper .map-blot{bottom:-25%;right:-15%}@media(max-width:1024px){.map-blot-wrapper .map-blot{bottom:0;right:-14%}}.flying-tlog-console{width:100%;max-height:150px;overflow-y:auto;padding:8px 12px;background:#0000004d;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.55rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));box-sizing:border-box}.flying-tlog-console::-webkit-scrollbar{width:5px}.flying-tlog-console::-webkit-scrollbar-thumb{background:var(--theme-accent-primary-border, rgba(0, 255, 136, .3));border-radius:3px}.flying-tlog-empty{text-align:center;padding:10px;font-style:italic;opacity:.5}.flying-tlog-entry{display:flex;gap:6px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.flying-tlog-time{color:var(--theme-accent-primary, #00ff88);white-space:nowrap;flex-shrink:0}.flying-tlog-data{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.hud-telemetry-log-container.hidden{display:none}.camera-feed{position:relative;background:#000}.camera-video{display:block}.camera-status-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.status-text{font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:2px}.hud-telemetry-log-container{position:absolute;left:20px;bottom:70px;z-index:15}.telemetry-log{width:520px;max-height:280px;border-width:1px;border-style:solid;border-radius:8px;overflow:hidden;transition:all .3s ease}.telemetry-log.collapsed{max-height:90px;width:auto;min-width:180px}.telemetry-log.collapsed .tlog-header{border-bottom:none}.tlog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;border-bottom-width:1px;border-bottom-style:solid;cursor:pointer;transition:background .2s ease}.tlog-header:hover{background:#00ff880d}.tlog-title{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:2px}.tlog-latency{display:flex;align-items:center;gap:12px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.55rem;line-height:1.15;letter-spacing:0;white-space:nowrap}.tlog-latency strong{font:inherit;font-weight:600}.tlog-heartbeat-container{padding:4px 8px;height:40px}.tlog-cardiogram-canvas{width:100%;height:100%;display:block}.tlog-status{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1px}.tlog-status.disconnected,.tlog-status.connecting{color:#f44}.tlog-console{height:200px;overflow-y:auto;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.55rem;line-height:1.4}.tlog-console::-webkit-scrollbar{width:6px}.tlog-console::-webkit-scrollbar-thumb{border-radius:3px}.tlog-empty{text-align:center;padding:20px;font-style:italic}.tlog-entry{display:flex;gap:4px;padding:2px 0;border-bottom-width:1px;border-bottom-style:solid}.tlog-time{white-space:nowrap;flex-shrink:0}.tlog-data{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}@media(max-width:1100px){.mirror-column{width:350px}.mirror-frame{width:350px;height:100px}.mirror-frame .mirror-heading-area .htape-label{font-size:.5rem}.warning-text{font-size:1rem;letter-spacing:2px}.warning-frame{padding:5px 14px;gap:8px}.warning-banner{gap:6px;padding:6px 12px}.warning-chevrons{font-size:.85rem;gap:2px}.hud-overlay--ugv .hud-heading-tape{top:60px}.map-panel{width:280px}.map-body{height:220px}}@media(max-width:900px){.hud-left-panel{transform:scale(.85);transform-origin:top left}.hud-right-panel{transform:scale(.8);transform-origin:top right;top:50px}.mirror-column{width:280px}.mirror-frame{width:280px;height:85px}.mirror-frame .mirror-heading-area{height:30px}.warning-text{font-size:.95rem;letter-spacing:2px}.warning-subtext{font-size:.65rem;letter-spacing:2px}.warning-subtext--self-destroy{font-size:1.3rem;letter-spacing:1px}.hud-overlay--ugv .hud-heading-tape{top:55px}.hud-minimap-container{transform:scale(.8);right:10px}.telemetry-log{width:420px}.hud-telemetry-log-container{left:10px;bottom:60px}}@media(max-width:600px){.hud-top-bar{padding:0 10px;height:45px}.logo-text{display:none}.hud-status-center{font-size:.65rem;gap:8px}.mirror-column{width:200px}.mirror-frame{width:200px;height:60px}.mirror-frame .mirror-heading-area{height:26px}.mirror-frame .mirror-heading-area .htape-indicator{top:16px;font-size:.5rem}.warning-text{font-size:.8rem;letter-spacing:1px}.warning-frame{padding:4px 10px;gap:6px}.warning-banner{gap:4px;padding:4px 8px}.warning-chevrons{font-size:.75rem;gap:1px}.warning-subtext{font-size:.55rem;letter-spacing:1px}.warning-subtext--self-destroy{font-size:1.1rem;letter-spacing:1px}.warning-icon{font-size:.85rem}.hud-minimap-container{display:none}.hud-left-panel{transform:scale(.7);transform-origin:top left;left:5px;top:50px}.hud-right-panel{transform:scale(.7);transform-origin:top right;right:5px;top:50px}.hud-overlay--ugv .hud-heading-tape{top:55px}.telem-content{gap:10px}.telem-item{min-width:55px}.telem-toggle{font-size:.55rem;padding:4px 12px}.telem-value{font-size:.65rem}.hud-telemetry-log-container{left:5px;bottom:55px}.telemetry-log.collapsed{width:170px;max-height:75px}}.widget-layout-toggle{position:fixed;top:auto;bottom:12px;right:14px;z-index:10020;min-width:0;padding:7px 10px;border:1px solid var(--theme-border, rgba(0, 255, 136, .55));border-radius:4px;background:#000a08e0;color:var(--theme-accent, #00ff88);font:700 .58rem/1.2 Share Tech Mono,monospace;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.widget-layout-toggle:hover,.widget-layout-toggle.active{background:#00ff8829;box-shadow:0 0 12px #00ff883d}.widget-layout-toolbar{position:fixed;top:auto;bottom:50px;right:14px;z-index:10020;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 28px);padding:7px;border:1px solid var(--theme-border, rgba(0, 255, 136, .55));border-radius:5px;background:#000a08f0;color:var(--theme-text, #d9fff0);font:600 .62rem/1.2 Share Tech Mono,monospace;box-shadow:0 0 18px #0000008c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.widget-layout-toolbar span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-layout-toolbar button{padding:5px 8px;border:1px solid var(--theme-border, rgba(0, 255, 136, .55));border-radius:3px;background:transparent;color:var(--theme-accent, #00ff88);font:inherit;cursor:pointer}.widget-layout-toolbar button:disabled{opacity:.3;cursor:default}.widget-layout-managed.widget-layout-positioned{position:fixed!important;top:var(--widget-y)!important;left:var(--widget-x)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;z-index:180!important}.widget-layout-managed.widget-layout-editing{pointer-events:auto!important;cursor:grab!important;outline:1px dashed rgba(0,255,136,.7)!important;outline-offset:3px;touch-action:none}.hud-bottom-strip{cursor:default}.widget-layout-managed.widget-layout-selected{outline:2px solid var(--theme-accent, #00ff88)!important;box-shadow:0 0 16px #00ff886b!important}.widget-layout-managed.widget-layout-dragging{z-index:10010!important;cursor:grabbing!important;opacity:.92}.widget-layout-managed.widget-layout-hidden{display:none!important}.widget-layout-managed.widget-layout-collapsed{display:flex!important;align-items:center!important;justify-content:center!important;width:108px!important;min-width:108px!important;max-width:108px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 7px!important;overflow:hidden!important;border:1px dashed rgba(0,255,136,.65)!important;border-radius:4px!important;background:#00120eeb!important;color:var(--theme-accent, #00ff88)!important;opacity:.72}.widget-layout-managed.widget-layout-collapsed>*{display:none!important}.widget-layout-managed.widget-layout-collapsed:after{content:attr(data-widget-label);overflow:hidden;font:700 .58rem/1 Share Tech Mono,monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media(max-width:650px){.widget-layout-toggle{top:auto;bottom:8px;right:8px;max-width:145px;font-size:.52rem}.widget-layout-toolbar{top:auto;bottom:44px;right:8px;flex-wrap:wrap;justify-content:flex-end}.widget-layout-toolbar span{flex:1 0 100%;max-width:none;text-align:right}}.airspeed-tape{position:absolute;left:7.5%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:15}.tape-label{font-family:Orbitron,Courier New,monospace;font-size:11px;font-weight:400;color:var(--theme-accent-primary, #00ff88);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;opacity:.7}.airspeed-tape-container{position:relative;width:80px;height:630px;overflow:hidden;border-radius:4px;border:1px solid rgba(var(--theme-accent-primary-rgb, 0, 255, 136),.5);background:#0009}.airspeed-tape-bg{position:absolute;inset:0;background:transparent}.airspeed-tape-scroll{position:absolute;width:100%;height:100%;transition:transform .1s linear}.airspeed-mark{position:absolute;right:0;width:100%;height:1px;display:flex;align-items:center;justify-content:flex-end}.airspeed-mark .mark-line{height:1px;background:var(--theme-accent-primary, #00ff88);opacity:.25}.airspeed-mark.major .mark-line{width:28px;height:1px;background:var(--theme-accent-primary, #00ff88);opacity:.6}.airspeed-mark.major .mark-label{position:absolute;right:32px;font-family:Orbitron,Courier New,monospace;font-size:14px;font-weight:400;color:var(--theme-accent-primary, #00ff88);text-shadow:0 0 5px var(--theme-accent-primary, #00ff88);white-space:nowrap;opacity:.8}.airspeed-mark.medium .mark-line{width:18px;background:var(--theme-accent-primary, #00ff88);opacity:.4}.airspeed-mark.minor .mark-line{width:10px;background:var(--theme-accent-primary, #00ff88);opacity:.2}.airspeed-reference-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0009;border:1px solid var(--theme-accent-primary, #00ff88);border-radius:4px;padding:6px 10px;min-width:50px;text-align:center;z-index:20;box-shadow:0 0 10px #00000080}.airspeed-value{font-family:Orbitron,Courier New,monospace;font-size:22px;font-weight:500;color:var(--theme-accent-primary, #00ff88);text-shadow:0 0 5px var(--theme-accent-primary, #00ff88)}.airspeed-trend{position:absolute;left:50%;top:50%;width:4px;background:#f0f;transform-origin:center top;z-index:18;box-shadow:0 0 8px #f0f}.airspeed-trend.up{transform:translate(-50%) translateY(-100%)}.airspeed-trend.down{transform:translate(-50%)}.airspeed-trend .trend-arrow{position:absolute;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.airspeed-trend.up .trend-arrow{top:0;transform:translate(-50%) translateY(-100%);border-bottom:10px solid #ff00ff}.airspeed-trend.down .trend-arrow{bottom:0;transform:translate(-50%) translateY(100%);border-top:10px solid #ff00ff}.airspeed-mask{position:absolute;left:0;right:0;height:50px;pointer-events:none;z-index:15}.airspeed-mask.top{top:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.airspeed-mask.bottom{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 100%)}.airspeed-unit{margin-top:6px;font-family:Orbitron,Courier New,monospace;font-size:11px;font-weight:400;color:var(--theme-accent-primary, #00ffaa);text-transform:uppercase;letter-spacing:1px;opacity:.7}.flying-drone-osd .hud-left-panel{top:50px}.flying-drone-osd{overflow:visible}@media(max-width:1024px){.flying-drone-osd{overflow:hidden}}.flying-drone-osd .hud-info-row{gap:12px}.flying-drone-osd .hud-info-row .hud-camera{width:112px;padding:8px 10px}.flying-drone-osd .hud-info-row .hud-camera .quality-switch{padding:0 0 6px}.altitude-tape{position:absolute;right:7.5%;top:50%;transform:translate(50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:15}.altitude-tape-container{position:relative;width:90px;height:630px;overflow:hidden;border-radius:4px;border:1px solid rgba(var(--theme-accent-primary-rgb, 0, 255, 136),.5);background:#0009}.altitude-tape-bg{position:absolute;inset:0;background:transparent}.altitude-tape-scroll{position:absolute;width:100%;height:100%;transition:transform .1s linear}.altitude-mark{position:absolute;left:0;width:100%;height:1px;display:flex;align-items:center;justify-content:flex-start}.altitude-mark .mark-line{height:1px;background:var(--theme-accent-primary, #00ff88);opacity:.25}.altitude-mark.major .mark-line{width:28px;height:1px;background:var(--theme-accent-primary, #00ff88);opacity:.6}.altitude-mark.major .mark-label{position:absolute;left:32px;font-family:Orbitron,Courier New,monospace;font-size:12px;font-weight:400;color:var(--theme-accent-primary, #00ff88);text-shadow:0 0 5px var(--theme-accent-primary, #00ff88);white-space:nowrap;opacity:.8}.altitude-mark.medium .mark-line{width:18px;background:var(--theme-accent-primary, #00ff88);opacity:.4}.altitude-mark.minor .mark-line{width:10px;background:var(--theme-accent-primary, #00ff88);opacity:.2}.altitude-reference-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0009;border:1px solid var(--theme-accent-primary, #00ff88);border-radius:4px;padding:4px 6px;z-index:20;box-shadow:0 0 10px #00000080;overflow:hidden}.altitude-digits{display:flex;align-items:center;justify-content:center;height:28px;gap:1px}.altitude-digits .digit{font-family:Orbitron,Courier New,monospace;font-size:20px;font-weight:500;color:var(--theme-accent-primary, #00ff88);text-shadow:0 0 5px var(--theme-accent-primary, #00ff88);width:16px;text-align:center;line-height:28px}.altitude-digits .digit.thousands{border-right:1px solid rgba(255,255,255,.2);padding-right:3px;margin-right:2px}.altitude-trend{position:absolute;left:50%;top:50%;width:4px;background:#f0f;transform-origin:center top;z-index:18;box-shadow:0 0 8px #f0f}.altitude-trend.up{transform:translate(-50%) translateY(-100%)}.altitude-trend.down{transform:translate(-50%)}.altitude-trend .trend-arrow{position:absolute;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.altitude-trend.up .trend-arrow{top:0;transform:translate(-50%) translateY(-100%);border-bottom:10px solid #ff00ff}.altitude-trend.down .trend-arrow{bottom:0;transform:translate(-50%) translateY(100%);border-top:10px solid #ff00ff}.altitude-mask{position:absolute;left:0;right:0;height:50px;pointer-events:none;z-index:15}.altitude-mask.top{top:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.altitude-mask.bottom{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 100%)}.altitude-unit{margin-top:6px;font-family:Orbitron,Courier New,monospace;font-size:11px;font-weight:400;color:var(--theme-accent-primary, #00ffaa);text-transform:uppercase;letter-spacing:1px;opacity:.7}@media(max-width:900px){.altitude-tape{transform:translate(50%,-50%) scale(.85);right:6%}}@media(max-width:600px){.altitude-tape{transform:translate(50%,-50%) scale(.7);right:5%}.altitude-tape-container{height:450px}}@media(max-width:900px){.airspeed-tape{transform:translate(-50%,-50%) scale(.85);left:6%}}@media(max-width:600px){.airspeed-tape{transform:translate(-50%,-50%) scale(.7);left:5%}.airspeed-tape-container{height:450px}}@media(min-width:768px)and (max-height:900px)and (orientation:landscape){.airspeed-tape-container,.altitude-tape-container{height:min(500px,70vh)}.airspeed-tape,.altitude-tape{transform-origin:center center}}.artificial-horizon{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none}.ah-background{position:absolute;top:50%;left:50%;width:300vmax;height:300vmax;transform-origin:center center;transition:transform .1s ease-out}.ah-sky{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#4682c83d,#64a0dc2b)}.ah-ground{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,#9a471059,#ae5b2440)}.ah-horizon-line{position:absolute;top:50%;left:0;width:100%;height:.5px;background:var(--theme-accent-primary, #00ff88);transform:translateY(-50%);box-shadow:0 0 4px var(--theme-accent-primary, #00ff88);opacity:.21}.ah-pitch-ladder{position:absolute;top:50%;left:50%;width:300px;transform:translate(-50%)}.ah-pitch-mark{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;width:100%}.ah-pitch-mark.major .ah-pitch-line{width:80px;height:2px;background:var(--theme-accent-primary, #00ff88);opacity:.6}.ah-pitch-mark.minor .ah-pitch-line{width:40px;height:1px;background:var(--theme-accent-primary, #00ff88);opacity:.4}.ah-pitch-label{font-family:Orbitron,Courier New,monospace;font-size:12px;font-weight:400;color:var(--theme-accent-primary, #00ff88);opacity:.7;padding:0 8px;min-width:30px;text-align:center}.ah-pitch-label.left{text-align:right}.ah-pitch-label.right{text-align:left}.ah-roll-scale{position:absolute;top:30px;left:25%;right:25%;width:auto;height:50vh;max-height:50vh;transform:none}.ah-roll-svg{width:100%;height:100%;color:var(--theme-accent-primary, #00ff88)}.ah-roll-arc{opacity:.4;stroke-width:.5!important}.ah-roll-tick{opacity:.6}.ah-roll-label{font-family:Orbitron,Courier New,monospace;font-size:5px;fill:var(--theme-accent-primary, #00ff88);opacity:.7}.ah-zero-marker{opacity:.8}.ah-roll-pointer-container{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center 67%;transition:transform .1s ease-out}.ah-roll-pointer-svg{width:100%;height:100%;color:var(--theme-accent-primary, #00ff88)}.ah-roll-pointer{filter:drop-shadow(0 0 4px currentColor)}.ah-aircraft-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:45px;z-index:10}.ah-aircraft-svg{width:100%;height:100%;color:#f0a000;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.ah-aircraft-svg path{stroke-width:1.5}@media(max-width:900px){.ah-roll-scale{left:20%;right:20%;top:20px}.ah-aircraft-symbol{width:150px}.ah-pitch-ladder{width:250px}}@media(max-width:600px){.ah-roll-scale{left:15%;right:15%;top:15px}.ah-aircraft-symbol{width:120px}.ah-pitch-ladder{width:200px}.ah-pitch-mark.major .ah-pitch-line{width:60px}.ah-pitch-mark.minor .ah-pitch-line{width:30px}}.slip-skid-indicator{position:absolute;bottom:calc(80px + 5%);left:25%;right:25%;width:auto;height:50vh;max-height:50vh;z-index:5;pointer-events:none}.slip-skid-svg{width:100%;height:100%;color:var(--theme-accent-primary, #00ff88)}.slip-skid-arc{opacity:.4}.slip-skid-center-mark{opacity:.6}.slip-skid-ball{opacity:.8;filter:drop-shadow(0 0 3px currentColor)}@media(max-width:900px){.slip-skid-indicator{left:20%;right:20%}}@media(max-width:600px){.slip-skid-indicator{left:15%;right:15%}}.heading-compass-arc{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:1000px;height:200px;z-index:5;pointer-events:none}.hca-svg{width:100%;height:100%;color:var(--theme-accent-primary, #00ff88);overflow:visible;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 30%,#0000)}.hca-arc-line{opacity:.5}.hca-tick{opacity:.6}.hca-tick.major{opacity:.9}.hca-tick.medium{opacity:.6}.hca-tick.minor{opacity:.35}.hca-label{font-family:Orbitron,Courier New,monospace;font-size:12px;font-weight:400;fill:var(--theme-accent-primary, #00ff88);opacity:.8}.hca-label.cardinal{font-size:14px;font-weight:500;opacity:1}.hca-lubber-triangle{fill:var(--theme-accent-primary, #00ff88);filter:drop-shadow(0 0 3px currentColor)}.hca-heading-number{font-family:Orbitron,Courier New,monospace;font-size:20px;font-weight:500;fill:var(--theme-accent-primary, #00ff88)}.hca-heading-label{font-family:Orbitron,Courier New,monospace;font-size:9px;font-weight:400;fill:var(--theme-accent-primary, #00ff88);opacity:.7}@media(max-width:900px){.heading-compass-arc{width:800px}}@media(max-width:600px){.heading-compass-arc{width:600px}}.map-blot{position:absolute;bottom:-25%;right:-15%;width:65%;height:90%;z-index:1;pointer-events:none;overflow:visible;-webkit-mask-image:linear-gradient(to bottom right,rgba(255,255,255,.1) 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.7) 40%,rgba(255,255,255,.9) 60%,white 80%);-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom right,#ffffff1a,#fff6,#ffffffb3,#ffffffe6,#fff 80%);mask-size:100% 100%}.map-blot-mask{width:105%;height:118%;margin:-2.5%;transform:rotate(115deg);transform-origin:center center;-webkit-mask-image:url(/map-blot-mask.svg);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/map-blot-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}.map-blot-content{width:100%;height:100%;transform:rotate(-115deg);transform-origin:center center}.map-blot-error,.map-blot-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--theme-accent-primary, #00ff88);font-family:Orbitron,Courier New,monospace;font-size:12px;background:#00000080}@media(max-width:1024px){.map-blot{width:55%;height:65%;bottom:0;right:-14%;overflow:hidden}}@media(max-width:600px){.map-blot{width:60%;height:55%;bottom:0;right:-15%}}.mirror-column{width:480px}.mirror-frame{width:480px;height:145px}.mirror-column--corner:not(.mirror-column--positioned){top:auto;left:20px;bottom:20px;transform:none}.hud-container:has(.mirror-column--corner.mirror-column--visible:not(.mirror-column--positioned)) .hud-telemetry-log-container{bottom:180px}.mirror-column--center:not(.mirror-column--positioned){top:55px;left:50%;bottom:auto;transform:translate(-50%)}.mirror-controls{position:absolute;right:8px;top:8px;z-index:12;display:flex;gap:6px}.mirror-controls button,.mirror-restore-btn{width:30px;height:30px;border:1px solid var(--theme-border);border-radius:5px;background:#000000c7;color:var(--theme-accent, #00ff88);font:700 18px/1 Orbitron,sans-serif;cursor:pointer}.mirror-controls button:hover,.mirror-restore-btn:hover{background:#00ff8829}.fuses-timer{margin-top:8px;padding-top:7px;border-top:1px solid var(--theme-border);font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:1px;text-align:center}@media(max-width:900px){.mirror-column,.mirror-frame{width:350px}.mirror-frame{height:110px}}@media(max-width:600px){.mirror-column,.mirror-frame{width:220px}.mirror-frame{height:72px}.mirror-column--corner:not(.mirror-column--positioned){left:10px;bottom:10px}.hud-container:has(.mirror-column--corner.mirror-column--visible:not(.mirror-column--positioned)) .hud-telemetry-log-container{bottom:97px}}.camera-feed{position:relative;background:#000;width:100%;height:100%}.camera-video{display:block;width:100%;height:100%;object-fit:cover}.camera-status-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;overflow:hidden}.tv-noise{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tv-noise:before{content:"";position:absolute;inset:-100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;animation:tv-static .08s steps(10) infinite;opacity:.9}.tv-noise:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(0deg,transparent 0px,transparent 20px,rgba(0,0,0,.15) 20px,rgba(0,0,0,.15) 40px);animation:wave-bands .3s linear infinite}body.theme-digital-green .tv-noise:before{filter:brightness(.7) contrast(1.5) sepia(100%) hue-rotate(70deg) saturate(.4)}body.theme-aggressive-red .tv-noise:before{filter:brightness(.7) contrast(1.5) sepia(100%) hue-rotate(-30deg) saturate(.5)}.tv-noise-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;animation:scanline-flicker .05s infinite}.tv-noise-scanlines:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:rolling-band 4s linear infinite}body.theme-digital-green .tv-noise-scanlines{background:repeating-linear-gradient(0deg,rgba(0,15,8,.5) 0px,rgba(0,15,8,.5) 1px,transparent 1px,transparent 2px)}body.theme-aggressive-red .tv-noise-scanlines{background:repeating-linear-gradient(0deg,rgba(20,0,0,.5) 0px,rgba(20,0,0,.5) 1px,transparent 1px,transparent 2px)}@keyframes tv-static{0%{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,1%)}30%{transform:translate(-1%,2%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-2%)}70%{transform:translate(-1%,1%)}80%{transform:translate(1%,2%)}90%{transform:translate(2%,-1%)}to{transform:translate(0)}}@keyframes wave-bands{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes rolling-band{0%{top:-100px}to{top:100%}}@keyframes scanline-flicker{0%,to{opacity:1}50%{opacity:.98}}.status-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.camera-status-overlay .status-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--hud-primary, #00ff88);letter-spacing:.1em;opacity:.8;animation:pulse 1.5s ease-in-out infinite}.camera-status-overlay .status-text.error{color:#f44;opacity:.8}@keyframes pulse{0%,to{opacity:.64}50%{opacity:.8}}.camera-mirror .camera-video{transform:scaleX(-1)}.camera-thumbnail .status-text{font-size:.65rem}.share-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{width:90%;max-width:550px;background:linear-gradient(135deg,#0d0d0d,#1a1a2e);border:1px solid var(--hud-primary, #00ff88);box-shadow:0 0 40px #00ff8826,inset 0 1px #ffffff0d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.share-modal-icon{width:28px;height:28px;color:var(--hud-primary, #00ff88);flex-shrink:0}.share-modal-icon svg{width:100%;height:100%}.share-modal-header h2{flex:1;margin:0;font-size:1.1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--hud-primary, #00ff88)}.share-modal-close{background:transparent;border:none;color:#666;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;transition:color .2s}.share-modal-close:hover{color:#fff}.share-modal-content{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.share-section-header{font-size:.7rem;color:var(--hud-primary, #00ff88);text-transform:uppercase;letter-spacing:.15em;margin-top:.75rem;margin-bottom:.25rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,255,136,.3);opacity:.8}.share-section-header:first-of-type{margin-top:.5rem}.share-info-row{display:flex;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.share-info-row:last-child{border-bottom:none}.share-info-label{flex-shrink:0;width:140px;font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.share-info-value-wrapper{flex:1;position:relative;min-width:0}.share-info-value-wrapper.copyable{cursor:pointer}.share-info-value-wrapper.copyable:hover .share-info-input{border-color:var(--hud-primary, #00ff88);background:#00ff880d}.share-info-value-wrapper.empty{cursor:default}.share-info-input{width:100%;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#fff;padding:.5rem .7rem;background:#0006;border:1px solid rgba(255,255,255,.15);outline:none;cursor:pointer;transition:all .2s;box-sizing:border-box}.share-info-input:focus{border-color:var(--hud-primary, #00ff88);background:#00ff8814}.share-info-value-wrapper.empty .share-info-input{color:#444;font-style:italic;cursor:default}.copied-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--hud-primary, #00ff88);color:#000;font-size:.75rem;font-weight:600;padding:.3rem .8rem;letter-spacing:.05em;pointer-events:none;animation:fadeInOut 1.5s ease-in-out;z-index:1}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0}}.share-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);cursor:pointer;transition:all .2s}.share-btn svg{width:18px;height:18px}.share-btn:hover{background:#00ff8826}.share-btn-default{width:36px;height:36px;padding:0}.hud-logo .share-btn{width:28px;height:28px;padding:0}.hud-logo .share-btn:not(:hover){opacity:.45;border-color:color-mix(in srgb,var(--hud-primary, #00ff88) 45%,transparent);color:color-mix(in srgb,var(--hud-primary, #00ff88) 45%,transparent)}.hud-logo .share-btn:hover{opacity:1}.hud-logo .share-btn svg{width:16px;height:16px}body.theme-aggressive-red .hud-logo .share-btn:not(:hover){border-color:color-mix(in srgb,#ff4444 45%,transparent);color:color-mix(in srgb,#ff4444 45%,transparent)}.share-btn-card{width:28px;height:28px;padding:0;border-color:#00ff8880}.share-btn-card svg{width:14px;height:14px}.share-btn-card:hover{border-color:var(--hud-primary, #00ff88)}body.theme-aggressive-red .share-modal{border-color:#f44;box-shadow:0 0 40px #ff444426}body.theme-aggressive-red .share-modal-icon,body.theme-aggressive-red .share-modal-header h2{color:#f44}body.theme-aggressive-red .share-info-value-wrapper.copyable:hover .share-info-input{border-color:#f44;background:#ff44440d}body.theme-aggressive-red .share-info-input:focus{border-color:#f44;background:#ff444414}body.theme-aggressive-red .copied-notice{background:#f44}body.theme-aggressive-red .share-btn{border-color:#f44;color:#f44}body.theme-aggressive-red .share-btn:hover{background:#ff444426}body.theme-aggressive-red .share-btn-card{border-color:#ff444480}body.theme-aggressive-red .share-btn-card:hover{border-color:#f44}.camera-fit-btn{width:28px;height:28px;padding:0}.camera-fit-btn:not(.camera-fit-btn--fill):not(:hover){opacity:.45;border-color:color-mix(in srgb,var(--hud-primary, #00ff88) 45%,transparent);color:color-mix(in srgb,var(--hud-primary, #00ff88) 45%,transparent)}.camera-fit-btn svg{width:16px;height:16px;display:block}.camera-fit-btn--fill{opacity:1;background:#00ff8826}.camera-fit-btn--fill:hover{opacity:1}body.theme-aggressive-red .camera-fit-btn:not(.camera-fit-btn--fill):not(:hover){border-color:color-mix(in srgb,#ff4444 45%,transparent);color:color-mix(in srgb,#ff4444 45%,transparent)}body.theme-aggressive-red .camera-fit-btn--fill{background:#ff444426}body.theme-aggressive-red .share-section-header{color:#f44;border-bottom-color:#ff44444d}.language-switcher{position:relative;display:inline-flex;margin-left:8px}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-btn:hover{background:#0009;border-color:#ffffff40}.lang-btn.open{background:#000000b3;border-color:var(--theme-accent-primary, #00ff88)}.lang-flag{font-size:16px;line-height:1}.lang-code{font-family:Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:.5px;text-transform:uppercase}.lang-arrow{font-size:8px;opacity:.6;transition:transform .2s ease}.lang-btn.open .lang-arrow{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#0f0f14f2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-option.active{background:rgba(var(--theme-accent-primary-rgb, 0, 255, 136),.15);color:var(--theme-accent-primary, #00ff88)}.lang-option .lang-flag{font-size:18px}.lang-option .lang-code{font-weight:600;min-width:24px}.lang-option .lang-full-name{flex:1;opacity:.7;font-size:12px}.lang-option.active .lang-full-name{opacity:1}@media(max-width:768px){.lang-btn{padding:6px 10px}.lang-code,.lang-arrow{display:none}.lang-dropdown{right:-10px}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);color:var(--hud-primary, #00ff88);font-family:JetBrains Mono,Fira Code,Consolas,monospace;display:flex;flex-direction:column}.dashboard.loading{justify-content:center;align-items:center;gap:1rem;font-size:1.2rem}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0009;border-bottom:1px solid var(--hud-primary, #00ff88);box-shadow:0 2px 20px #00ff881a}.header-left{display:flex;align-items:center;gap:1rem}.header-left .logo-icon{font-size:2rem;color:var(--hud-primary, #00ff88);text-shadow:0 0 10px currentColor}.header-left h1{font-size:1.4rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin:0}.header-right{display:flex;gap:1rem}.header-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);text-decoration:none;font-family:inherit;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:all .2s}.header-btn:hover{background:var(--hud-primary, #00ff88);color:#000}.detected-drone-alert{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#ffaa001a;border-bottom:1px solid #ffaa00}.alert-icon{font-size:1.5rem;color:#fa0}.alert-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.alert-title{font-weight:600;color:#fa0}.alert-text{font-size:.85rem;opacity:.8}.alert-drone-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.alert-drone-id{display:inline-block;padding:.2rem .6rem;background:#fa03;border:1px solid #ffaa00;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#fa0}.alert-action{padding:.5rem 1rem;background:#fa0;border:none;color:#000;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.alert-action:hover{background:#fc0}.dashboard-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;padding:1rem;min-height:0}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:.75rem;padding:.75rem}}.drone-card{display:flex;flex-direction:column;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .3s;min-height:0}.drone-card:hover{transform:translateY(-2px);border-color:var(--hud-primary, #00ff88);box-shadow:0 8px 30px #0f83}.drone-card.online{border-color:#00ff884d}.drone-card.offline{opacity:.7}.drone-card.active-control{border-color:#0f8;box-shadow:0 0 20px #0f86,0 0 40px #0f83,inset 0 0 20px #00ff880d;animation:active-pulse 2s ease-in-out infinite}@keyframes active-pulse{0%,to{box-shadow:0 0 20px #0f86,0 0 40px #0f83,inset 0 0 20px #00ff880d}50%{box-shadow:0 0 30px #0f89,0 0 60px #00ff884d,inset 0 0 30px #00ff881a}}.drone-card.inactive-control{opacity:.5;filter:grayscale(30%);transition:opacity .3s,filter .3s}.drone-card.inactive-control:hover{opacity:.85;filter:grayscale(0%)}.drone-card-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#00000080;border-bottom:1px solid rgba(255,255,255,.05)}.drone-title{font-size:.9rem;font-weight:600;letter-spacing:.03em}.drone-title .drone-name{color:#0f8;margin-right:.5rem}.drone-title .drone-num{opacity:.7;font-weight:400}.drone-status{font-size:.7rem;letter-spacing:.05em;padding:.2rem .5rem;border-radius:2px}.drone-status.online{color:#0f8;background:#00ff881a}.drone-status.offline{color:#888;background:#ffffff0d}.drone-card-video{position:relative;flex:1;min-height:150px;background:linear-gradient(135deg,#0a0a0a,#101018);overflow:hidden}.drone-card-video .camera-feed{position:absolute;inset:0}.drone-number-overlay{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:8;padding:.5rem 1rem .5rem .8rem;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 70%,transparent 100%);pointer-events:none}.drone-number{font-size:2.5rem;font-weight:700;color:var(--hud-primary, #00ff88);text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4);letter-spacing:-.02em;font-family:JetBrains Mono,Fira Code,monospace}.drone-type-overlay{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:8;padding:.5rem .8rem .5rem 1rem;background:linear-gradient(270deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 70%,transparent 100%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.25rem}.drone-type-overlay .type-label{font-size:.7rem;font-weight:600;color:var(--hud-primary, #00ff88);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(0,255,136,.6)}.card-osd-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:.6rem .8rem;pointer-events:none;z-index:5}.osd-top,.osd-bottom{display:flex;justify-content:space-between;align-items:center}.osd-battery,.osd-speed,.osd-mode,.osd-gps{padding:.25rem .5rem;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.osd-battery{color:var(--hud-primary, #00ff88)}.osd-battery.good{color:#0f8;border-color:#00ff884d}.osd-battery.warn{color:#fa0;border-color:#ffaa004d}.osd-battery.crit{color:#f44;border-color:#ff44444d;animation:blink .8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.osd-mode{color:#8af;border-color:#88aaff4d;font-size:.7rem}.osd-speed{color:#fff}.osd-gps{color:#aaa;font-size:.7rem}.preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .25s;z-index:10}.drone-card:hover .preview-overlay{opacity:1}.preview-hint{padding:.6rem 1.2rem;background:#000c;border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);font-size:.8rem;font-weight:600;letter-spacing:.1em}.no-camera{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#555;font-size:.8rem}.no-camera .camera-icon{font-size:2.5rem;opacity:.3}.drone-card.empty-slot{opacity:.35;cursor:default;border-color:#ffffff0d;background:#0000004d}.drone-card.empty-slot:hover{transform:none;border-color:#ffffff1a;box-shadow:none}.drone-card.empty-slot .drone-card-header{opacity:.5}.drone-card.empty-slot .drone-title{color:#666}.empty-slot-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.empty-slot-number{font-size:3rem;font-weight:700;color:#ffffff26;text-shadow:none}.empty-slot-hint{font-size:.75rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em}.drone-card.empty-slot .drone-number-overlay{display:none}.no-drones{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.no-drones-icon{font-size:4rem;opacity:.3}.no-drones h2{font-weight:400;margin:0}.no-drones p{opacity:.6;margin:0}.add-drone-btn{margin-top:1rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);text-decoration:none;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s}.add-drone-btn:hover{background:var(--hud-primary, #00ff88);color:#000}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0006;border-top:1px solid rgba(255,255,255,.05)}.footer-version{font-size:.8rem;opacity:.4;font-weight:500;letter-spacing:.05em}.footer-text{font-size:.85rem;opacity:.5}.joystick-icon{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:88px;height:88px;z-index:15;pointer-events:none}.joystick-svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,255,136,.8))}.signal-wave{fill:none;stroke:#0f8;stroke-width:1.5;stroke-linecap:round;opacity:0}.wave-1{animation:wave-pulse 1.5s ease-out infinite}.wave-2{animation:wave-pulse 1.5s ease-out .3s infinite}.wave-3{animation:wave-pulse 1.5s ease-out .6s infinite}@keyframes wave-pulse{0%{opacity:0;transform:translateY(2px)}30%{opacity:1}to{opacity:0;transform:translateY(-2px)}}.antenna{stroke:#0f8;stroke-width:2}.antenna-tip{fill:#0f8}.controller-body{fill:#000000b3;stroke:#0f8;stroke-width:1.5}.joystick-base-small{fill:#0f83;stroke:#0f8;stroke-width:1}.joystick-stick-small{fill:#0f8}.joystick-stick-left{fill:#0f8;animation:stick-move-left 3s ease-in-out infinite;transform-origin:center}.joystick-stick-right{fill:#0f8;animation:stick-move-right 2.5s ease-in-out infinite;transform-origin:center}@keyframes stick-move-left{0%,to{transform:translate(0)}15%{transform:translate(1.5px,-1px)}30%{transform:translate(-1px,1.5px)}45%{transform:translate(1px,1px)}60%{transform:translate(-1.5px,-.5px)}75%{transform:translate(.5px,1.5px)}90%{transform:translate(-1px,-1.5px)}}@keyframes stick-move-right{0%,to{transform:translate(0)}12%{transform:translate(-1px,1px)}25%{transform:translate(1.5px,.5px)}38%{transform:translate(-.5px,-1.5px)}50%{transform:translate(1px,-1px)}62%{transform:translate(-1.5px,1.5px)}75%{transform:translate(.5px,-.5px)}88%{transform:translate(1px,1.5px)}}.controller-indicator{fill:#0f8;animation:indicator-blink 1s ease-in-out infinite}@keyframes indicator-blink{0%,to{opacity:1}50%{opacity:.3}}.hand{fill:#00ff884d;stroke:#0f8;stroke-width:1}.joystick-icon.inactive .joystick-svg{filter:drop-shadow(0 0 2px rgba(128,128,128,.5))}.joystick-icon.inactive .signal-wave{stroke:#666;animation:none;opacity:.3}.joystick-icon.inactive .antenna{stroke:#666}.joystick-icon.inactive .antenna-tip{fill:#666}.joystick-icon.inactive .controller-body{stroke:#666}.joystick-icon.inactive .joystick-base-small{fill:#80808033;stroke:#666}.joystick-icon.inactive .joystick-stick-left,.joystick-icon.inactive .joystick-stick-right{fill:#666;animation:none}.joystick-icon.inactive .controller-indicator{fill:#666;animation:none;opacity:.5}.joystick-icon.inactive .hand{fill:#80808033;stroke:#666}.joystick-icon.disconnected .joystick-svg{filter:drop-shadow(0 0 4px rgba(255,68,68,.6))}.joystick-icon.disconnected .signal-wave{stroke:#f44;animation:none;opacity:.3}.joystick-icon.disconnected .antenna{stroke:#f44}.joystick-icon.disconnected .antenna-tip{fill:#f44}.joystick-icon.disconnected .controller-body{stroke:#f44}.joystick-icon.disconnected .joystick-base-small{fill:#f443;stroke:#f44}.joystick-icon.disconnected .joystick-stick-left,.joystick-icon.disconnected .joystick-stick-right{fill:#f44;animation:none}.joystick-icon.disconnected .controller-indicator{fill:#f44;animation:none;opacity:.7}.joystick-icon.disconnected .hand{fill:#f443;stroke:#f44}.joystick-icon.clickable{pointer-events:auto;cursor:pointer;transition:transform .2s ease}.joystick-icon.clickable:hover{transform:translate(-50%) scale(1.15)}.joystick-icon.clickable:hover .joystick-svg{filter:drop-shadow(0 0 6px rgba(128,128,128,.8))}.joystick-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;margin-bottom:8px;border:1px solid rgba(128,128,128,.5)}.joystick-icon.clickable:hover .joystick-tooltip{opacity:1;visibility:visible}.activate-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.activate-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080}.activate-modal-icon{font-size:3rem;margin-bottom:1rem}.activate-modal h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.activate-modal-subtitle{color:#fff9;font-size:.9rem;margin:0 0 1.5rem}.activate-form{display:flex;flex-direction:column;gap:1rem}.activate-input-group{position:relative}.activate-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.activate-input:focus{outline:none;border-color:var(--hud-primary, #00ff88);box-shadow:0 0 0 3px #00ff8826}.activate-input::placeholder{color:#fff6}.activate-error{color:#f44;font-size:.85rem;padding:8px 12px;background:#ff44441a;border-radius:6px;border:1px solid rgba(255,68,68,.3)}.activate-buttons{display:flex;gap:.75rem;margin-top:.5rem}.activate-cancel-btn,.activate-submit-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.activate-cancel-btn{background:#ffffff1a;color:#ffffffb3}.activate-cancel-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.activate-submit-btn{background:linear-gradient(135deg,var(--hud-primary, #00ff88),#00cc6a);color:#000}.activate-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0f86}.activate-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.activate-submit-btn.loading{opacity:.7}.activate-progress{text-align:center}.activate-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:1.5rem}.activate-progress-fill{height:100%;width:30%;background:linear-gradient(90deg,var(--hud-primary, #00ff88),#00cc6a,var(--hud-primary, #00ff88));background-size:200% 100%;border-radius:3px;animation:activate-progress-slide 1.5s ease-in-out infinite}@keyframes activate-progress-slide{0%{transform:translate(-100%);background-position:0% 50%}50%{background-position:100% 50%}to{transform:translate(350%);background-position:0% 50%}}.drone-card[draggable=true]{cursor:grab}.drone-card[draggable=true]:active{cursor:grabbing}.drone-card.dragging{opacity:.4;transform:scale(.95);border-color:#fff3;box-shadow:none}.dashboard-grid.is-dragging .drone-card,.dashboard-grid.is-dragging .drone-card.empty-slot{border-style:dashed;border-color:#00ff8840;transition:all .15s ease-out}.dashboard-grid.is-dragging .drone-card.dragging{border-style:solid}.drone-card.drag-over,.drone-card.empty-slot.drag-over{border:2px dashed var(--hud-primary, #00ff88)!important;background:#00ff8814;transform:scale(1.02);box-shadow:0 0 25px #00ff884d,inset 0 0 30px #00ff880d;opacity:1!important}.drone-card.empty-slot.drag-over{opacity:.8!important}.drone-card.empty-slot.drag-over .empty-slot-content{opacity:.6}.drone-card.empty-slot.drag-over .empty-slot-number{color:var(--hud-primary, #00ff88);text-shadow:0 0 15px rgba(0,255,136,.5)}.drone-card.empty-slot.drag-over .empty-slot-hint{color:var(--hud-primary, #00ff88)}.dashboard-grid.is-dragging .preview-overlay{display:none}body.theme-aggressive-red .dashboard-grid.is-dragging .drone-card,body.theme-aggressive-red .dashboard-grid.is-dragging .drone-card.empty-slot{border-color:#ff444440}body.theme-aggressive-red .drone-card.drag-over,body.theme-aggressive-red .drone-card.empty-slot.drag-over{border-color:#f44!important;background:#ff444414;box-shadow:0 0 25px #ff44444d,inset 0 0 30px #ff44440d}body.theme-aggressive-red .drone-card.empty-slot.drag-over .empty-slot-number,body.theme-aggressive-red .drone-card.empty-slot.drag-over .empty-slot-hint{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.5)}.control-settings-page{min-height:100vh;background:#090d0c;color:#dce7e2;padding:24px;font-family:inherit}.control-settings-header{max-width:900px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between}.control-settings-header>div{display:flex;align-items:center;gap:12px}.control-settings-header h1{font-size:22px;margin:0}.control-settings-header a{color:var(--hud-primary,#00ff88);text-decoration:none}.control-settings-panel{max-width:900px;margin:auto;border:1px solid #294039;background:#101715;padding:24px;display:grid;gap:22px}.control-settings-panel label{display:grid;gap:8px}.control-settings-panel select{background:#080d0b;color:#fff;border:1px solid #36564b;padding:12px}.control-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-mode-switch button,.control-enable{padding:14px;border:1px solid #36564b;background:#111b18;color:#a9b9b3;cursor:pointer}.control-mode-switch button.active{border-color:var(--hud-primary,#00ff88);color:var(--hud-primary,#00ff88)}.keyboard-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.keyboard-map span{border:1px solid #294039;background:#0b100f;padding:15px;text-align:center}.keyboard-map small{display:block;color:#81938c;margin-top:7px}.control-connection{font-family:monospace;color:#a7b4af}.control-connection.connected{color:#0f8}.control-connection.error,.control-connection.busy{color:#ff6868}.control-enable{border-color:#0f8;color:#0f8;font-weight:700}.control-enable.stop{border-color:#ff5656;color:#ff5656}.control-enable:disabled{opacity:.45;cursor:not-allowed}.control-warning{color:#91a099;font-size:13px;margin:0}.gamepad-info,.calibration-note{color:#a9b9b3}.calibration-actions{display:flex;gap:10px}.calibration-actions button,.mapping-row button{background:#111b18;color:#b7c7c1;border:1px solid #36564b;padding:9px;cursor:pointer}.mapping-row button.capturing{border-color:#f4c95d;color:#f4c95d}.mapping-table{display:grid;grid-template-columns:80px 1fr 1.5fr 90px 90px;border:1px solid #294039}.mapping-head{padding:9px;background:#17211e;color:#91a099;font-size:12px}.mapping-row{display:contents}.mapping-row>*{min-width:0;padding:9px;border-top:1px solid #294039;align-self:stretch;box-sizing:border-box}.mapping-row select{background:#080d0b;color:#fff;border:0}.mapping-row input{margin:auto}.mapping-row strong{text-align:center;color:var(--hud-primary,#00ff88)}@media(max-width:760px){.control-settings-page{padding:12px}.control-settings-header{align-items:flex-start}.control-settings-panel{padding:12px}.keyboard-map{grid-template-columns:1fr 1fr}.mapping-table{grid-template-columns:62px 1fr 1.4fr 64px 70px;font-size:12px}.mapping-row>*{padding:6px}.mapping-head{padding:6px;font-size:10px}}.keyboard-settings{display:grid;gap:14px}.keyboard-channel-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.keyboard-channel-map label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #294039;background:#0b100f;padding:10px}.keyboard-channel-map select{padding:7px;min-width:76px}@media(max-width:760px){.keyboard-channel-map{grid-template-columns:1fr 1fr}}.controller-profile-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:18px;padding:20px;margin-bottom:22px;border:1px solid rgba(0,255,136,.35);background:#00ff8809}.controller-profile-create{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px}.controller-profile-create button.danger{color:#ff6262;border-color:#ff5050b3}.controller-profile-box input,.controller-profile-create button{min-width:0;padding:12px;box-sizing:border-box;background:#080d0b;color:#e2eee9;border:1px solid #36564b;font:inherit}.controller-profile-create button{color:var(--hud-primary, #00ff88);cursor:pointer}.controller-profile-create button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:760px){.controller-profile-box,.controller-profile-create{grid-template-columns:1fr}.controller-profile-create{grid-column:auto}}.profile-editor{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);color:var(--hud-primary, #00ff88);font-family:JetBrains Mono,Fira Code,Consolas,monospace}.profile-editor.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.2rem}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0009;border-bottom:1px solid var(--hud-primary, #00ff88)}.header-left{display:flex;align-items:center;gap:2rem}.back-btn{color:var(--hud-primary, #00ff88);text-decoration:none;font-size:.9rem;opacity:.7;transition:opacity .2s}.back-btn:hover{opacity:1}.editor-header h1{font-size:1.4rem;font-weight:400;letter-spacing:.1em;margin:0}.tabs-nav{display:flex;gap:0;padding:0 2rem;background:#0006;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:#aaa;background:#ffffff05}.tab-btn.active{color:var(--hud-primary, #00ff88);border-bottom-color:var(--hud-primary, #00ff88)}.tab-badge{font-size:.6rem;margin-left:.25rem}.tab-badge.pairing{color:#fa0;animation:pulse-badge 1s ease-in-out infinite}.mmtx-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;transition:background-color .3s,box-shadow .3s}.mmtx-status-dot.running{background-color:#0f8;box-shadow:0 0 6px #0f8}.mmtx-status-dot.stopped{background-color:#f44;box-shadow:0 0 6px #f44}.mmtx-status-dot.restarting{background-color:#fa0;box-shadow:0 0 6px #fa0;animation:mmtx-pulse .8s ease-in-out infinite}.mmtx-status-dot.unknown{background-color:#666;box-shadow:none}@keyframes mmtx-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-badge{0%,to{opacity:.5}50%{opacity:1}}.tab-content{flex:1;overflow-y:auto;max-height:calc(100vh - 120px);padding-bottom:2rem}.tab-content.connected-tab-content{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}section{padding:2rem;border-bottom:1px solid rgba(255,255,255,.05)}section h2{font-size:1.1rem;font-weight:400;margin:0 0 1rem;opacity:.7}.detected-section{background:#00c8960d;border-bottom-color:#00c89633}.detected-subtitle{font-size:.85rem;opacity:.6;margin:0 0 1rem}.detected-drones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.detected-drone-card{background:#0006;border:1px solid #00c896;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s}.detected-drone-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00c89633;border-color:#0fb}.detected-drone-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00c8961a;border-bottom:1px solid rgba(0,200,150,.3)}.drone-id-badge{font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#fa0;background:#fa03;padding:.25rem .5rem;border-radius:3px}.add-profile-hint{font-size:.8rem;color:#fa0;opacity:.7}.detected-drone-card:hover .add-profile-hint{opacity:1}.detected-drone-map{height:150px;background:#1a1a1a}.mini-map{width:100%;height:100%}.mini-map-loading,.mini-map-no-data{display:flex;justify-content:center;align-items:center;height:100%;font-size:.85rem;color:#666}.detected-drone-info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;background:#0000004d}.detected-drone-info .coords{font-family:Courier New,monospace;color:#888}.detected-drone-info .no-coords{color:#666;font-style:italic}.detected-drone-info .last-seen{color:#666;font-size:.75rem}.settings-grid{flex:1;min-height:0;padding:1rem}.drone-card.profile-slot{transition:border-color .2s,box-shadow .2s,opacity .2s,transform .2s;cursor:grab}.drone-card.profile-slot:active{cursor:grabbing}.drone-card.profile-slot:hover{transform:none;border-color:var(--accent-color, var(--hud-primary, #00ff88));box-shadow:0 0 15px rgba(var(--accent-color-rgb, 0, 255, 136),.3),0 4px 20px #0000004d}.drone-card.profile-slot.dragging{opacity:.4;transform:scale(.95);cursor:grabbing}.drone-card.profile-slot .drone-card-header{gap:.5rem;flex-shrink:0}.drone-card.profile-slot .drone-card-video{min-height:0}.profile-status-dot{width:10px;height:10px;border-radius:50%;background-color:var(--accent-color, var(--hud-primary, #00ff88));box-shadow:0 0 8px var(--accent-color, var(--hud-primary, #00ff88));flex-shrink:0}.drone-card.profile-slot .drone-number-badge{font-size:1.1rem;font-weight:700;color:#ffffffe6;min-width:auto}.drone-card.profile-slot .drone-title{flex:1}.drone-card.profile-slot .edit-btn{margin-left:auto}.profile-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:transparent}.profile-content .profile-details{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.profile-content .profile-details::-webkit-scrollbar{width:4px}.profile-content .profile-details::-webkit-scrollbar-thumb{background:rgba(var(--hud-primary-rgb, 0, 255, 136),.3);border-radius:2px}.profile-content .profile-actions{flex-shrink:0;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.05)}.profile-content .view-osd-btn{display:block;width:100%;padding:.6rem 1rem;background:rgba(var(--hud-primary-rgb, 0, 255, 136),.15);border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);font-family:inherit;font-size:.85rem;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.profile-content .view-osd-btn:hover{background:rgba(var(--hud-primary-rgb, 0, 255, 136),.25);box-shadow:0 0 15px rgba(var(--hud-primary-rgb, 0, 255, 136),.3)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.no-profiles{padding:2rem;text-align:center;opacity:.5}.profile-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--accent-color, #00ff88);border-radius:2px}.profile-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.profile-drone-number{font-size:1.3rem;font-weight:700;color:var(--hud-primary, #00ff88);text-shadow:0 0 8px currentColor;min-width:2.5rem;letter-spacing:-.02em}.profile-name{flex:1;font-weight:600}.profile-card-header .edit-btn{margin-left:auto}.drone-id-value{font-family:JetBrains Mono,monospace;font-size:.85rem;opacity:.6}.edit-btn{padding:.35rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit;font-family:inherit;font-size:.75rem;cursor:pointer;opacity:.6;transition:all .2s}.edit-btn:hover{opacity:1;border-color:var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88)}.profile-details{padding:1rem}.detail-row{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.8rem}.detail-label{opacity:.5;min-width:100px}.detail-value{flex:1;word-break:break-all}.detail-value em{opacity:.4;font-style:normal}.profile-actions{padding:.75rem 1rem;background:#0003;text-align:right}.view-osd-btn{padding:.5rem 1rem;background:var(--accent-color, #00ff88);border:none;color:#000;text-decoration:none;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.view-osd-btn:hover{filter:brightness(1.1)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;padding:2rem;z-index:1000}.modal-content{background:#0a0a0f;border:1px solid var(--hud-primary, #00ff88);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.profile-form{padding:1.5rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-header h3{font-size:1.1rem;font-weight:400;margin:0}.form-header-actions{display:flex;align-items:center;gap:.65rem}.form-header-actions .account-deactivate{padding:.35rem .75rem;background:transparent;color:#ff9a72;border:1px solid rgba(255,140,90,.6);font:inherit;font-size:.75rem;cursor:pointer}.form-header-actions .account-deactivate:hover{border-color:#ff8a55;box-shadow:0 0 12px #ff643c2e}.delete-btn{padding:.35rem .75rem;background:transparent;border:1px solid #ff4444;color:#f44;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#f44;color:#000}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.85rem;opacity:.7}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.6rem .75rem;background:#0006;border:1px solid rgba(255,255,255,.1);color:inherit;font-family:inherit;font-size:.9rem}.form-group input:focus{outline:none;border-color:var(--hud-primary, #00ff88)}.form-hint{display:block;margin-top:.35rem;font-size:.75rem;opacity:.4}.camera-transport-switch{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.camera-transport-switch button{padding:.7rem 1rem;background:#00000059;color:#7f918a;border:1px solid rgba(255,255,255,.14);font:inherit;cursor:pointer}.camera-transport-switch button.active{color:var(--hud-primary,#00ff88);border-color:var(--hud-primary,#00ff88);box-shadow:0 0 12px #00ff881f}.wireguard-address-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1rem}.wireguard-config-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.wireguard-config-actions .view-osd-btn{margin:0;text-decoration:none}@media(max-width:700px){.wireguard-address-grid{grid-template-columns:1fr}.form-header{align-items:flex-start}.form-header-actions{flex-wrap:wrap;justify-content:flex-end}}.crsf-speed-row{display:flex;gap:.75rem}.crsf-speed-row input{flex:1}.color-input-row{display:flex;gap:.75rem}.color-input-row input[type=color]{width:50px;height:36px;padding:2px;background:transparent;border:1px solid rgba(255,255,255,.1);cursor:pointer}.color-input-row .color-text{flex:1}.form-error.save-profile-error{margin-top:1rem;padding:.75rem 1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:4px;color:#f66;font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.guest-link-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.cancel-btn{padding:.6rem 1.25rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit;font-family:inherit;font-size:.9rem;cursor:pointer;opacity:.6;transition:opacity .2s}.cancel-btn:hover{opacity:1}.save-btn{padding:.6rem 1.5rem;background:var(--hud-primary, #00ff88);border:none;color:#000;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn:hover:not(:disabled){filter:brightness(1.1)}.discover-section{background:#0096ff0d;border-bottom-color:#0096ff33}.discover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.discover-title h2{color:#0af;margin:0 0 .25rem}.discover-title p{font-size:.85rem;opacity:.6;margin:0}.discover-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#06c,#09f);border:none;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 10px #0096ff4d}.discover-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #0096ff66}.discover-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.discover-btn.discovering{background:linear-gradient(135deg,#048,#07c)}.discover-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.discover-content-split{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.discover-content-split{flex-direction:row;align-items:flex-start}.discovered-drones-panel{flex:0 0 60%;max-width:60%}.discover-content-split .terminal-output{flex:0 0 38%;max-width:38%;position:sticky;top:1rem}}.discovered-drones-panel{min-width:0}.terminal-output{background:#0a0a0a;border:1px solid #333;border-radius:6px;margin-bottom:1.5rem;overflow:hidden;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1a1a1a;border-bottom:1px solid #333}.terminal-title{font-size:.8rem;color:#888;font-weight:500;display:flex;align-items:center;gap:.5rem}.terminal-icon{color:var(--hud-primary, #00ff88);font-family:Courier New,monospace;font-weight:700;font-size:.9rem}.terminal-clear-btn{padding:.25rem .5rem;background:transparent;border:1px solid #444;color:#666;font-family:inherit;font-size:.7rem;cursor:pointer;border-radius:3px;transition:all .2s}.terminal-clear-btn:hover{border-color:#888;color:#aaa}.terminal-body{padding:1rem;max-height:400px;overflow-y:auto;scroll-behavior:smooth}.terminal-entry{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #222}.terminal-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.terminal-entry.running{opacity:.8}.terminal-command-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.terminal-command-line .prompt{color:#0f8;font-weight:700}.terminal-command-line .command{color:#0af}.terminal-command-line .discover-spinner{color:#fa0;margin-left:.5rem}.terminal-info{color:#888;font-size:.8rem;padding:.5rem 0;font-style:italic}.terminal-entry.discover .terminal-command-line .command{color:#0af}.terminal-entry.pair .terminal-command-line .command{color:#fa0}.terminal-entry.telemetry-check .terminal-result{margin-top:0;padding-top:0;border-top:none}.terminal-line{font-size:.85rem;line-height:1.5;color:#aaa}.terminal-line.waiting{color:#0af;display:flex;align-items:center;gap:.5rem}.terminal-line.empty{color:#666;font-style:italic}.terminal-section{margin-bottom:1rem}.terminal-section:last-child{margin-bottom:0}.terminal-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.25rem}.terminal-section.stderr .terminal-label{color:#f94}.terminal-section.warning .terminal-label{color:#fa0}.terminal-section.error .terminal-label{color:#f44}.terminal-content{margin:0;padding:.75rem;background:#ffffff08;border-radius:4px;font-size:.8rem;line-height:1.6;color:#ccc;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.terminal-section.stderr .terminal-content{color:#f94;background:#ff99440d}.terminal-section.warning .terminal-content{color:#fa0;background:#ffaa000d}.terminal-section.error .terminal-content{color:#f66;background:#ff44440d}.terminal-result{margin-top:1rem;padding-top:1rem;border-top:1px solid #333;font-size:.9rem}.terminal-result .result-success{color:#0f8}.terminal-result .result-error{color:#f66}.terminal-result .result-empty{color:#888}.discover-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f66;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.discover-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#0003;border:1px dashed rgba(0,150,255,.3);border-radius:8px;gap:1rem;color:#666;text-align:center}.discover-empty .empty-icon{font-size:2.5rem;opacity:.5}.discovered-drones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.discovered-drone-card{display:flex;flex-direction:column;background:#0006;border:1px solid #00aaff;border-radius:4px;overflow:hidden;transition:all .2s}.discovered-drone-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0096ff33}.discovered-drone-card.success{border-color:#0f8;box-shadow:0 0 20px #0f83}.discovered-drone-card.failed{border-color:#f66}.discovered-drone-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0096ff1a;border-bottom:1px solid rgba(0,150,255,.3)}.discovered-drone-header .drone-id-badge{color:#0af;background:#0096ff33}.discovered-drone-header .drone-name{color:#0f8;font-weight:600;margin-right:.5rem}.drone-method{font-size:.7rem;padding:.2rem .5rem;background:#ffffff1a;border-radius:3px;color:#888;text-transform:uppercase}.discovered-drone-card.already-paired{border-color:#00c896}.discovered-drone-card.already-paired .discovered-drone-header{background:#00c8961a;border-bottom-color:#00c8964d}.already-paired-notice{padding:.5rem 1rem;background:#00c89626;color:#00c896;font-size:.8rem;border-bottom:1px solid rgba(0,200,150,.2)}.pair-btn.re-pair{background:linear-gradient(135deg,#065,#0a8)}.pair-btn.re-pair:hover:not(:disabled){background:linear-gradient(135deg,#076,#0b9)}.discovered-drone-details{padding:1rem;font-size:.85rem}.discovered-drone-details .detail-row{display:flex;gap:.5rem;margin-bottom:.4rem}.discovered-drone-details .detail-label{color:#666;min-width:60px}.discovered-drone-details .detail-value{font-family:Courier New,monospace;color:#aaa}.pairing-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}.pairing-message.pairing,.pairing-message.checking{background:#0096ff1a;color:#0af}.pairing-message.success{background:#00ff881a;color:#0f8}.pairing-message.failed{background:#ff44441a;color:#f66}.pairing-spinner{display:inline-block;animation:spin 1s linear infinite}.success-icon{color:#0f8;font-weight:700}.failed-icon{color:#f66;font-weight:700}.drone-type-selector{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0003;border-top:1px solid rgba(0,150,255,.1);margin-top:auto}.drone-type-selector.direct-pair-type{background:#ffaa000d;border:1px solid rgba(255,170,0,.2);border-radius:6px;margin-bottom:1rem;padding:1rem 1.5rem;max-width:420px;box-sizing:border-box}.drone-type-buttons{display:flex;gap:.5rem}.drone-type-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.drone-type-btn:hover:not(:disabled){background:#0006;border-color:#fff3}.drone-type-btn.active{background:rgba(var(--hud-primary-rgb, 0, 255, 136),.15);border-color:var(--hud-primary, #00ff88);box-shadow:0 0 10px rgba(var(--hud-primary-rgb, 0, 255, 136),.3)}.drone-type-btn:disabled{opacity:.5;cursor:not-allowed}.drone-type-label{font-size:.85rem;font-weight:600;color:var(--hud-primary, #00ff88);text-transform:uppercase;letter-spacing:.5px}.drone-type-row .drone-type-value{display:flex;align-items:center;gap:.5rem}.drone-type-row .drone-type-value span{color:var(--hud-primary, #00ff88);font-weight:500}.direct-pair-type .drone-type-btn{width:56px;height:56px}.direct-pair-type .drone-type-label{font-size:1rem}.drone-type-selector.form-type-selector{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.75rem 1rem;margin-top:0}.form-type-selector .drone-type-btn{width:44px;height:44px}.form-type-selector .drone-type-label{font-size:.9rem}.discovered-drone-actions{margin-top:auto;padding:.75rem 1rem;background:#0000004d}.pair-btn{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#06c,#09f);border:none;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:3px;transition:all .2s}.pair-btn:hover:not(:disabled){filter:brightness(1.1)}.pair-btn:disabled{opacity:.6;cursor:not-allowed}.pair-btn.disabled-other{background:#333;opacity:.5}.discover-btn.disabled-pairing{background:#444;opacity:.6}.pair-btn.pairing{background:linear-gradient(135deg,#048,#07c);animation:pulse-pairing 1.5s ease-in-out infinite}.pair-btn.success{background:linear-gradient(135deg,#0a6,#0f8);color:#000}@keyframes pulse-pairing{0%,to{opacity:.6}50%{opacity:1}}.confirm-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:linear-gradient(135deg,#0a0f0a,#0d1a0d);border:2px solid #00ff88;border-radius:4px;max-width:420px;width:90%;box-shadow:0 0 30px #00ff884d,inset 0 0 20px #00000080;animation:modal-appear .2s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:#00ff881a;border-bottom:1px solid rgba(0,255,136,.3)}.confirm-modal-icon{font-size:1.5rem;color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.5)}.confirm-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#0f8;text-transform:uppercase;letter-spacing:.5px}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{margin:0;color:#afc;font-size:.95rem;line-height:1.6}.confirm-modal-actions{display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirm-modal-btn{padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;border:1px solid;border-radius:3px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.confirm-modal-btn.cancel{background:transparent;border-color:#666;color:#888}.confirm-modal-btn.cancel:hover{border-color:#888;color:#aaa;background:#ffffff0d}.confirm-modal-btn.confirm{background:linear-gradient(135deg,#0a6,#0f8);border-color:#0f8;color:#001a0a}.confirm-modal-btn.confirm:hover{filter:brightness(1.1);box-shadow:0 0 15px #0f86}.camera-scanner-container{max-width:900px;width:90vw}.camera-scanner-modal{padding:0}.camera-scanner-header{padding:1.5rem;border-bottom:1px solid rgba(0,255,136,.2)}.camera-scanner-header h3{margin:0 0 .25rem;color:var(--hud-primary, #00ff88);font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.scanner-subtitle{color:#687;font-size:.85rem;font-family:JetBrains Mono,monospace}.camera-scanner-notice{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:#ffaa001a;border-bottom:1px solid rgba(255,170,0,.3)}.camera-scanner-notice .notice-icon{color:#fa0;font-size:1rem}.camera-scanner-notice .notice-text{color:#fa0;font-size:.85rem;letter-spacing:.02em}.camera-scanner-terminal{margin:1.5rem 1.5rem 1rem;background:#000a05e6;border:1px solid rgba(0,255,136,.2);border-radius:4px;overflow:hidden}.camera-scanner-terminal .terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#00ff880d;border-bottom:1px solid rgba(0,255,136,.1)}.camera-scanner-terminal .terminal-title{font-size:.8rem;color:#687;font-weight:500}.camera-scanner-terminal .terminal-icon{color:var(--hud-primary, #00ff88);margin-right:.5rem}.camera-scanner-terminal .terminal-body{padding:.75rem;max-height:200px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5}.camera-scanner-terminal .terminal-entry{margin-bottom:.5rem}.camera-scanner-terminal .terminal-command-line{display:flex;align-items:center;gap:.5rem;color:var(--hud-primary, #00ff88)}.camera-scanner-terminal .prompt{color:#687}.camera-scanner-terminal .command{color:var(--hud-primary, #00ff88)}.camera-scanner-terminal .running-indicator{animation:spin 1s linear infinite;color:#fa0}.camera-scanner-terminal .terminal-stdout{margin:.5rem 0;padding:.5rem;background:#0000004d;border-radius:3px;color:#afc;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto}.camera-scanner-terminal .terminal-stderr{margin:.5rem 0;padding:.5rem;background:#64000033;border-radius:3px;color:#f88;white-space:pre-wrap;word-break:break-all}.camera-scanner-terminal .terminal-result{margin-top:.5rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.camera-scanner-terminal .terminal-result.success{color:var(--hud-primary, #00ff88)}.camera-scanner-terminal .terminal-result.error{color:#f66}.camera-scanner-actions{padding:1rem 1.5rem;display:flex;justify-content:center;gap:1rem}.scan-btn{padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#032,#043);border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.scan-btn:hover:not(:disabled){background:linear-gradient(135deg,#043,#054);box-shadow:0 0 20px #00ff884d}.scan-btn:disabled{opacity:.5;cursor:not-allowed}.scan-btn.scanning{background:linear-gradient(135deg,#1a3322,#2a4433)}.upgrade-tab-content{padding:1rem;display:flex;flex-direction:column;min-height:0}.upgrade-tab-top{flex-shrink:0}.upgrade-tab-terminal-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1rem}.upgrade-instructions{margin-bottom:1rem;padding:.75rem 1rem;background:#00ff8814;border-radius:6px;border-left:3px solid rgba(0,255,136,.4)}.upgrade-instructions p{margin:0;font-size:.9rem;color:#ffffffd9;line-height:1.5}.upgrade-actions{margin-bottom:1rem}.upgrade-progress-bar{height:6px;background:#0006;border-radius:3px;overflow:hidden;margin-bottom:1rem}.upgrade-progress-fill{height:100%;background:linear-gradient(90deg,var(--hud-primary, #00ff88),#00cc6a);border-radius:3px;transition:width .3s ease}.upgrade-progress-fill.error{background:linear-gradient(90deg,#f66,#c44)}.upgrade-btn{padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#032,#043);color:var(--hud-primary, #00ff88);border:1px solid rgba(0,255,136,.3);border-radius:8px;cursor:pointer;transition:all .2s}.upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#043,#054);box-shadow:0 0 20px #00ff884d}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-btn.running{background:linear-gradient(135deg,#1a3322,#2a4433)}.upgrade-terminal{margin-left:0;margin-right:0;width:100%;flex-shrink:0}.upgrade-terminal .terminal-body{max-height:400px}.upgrade-notification{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.upgrade-notification.success{background:#00ff8826;border:1px solid rgba(0,255,136,.4);color:var(--hud-primary, #00ff88)}.upgrade-notification.error{background:#ff646426;border:1px solid rgba(255,100,100,.4);color:#f88}.upgrade-notification .icon{font-size:1.5rem;flex-shrink:0}.upgrade-terminal .terminal-output-combined{margin:.5rem 0;padding:.75rem;background:#0006;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--hud-primary, #00ff88);white-space:pre-wrap;word-break:break-all;min-height:2rem}.direct-connect-btn{padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#1a2233,#2a3344);border:1px solid #00aaff;color:#0af;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.direct-connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#2a3344,#3a4455);box-shadow:0 0 20px #00aaff4d}.direct-connect-btn:disabled{opacity:.5;cursor:not-allowed}.direct-connect-form{padding:1.5rem;border-bottom:1px solid rgba(0,255,136,.1)}.rtsp-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.rtsp-input-group label{font-size:.9rem;color:#0af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rtsp-url-input{width:100%;padding:.75rem 1rem;background:#001428cc;border:1px solid rgba(0,170,255,.3);border-radius:4px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .2s;box-sizing:border-box}.rtsp-url-input:focus{outline:none;border-color:#0af;box-shadow:0 0 15px #0af3}.rtsp-url-input.error{border-color:#f66;box-shadow:0 0 10px #ff646433}.rtsp-url-input::placeholder{color:#456}.rtsp-url-input:disabled{opacity:.6;cursor:not-allowed}.rtsp-url-hint{font-size:.75rem;color:#687;font-family:JetBrains Mono,monospace}.rtsp-url-error{font-size:.8rem;color:#f66;margin-top:.25rem}.direct-connect-actions{display:flex;gap:1rem;justify-content:center}.test-btn{padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#032,#043);border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.test-btn:hover:not(:disabled){background:linear-gradient(135deg,#043,#054);box-shadow:0 0 20px #00ff884d}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-btn.testing{background:linear-gradient(135deg,#1a3322,#2a4433)}.back-btn{padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;background:transparent;border:1px solid #666;color:#888;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.back-btn:hover:not(:disabled){border-color:#888;color:#aaa;background:#ffffff0d}.back-btn:disabled{opacity:.5;cursor:not-allowed}.direct-test-error{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:4px;color:#fa0;font-size:.9rem}.scan-spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:.5rem}.scan-error{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#f88;font-size:.9rem}.cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:0 1.5rem 1.5rem;max-height:50vh;overflow-y:auto}.camera-card{background:#00140acc;border:1px solid rgba(0,255,136,.2);border-radius:6px;overflow:hidden;transition:all .2s}.camera-card:hover{border-color:#0f86}.camera-card.assigned-front-sd{border-color:#0af;box-shadow:0 0 15px #0af3}.camera-card.assigned-front-hd{border-color:#8c7cff;box-shadow:0 0 15px #8c7cff40}.camera-card.assigned-rear{border-color:#fa0;box-shadow:0 0 15px #fa03}.camera-snapshot{width:100%;height:150px;background:#0a1510;display:flex;align-items:center;justify-content:center;position:relative}.camera-snapshot img{width:100%;height:100%;object-fit:cover}.snapshot-placeholder{color:#445;font-size:.85rem;text-align:center}.codec-warning-overlay{position:absolute;inset:0;background:#ff3232d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:5}.codec-warning-overlay .warning-icon{font-size:2rem}.codec-warning-overlay .warning-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.codec-warning-overlay .detected-codec{font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .5rem;background:#0000004d;border-radius:3px;color:#fffc}.camera-card.codec-unsupported{border-color:#f446;opacity:.85}.camera-card.codec-unsupported:hover{border-color:#f449}.camera-codec{position:absolute;top:8px;right:8px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;z-index:4}.camera-codec.supported{background:#00ff88e6;color:#001a0a;border:1px solid rgba(0,255,136,.5);box-shadow:0 2px 8px #00ff884d}.camera-codec.unsupported{background:#ff4444e6;color:#fff;border:1px solid rgba(255,68,68,.5);box-shadow:0 2px 8px #ff44444d}.camera-buttons .assign-btn:disabled{opacity:.4;cursor:not-allowed;background:#64646433;border-color:#6464644d;color:#666}.camera-buttons .assign-btn:disabled:hover{background:#64646433;border-color:#6464644d;transform:none}.camera-info{padding:.75rem;border-bottom:1px solid rgba(0,255,136,.1)}.camera-ip{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--hud-primary, #00ff88)}.camera-model{font-size:.75rem;color:#687;margin-top:.25rem}.camera-id{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#0af;margin-top:.2rem;opacity:.7}.camera-assignment{min-height:2rem;display:flex;align-items:center;justify-content:center;padding:.5rem}.assignment-badge{padding:.25rem .75rem;border-radius:3px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.assignment-badge.front-sd{background:#0af3;color:#0af;border:1px solid rgba(0,170,255,.4)}.assignment-badge.front-hd{background:#8c7cff33;color:#b3a8ff;border:1px solid rgba(140,124,255,.4)}.assignment-badge.rear{background:#fa03;color:#fa0;border:1px solid rgba(255,170,0,.4)}.camera-buttons{display:flex;gap:.35rem;padding:.75rem;background:#0000004d}.assign-btn{flex:1;min-width:0;padding:.5rem .3rem;font-family:inherit;font-size:.7rem;font-weight:600;border:1px solid;border-radius:3px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.assign-btn.front-sd{background:transparent;border-color:#0af;color:#0af}.assign-btn.front-sd:hover{background:#00aaff26}.assign-btn.front-sd.selected{background:#00aaff4d;box-shadow:0 0 10px #00aaff4d}.assign-btn.front-hd{background:transparent;border-color:#8c7cff;color:#b3a8ff}.assign-btn.front-hd:hover{background:#8c7cff26}.assign-btn.front-hd.selected{background:#8c7cff4d;box-shadow:0 0 10px #8c7cff59}.assign-btn.rear{background:transparent;border-color:#fa0;color:#fa0}.assign-btn.rear:hover{background:#ffaa0026}.assign-btn.rear.selected{background:#ffaa004d;box-shadow:0 0 10px #ffaa004d}.camera-scanner-footer{display:flex;gap:1rem;padding:1.5rem;justify-content:flex-end;border-top:1px solid rgba(0,255,136,.2)}.camera-scanner-footer .cancel-btn{padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;background:transparent;border:1px solid #666;color:#888;border-radius:3px;cursor:pointer;transition:all .2s}.camera-scanner-footer .cancel-btn:hover{border-color:#888;color:#aaa;background:#ffffff0d}.camera-scanner-footer .save-btn{padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#0a6,#0f8);border:1px solid #00ff88;color:#001a0a;border-radius:3px;cursor:pointer;transition:all .2s}.camera-scanner-footer .save-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 15px #0f86}.camera-scanner-footer .save-btn:disabled{opacity:.4;cursor:not-allowed}.camera-scanner-footer .save-btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,26,10,.3);border-top-color:#001a0a;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}.set-camera-btn{padding:.2rem .6rem;font-family:inherit;font-size:.7rem;font-weight:700;background:transparent;border:1px solid var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);border-radius:3px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.set-camera-btn:hover{background:#00ff8826;box-shadow:0 0 10px #0f83}.camera-status{font-family:JetBrains Mono,monospace;font-size:.75rem;margin-right:.5rem}.camera-status.set{color:var(--hud-primary, #00ff88)}.camera-status.not-set{color:#666;font-style:italic}.camera-stream-badges{display:inline-flex;align-items:center;gap:.3rem;margin-right:.5rem}.camera-stream-badge{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.1rem .4rem;border-radius:3px;border:1px solid;line-height:1.4;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.camera-stream-badge.active{color:var(--hud-primary, #00ff88);border-color:var(--hud-primary, #00ff88);background:#00ff881f;box-shadow:0 0 6px #00ff8840}.camera-stream-badge.disabled{color:#445;border-color:#2a3a32;background:transparent}.camera-row{align-items:center}.camera-row .detail-value{display:flex;align-items:center;gap:.5rem}.set-camera-btn.change{border-color:#687;color:#687;font-size:.65rem;padding:.15rem .4rem}.set-camera-btn.change:hover{border-color:var(--hud-primary, #00ff88);color:var(--hud-primary, #00ff88);background:#00ff881a}.profile-actions{gap:.5rem}.direct-pair-section{background:#ffaa000d;border:none;border-bottom:1px solid rgba(255,170,0,.2);border-radius:0;padding:1.5rem;margin-top:0}.direct-pair-header{margin-bottom:1rem}.direct-pair-title h2{font-size:1.1rem;font-weight:600;color:#fa0;margin:0 0 .25rem}.direct-pair-title p{font-size:.85rem;color:#888;margin:0}.direct-pair-form{display:flex;gap:1rem;align-items:center;max-width:420px}.direct-pair-input{flex:1;min-width:0;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,170,0,.3);border-radius:6px;color:#fff;font-family:Roboto Mono,monospace;font-size:.95rem;transition:all .2s ease}.direct-pair-input:focus{outline:none;border-color:#fa09;background:#0006}.direct-pair-input::placeholder{color:#666}.direct-pair-input:disabled{opacity:.5;cursor:not-allowed}.direct-pair-btn{padding:.75rem 1.5rem;background:#fa03;border:1px solid rgba(255,170,0,.4);border-radius:6px;color:#fa0;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.direct-pair-btn:hover:not(:disabled){background:#ffaa004d;border-color:#fa09}.direct-pair-btn:disabled{opacity:.5;cursor:not-allowed}.direct-pair-btn.pairing{background:#ffaa004d}.direct-pair-btn.success{background:#0f83;border-color:#0f86;color:#0f8}.direct-pair-btn .pair-spinner{animation:spin 1s linear infinite;display:inline-block}.direct-pair-message{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.direct-pair-message.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.direct-pair-message.failed{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f66}.direct-pair-message .success-icon{color:#0f8}.direct-pair-message .failed-icon{color:#f66}.direct-pair-terminal{margin-top:1rem;background:#0006;border:1px solid rgba(255,170,0,.2);border-radius:6px;overflow:hidden}.direct-pair-terminal .terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffaa001a;border-bottom:1px solid rgba(255,170,0,.2)}.direct-pair-terminal .terminal-title{font-family:Orbitron,sans-serif;font-size:.75rem;color:#fa0;display:flex;align-items:center;gap:.5rem}.direct-pair-terminal .terminal-icon{opacity:.7}.direct-pair-terminal .terminal-clear-btn{padding:.25rem .5rem;font-size:.7rem;background:transparent;border:1px solid rgba(255,170,0,.3);border-radius:3px;color:#888;cursor:pointer;transition:all .2s ease}.direct-pair-terminal .terminal-clear-btn:hover{background:#ffaa001a;color:#fa0}.direct-pair-terminal .terminal-body{max-height:250px;overflow-y:auto;padding:.75rem;font-family:Roboto Mono,monospace;font-size:.8rem;line-height:1.5}.terminal-entry.direct-pair .terminal-command-line .command{color:#fa0}.cameras-section{padding:1.5rem}.mediamtx-panel{background:#00142899;border:1px solid rgba(0,150,255,.2);border-radius:4px}.mediamtx-panel.loading{padding:3rem;text-align:center;color:#6a8a9a}.mediamtx-panel .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,200,255,.2);border-top-color:#00c8ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.mmtx-status-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#00285066;border-bottom:1px solid rgba(0,150,255,.2)}.mmtx-status-indicator{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.status-dot.running{background:#0f8;box-shadow:0 0 10px #00ff8880}.status-dot.stopped{background:#f44;box-shadow:0 0 10px #ff444480;animation:none}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.status-text{font-size:1rem;font-weight:600;color:#e0e8f0}.status-text .pid,.status-text .uptime{margin-left:1rem;font-size:.8rem;font-weight:400;color:#6a8a9a;font-family:JetBrains Mono,monospace}.mmtx-restart-btn{padding:.5rem 1rem;background:#ff960033;border:1px solid rgba(255,150,0,.5);color:#fa4;font-family:inherit;font-size:.8rem;font-weight:600;border-radius:3px;cursor:pointer;transition:all .2s}.mmtx-restart-btn:hover:not(:disabled){background:#ff96004d;border-color:#fa4}.mmtx-restart-btn.restarting{opacity:.6;cursor:wait}.mmtx-error{padding:.75rem 1.5rem;background:#ff32321a;border-bottom:1px solid rgba(255,50,50,.3);color:#f66;font-size:.85rem}.mmtx-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#0096ff1a;border-bottom:1px solid rgba(0,150,255,.2)}.stat-card{background:#001428cc;padding:1rem;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#00c8ff;font-family:JetBrains Mono,monospace}.stat-value.active{color:#0f8}.stat-label{display:block;font-size:.7rem;color:#6a8a9a;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.stat-card.bytes .stat-value{font-size:1.1rem;color:#89a}.mmtx-streams-section{padding:1.5rem;border-bottom:1px solid rgba(0,150,255,.2)}.mmtx-streams-section h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#00c8ff;text-transform:uppercase;letter-spacing:1px}.mmtx-streams-table{width:100%;border-collapse:collapse;font-size:.85rem}.mmtx-streams-table th{text-align:left;padding:.75rem;background:#00285080;color:#89a;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;border-bottom:1px solid rgba(0,150,255,.2)}.mmtx-streams-table td{padding:.75rem;border-bottom:1px solid rgba(0,150,255,.1);color:#c0d0e0}.mmtx-streams-table tr.ready{background:#00ff8808}.mmtx-streams-table tr.not-ready{opacity:.6}.stream-name{font-family:JetBrains Mono,monospace;font-weight:600;color:#e0e8f0}.stream-status{font-size:.8rem;font-weight:600}.stream-status.active{color:#0f8}.stream-status.inactive{color:#6a8a9a}.source-type{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#89a}.webrtc-url code{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#0af;background:#00aaff1a;padding:.2rem .4rem;border-radius:3px}.stream-usage{display:flex;flex-wrap:wrap;gap:.3rem}.usage-badge{display:inline-flex;align-items:center;gap:.25rem;background:#00285099;border:1px solid rgba(0,150,255,.3);border-radius:3px;padding:.15rem .4rem;font-size:.7rem}.usage-badge .drone-id{color:#00c8ff;font-family:JetBrains Mono,monospace;font-weight:600}.usage-badge .drone-name{color:#0f8;font-weight:500;margin-right:.25rem}.usage-badge .camera-type{color:#89a;font-size:.6rem;text-transform:uppercase}.usage-badge .camera-type.front{color:#0f8}.usage-badge .camera-type.rear{color:#fa4}.stream-usage .not-assigned{color:#4a5a6a}.no-streams{color:#6a8a9a;font-style:italic;text-align:center;padding:2rem}.mmtx-config-section{padding:1.5rem;border-bottom:1px solid rgba(0,150,255,.2)}.config-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.mmtx-config-section h3{margin:0;font-size:.9rem;font-weight:600;color:#00c8ff;text-transform:uppercase;letter-spacing:1px}.config-modified{font-size:.7rem;color:#6a8a9a;font-family:JetBrains Mono,monospace}.config-preview{background:#000a14cc;border:1px solid rgba(0,150,255,.2);border-radius:4px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#89a;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre;margin:0}.mmtx-logs-section{padding:1.5rem}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-header h3{margin:0;font-size:.9rem;font-weight:600;color:#00c8ff;text-transform:uppercase;letter-spacing:1px}.refresh-logs-btn{padding:.3rem .8rem;background:transparent;border:1px solid rgba(0,150,255,.3);color:#6a8a9a;font-family:inherit;font-size:.75rem;border-radius:3px;cursor:pointer;transition:all .2s}.refresh-logs-btn:hover{border-color:#00c8ff;color:#00c8ff}.logs-container{background:#00050ae6;border:1px solid rgba(0,150,255,.2);border-radius:4px;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;max-height:300px;overflow-y:auto}.log-line{padding:.2rem .5rem;color:#6a8a9a;border-bottom:1px solid rgba(0,150,255,.05)}.log-line:last-child{border-bottom:none}.log-line.error{color:#f66;background:#ff32321a}.log-line.warn{color:#fa4;background:#ff96000d}.no-logs{color:#4a5a6a;font-style:italic;text-align:center;padding:1rem}@media(max-width:1200px){.mmtx-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.mmtx-stats-grid{grid-template-columns:repeat(2,1fr)}.mmtx-status-header{flex-direction:column;gap:1rem}.mmtx-streams-table{font-size:.75rem}.mmtx-streams-table th,.mmtx-streams-table td{padding:.5rem}}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:400px;padding:3rem 2.5rem;background:#000000b3;border:1px solid rgba(255,170,0,.3);text-align:center}.auth-icon{font-size:3rem;margin-bottom:1.5rem;filter:grayscale(100%);opacity:.8}.auth-card h2{font-size:1.5rem;font-weight:400;letter-spacing:.15em;color:#fa0;margin:0 0 .75rem;text-transform:uppercase}.auth-subtitle{color:#666;font-size:.9rem;margin:0 0 2rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-input-group{position:relative}.auth-input{width:100%;padding:1rem 1.25rem;background:#0009;border:1px solid rgba(255,170,0,.3);color:#fff;font-family:inherit;font-size:1.1rem;text-align:center;letter-spacing:.2em;transition:all .2s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#fa0;box-shadow:0 0 20px #ffaa0026}.auth-input::placeholder{color:#555;letter-spacing:.05em}.auth-input:disabled{opacity:.5}.auth-error{color:#f44;font-size:.85rem;padding:.75rem 1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.auth-submit-btn{padding:1rem 2rem;background:#ffaa0026;border:1px solid #ffaa00;color:#fa0;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:#ffaa0040;box-shadow:0 0 20px #fa03}.auth-submit-btn:disabled{opacity:.4;cursor:not-allowed}.auth-submit-btn.loading{animation:pulse-auth 1.5s ease-in-out infinite}@keyframes pulse-auth{0%,to{opacity:.6}50%{opacity:1}}.header-right{display:flex;align-items:center;gap:1rem}.logout-btn{background:transparent;border:1px solid rgba(255,170,0,.3);color:#fa0;font-size:1.2rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s;opacity:.6}.logout-btn:hover{opacity:1;background:#ffaa001a;border-color:#fa0}.account-tab-content{display:grid;gap:22px}.account-section{border:1px solid rgba(0,255,136,.3);background:#00080cb8;padding:22px}.account-section h2{margin:0 0 18px;color:var(--accent-color,#00ff88);font-family:monospace;letter-spacing:2px}.account-username{display:flex;gap:18px;align-items:center;margin-bottom:18px}.account-username span{opacity:.65}.account-password-form{display:grid;grid-template-columns:repeat(3,minmax(150px,230px));gap:12px;align-items:end}.account-password-form label{display:grid;gap:7px}.account-password-form .save-btn{grid-column:1/-1;width:max-content}.account-password-form input,.account-confirm input{background:#05070a;border:1px solid rgba(255,255,255,.16);color:#0f8;padding:9px 10px;font:inherit}.account-message{grid-column:1/-1;margin:0}.account-message.success{color:#0f8}.account-message.error{color:#ff5964}.account-drone-list{display:grid;gap:10px}.account-drone{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.14);padding:14px 16px;transition:.2s}.account-drone.active{border-color:#00ff888c;box-shadow:inset 0 0 20px #00ff880d}.account-drone.inactive{color:#73777d;background:#ffffff06}.account-drone-status{width:11px;height:11px;border-radius:50%;background:#666}.account-drone.active .account-drone-status{background:#0f8;box-shadow:0 0 12px #0f8}.account-drone-info{display:grid;gap:4px}.account-drone-info span{font-family:monospace;font-size:12px;opacity:.7}.account-drone button{padding:9px 14px;background:transparent;font:inherit}.account-activate{color:#0f8;border:1px solid #00ff88}.account-deactivate{color:#999;border:1px solid #666}.account-confirm input{width:100%;box-sizing:border-box}@media(max-width:700px){.account-password-form{grid-template-columns:1fr}.account-drone{grid-template-columns:auto 1fr}.account-drone button{grid-column:1/-1}}.account-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}.account-top-grid .account-section{height:100%;box-sizing:border-box}.account-welcome{margin:-5px 0 18px;color:var(--text-primary,#d9fff0);font-family:Orbitron,monospace;font-size:1rem;letter-spacing:1px}.account-password-form,.account-claim-form{display:grid;grid-template-columns:minmax(220px,360px);gap:12px;align-content:start;justify-content:center}.account-password-form label,.account-claim-form label{display:grid;gap:7px;color:var(--text-secondary,#8ca99a)}.account-password-form input,.account-claim-form input,.account-drone-search{width:100%;box-sizing:border-box;background:#05070a;border:1px solid rgba(255,255,255,.16);color:var(--accent-color,#00ff88);padding:10px 12px;font:inherit;outline:none}.account-password-form input:focus,.account-claim-form input:focus,.account-drone-search:focus{border-color:var(--accent-color,#00ff88);box-shadow:0 0 12px #00ff8824}.account-password-form .save-btn,.account-claim-form .save-btn{grid-column:auto;width:max-content;margin:4px auto 0}.account-claim-form .save-btn:disabled{opacity:.55;cursor:wait}.account-drones-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.account-drones-header h2{margin:0}.account-drone-search{max-width:390px}@media(max-width:900px){.account-top-grid{grid-template-columns:1fr}.account-drones-header{align-items:stretch;flex-direction:column}.account-drone-search{max-width:none}}.account-section.standalone{width:min(100%,520px);max-width:520px;margin:20px auto 0;padding:18px}.account-section.standalone h2{text-align:center;margin-bottom:16px;font-size:1rem}.slave-settings-table-wrap{width:100%;overflow:auto;max-height:calc(100vh - 170px);border:1px solid rgba(0,255,136,.28);background:#00080cbf}.slave-settings-table-wrap>.slave-settings-table>thead{position:sticky;top:0;z-index:2;background:#030b0e}.slave-settings-table{width:100%;min-width:1220px;border-collapse:collapse;font-family:Share Tech Mono,monospace;color:var(--text-primary,#d9fff0)}.slave-settings-table th{padding:13px 10px;border-bottom:1px solid rgba(0,255,136,.38);color:var(--accent-color,#00ff88);font-weight:500;text-align:left;white-space:nowrap}.slave-settings-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:middle;white-space:nowrap}.slave-settings-table tr.active{background:#00ff8806}.slave-settings-table tr.inactive{color:#6d7572;background:#ffffff05}.slave-settings-table tr.dragging{opacity:.35}.slave-settings-table tr.drag-over{outline:1px solid var(--accent-color,#00ff88);outline-offset:-1px;background:#00ff881a}.slave-settings-table .slot-number{color:var(--accent-color,#00ff88);font-size:1.12rem;text-align:center}.slot-move-handle{min-width:38px;padding:7px 10px;border:1px solid rgba(0,255,136,.5);background:transparent;color:var(--accent-color,#00ff88);cursor:grab;font:inherit}.slot-move-handle:active{cursor:grabbing}.slot-move-handle.disabled{display:inline-block;opacity:.2;cursor:default}.slave-settings-table .empty-slot-label{opacity:.32;letter-spacing:1px}.slave-settings-table .set-camera-btn,.slave-settings-table .edit-btn,.slave-settings-table .account-activate,.slave-settings-table .account-deactivate{white-space:nowrap}.slave-settings-table th:nth-child(1),.slave-settings-table td:nth-child(1),.slave-settings-table th:nth-child(2),.slave-settings-table td:nth-child(2),.slave-settings-table th:nth-child(8),.slave-settings-table td:nth-child(8),.slave-settings-table th:nth-child(9),.slave-settings-table td:nth-child(9),.slave-settings-table th:nth-child(10),.slave-settings-table td:nth-child(10){text-align:center}.slave-settings-table .slot-move-handle.disabled{min-width:38px;box-sizing:border-box;text-align:center}.slave-settings-table .set-camera-btn,.slave-settings-table .edit-btn,.slave-settings-table .account-activate,.slave-settings-table .account-deactivate{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;background:#00080cb3;font:inherit;letter-spacing:.4px;cursor:pointer;box-sizing:border-box}.slave-settings-table .set-camera-btn,.slave-settings-table .edit-btn{color:var(--accent-color,#00ff88);border:1px solid rgba(0,255,136,.42)}.slave-settings-table .set-camera-btn:hover,.slave-settings-table .edit-btn:hover{border-color:var(--accent-color,#00ff88);box-shadow:0 0 12px #00ff8824}.slave-settings-table .account-activate{color:var(--accent-color,#00ff88);border:1px solid var(--accent-color,#00ff88);box-shadow:inset 0 0 12px #00ff880d}.slave-settings-table .account-deactivate{color:#9ba5a1;border:1px solid rgba(155,165,161,.5)}.slave-settings-table .account-activate:hover{box-shadow:0 0 14px #0f83}.slave-settings-table .account-deactivate:hover{color:#d4d9d7;border-color:#9ba5a1}.slave-settings-table button:disabled{opacity:.45;cursor:wait;box-shadow:none}.slave-settings-table .camera-settings-content{display:flex;align-items:center;justify-content:center;gap:12px}.slave-settings-table .camera-ip-list{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:.82rem;color:#9fb8ae}.inactive-slaves-section{margin-top:28px}.inactive-slaves-section h2{margin:0 0 12px;color:#77807d;font:1rem Share Tech Mono,monospace;letter-spacing:1.5px;text-transform:uppercase}.inactive-slaves-table th,.inactive-slaves-table td{text-align:left}.inactive-slaves-table th:nth-last-child(-n+3),.inactive-slaves-table td:nth-last-child(-n+3){text-align:center}.controller-profile-group select,.controller-profile-cell select{width:100%;min-width:120px;box-sizing:border-box;border:1px solid rgba(0,255,136,.42);background:#05090b;color:#d8e9e4;padding:9px 34px 9px 11px;font:inherit}.controller-profile-group select:focus,.controller-profile-cell select:focus{border-color:#0f8;outline:none;box-shadow:0 0 10px #00ff8824}.controller-profile-cell select:disabled{opacity:.55}.controller-profile-cell select{max-width:165px}.controller-profile-cell{width:175px}.account-logout-btn{margin-top:18px;color:#ff6868;border:1px solid rgba(255,104,104,.7);background:transparent;padding:10px 18px;font:inherit;cursor:pointer}.account-logout-btn:hover{border-color:#ff6868;box-shadow:0 0 12px #ff686829}