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