@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Fredoka:wght@400;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700&family=Pirata+One&family=Special+Elite&display=swap";:root{--bg-color: #05070a;--panel-bg: rgba(10, 14, 20, .75);--panel-border: rgba(0, 242, 254, .25);--panel-border-hover: rgba(0, 242, 254, .5);--primary-accent: #00f2fe;--primary-glow: rgba(0, 242, 254, .4);--secondary-accent: #fe0979;--secondary-glow: rgba(254, 9, 121, .4);--yellow-accent: #ffd300;--text-primary: #f1f5f9;--text-muted: #94a3b8;--text-dim: #475569;--input-bg: rgba(0, 0, 0, .5);--input-border: rgba(0, 242, 254, .2);--card-bg: rgba(0, 242, 254, .03);--card-border: rgba(0, 242, 254, .15);--card-hover-bg: rgba(0, 242, 254, .08);--btn-hover-bg: rgba(0, 242, 254, .12);--btn-active-bg: rgba(0, 242, 254, .25);--widget-bg: rgba(5, 10, 18, .6);--widget-border: rgba(0, 242, 254, .15);--font-header: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--header-title-transform: uppercase;--header-letter-spacing: 2px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.glass-effect{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #00000059;border-radius:14px;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.glass-effect:hover{border-color:var(--panel-border-hover)}.app-container{display:flex;flex-direction:column;height:100vh;padding:12px;gap:12px;width:100%;max-width:1920px;margin:0 auto}.app-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.logo-area{display:flex;align-items:center;gap:12px}.theme-icon-badge{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--card-bg);border:1px solid var(--panel-border);box-shadow:0 0 12px var(--primary-glow);transition:transform .3s ease}.theme-icon-badge:hover{transform:rotate(15deg) scale(1.1)}.logo-text-group{display:flex;flex-direction:column}.logo-text-group h1{font-family:var(--font-header);font-size:1.25rem;letter-spacing:var(--header-letter-spacing);text-transform:var(--header-title-transform);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.logo-badge{font-family:var(--font-mono);font-size:.65rem;padding:2px 8px;border-radius:6px;background:var(--card-hover-bg);border:1px solid var(--panel-border);color:var(--primary-accent);letter-spacing:1px}.logo-subtitle{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.header-right-area{display:flex;align-items:center;gap:16px}.telemetry-status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:var(--input-bg);border:1px solid var(--panel-border);font-family:var(--font-mono);font-size:.72rem;color:var(--text-primary)}.radar-ping-dot{width:10px;height:10px;background-color:var(--primary-accent);border-radius:50%;position:relative;box-shadow:0 0 8px var(--primary-accent)}.radar-ping-dot:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid var(--primary-accent);border-radius:50%;animation:ping-pulse 2s infinite ease-out}@keyframes ping-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}.theme-switcher-box{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:24px;padding:4px 6px}.theme-dropdown{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:6px 10px;outline:none;cursor:pointer}.theme-dropdown option{background:#10141e;color:#fff;padding:8px}.spin-theme-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:18px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));border:none;color:#fff;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 0 14px var(--primary-glow);transition:transform .2s ease,filter .2s ease}.spin-theme-btn:hover{transform:scale(1.05);filter:brightness(1.15)}.spin-theme-btn:active{transform:scale(.96)}.main-layout{display:flex;flex:1;gap:12px;min-height:0;position:relative}.info-panel-container{width:330px;display:flex;flex-direction:column;padding:18px;gap:16px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s ease,margin .3s ease;overflow-y:auto}.info-panel-container.collapsed{width:0;padding:0;margin:0;overflow:hidden;border:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--widget-border);padding-bottom:8px}.sidebar-header h2{font-family:var(--font-header);font-size:.82rem;letter-spacing:1.5px;color:var(--primary-accent);text-transform:uppercase;font-weight:700}.sidebar-action-btn{background:transparent;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s}.sidebar-action-btn:hover{color:var(--primary-accent);background:var(--card-hover-bg)}.antenna-selection-box{display:flex;flex-direction:column;gap:8px}.antenna-chips-container{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:4px}.antenna-site-header{font-size:.7rem;font-family:var(--font-mono);font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.antenna-chip{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;transition:all .2s ease}.antenna-chip:hover{background:var(--card-hover-bg);border-color:var(--panel-border-hover)}.antenna-chip.active{background:var(--btn-active-bg);border-color:var(--primary-accent);box-shadow:0 0 10px var(--primary-glow)}.antenna-chip-name{font-size:.78rem;font-weight:600;color:var(--text-primary)}.antenna-chip-badge{font-family:var(--font-mono);font-size:.65rem;padding:2px 6px;border-radius:4px;background:var(--widget-bg);color:var(--primary-accent)}.altitude-filter-box{display:flex;flex-direction:column;gap:8px;background:var(--widget-bg);padding:12px;border-radius:10px;border:1px solid var(--widget-border)}.dual-range-container{position:relative;height:24px}.slider-track-base{position:absolute;height:6px;width:100%;top:50%;transform:translateY(-50%);background:var(--input-border);border-radius:3px;z-index:1}.slider-track-highlight{position:absolute;height:6px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:3px;z-index:2}.dual-slider{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-appearance:none;background:none;pointer-events:none;z-index:3;margin:0;outline:none}.dual-slider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--primary-accent);border:2px solid var(--bg-color);box-shadow:0 0 8px var(--primary-glow);cursor:pointer;transition:transform .15s ease}.dual-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.sidebar-tabs{display:flex;gap:8px;background:var(--input-bg);padding:4px;border-radius:10px;border:1px solid var(--panel-border)}.sidebar-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-header);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease}.sidebar-tab-btn:hover{color:var(--text-primary);background:var(--btn-hover-bg)}.sidebar-tab-btn.active{background:var(--primary-accent);color:var(--bg-color);box-shadow:0 0 12px var(--primary-glow);font-weight:700}.insight-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--widget-border);padding-bottom:8px}.insight-label{font-size:.75rem;color:var(--text-muted)}.insight-val{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text-primary)}.insight-val.accent{color:var(--primary-accent);font-weight:700}.insight-val.highlight{color:var(--secondary-accent);font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-style:dashed}.hotspot-display{padding:14px;border-radius:10px;border:1px solid var(--panel-border);background:var(--card-bg);box-shadow:inset 0 0 12px var(--primary-glow);display:flex;flex-direction:column;gap:8px}.hotspot-header{font-family:var(--font-header);font-size:.75rem;font-weight:700;color:var(--primary-accent);display:flex;align-items:center;gap:6px;letter-spacing:1px}.hotspot-metrics{display:flex;justify-content:space-between;gap:8px}.hotspot-item{display:flex;flex-direction:column;gap:2px}.hotspot-item .label{font-size:.68rem;color:var(--text-muted)}.hotspot-item .value{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-primary)}.viewport-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}#canvas2d-container{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-color);transition:background-color .4s ease}#canvas2d{width:100%;height:100%;display:block;cursor:grab}#canvas2d:active{cursor:grabbing}.panel-toggle-btn{position:absolute;top:16px;left:16px;z-index:20;width:36px;height:36px;border-radius:10px;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--primary-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0006;transition:all .25s ease}.panel-toggle-btn:hover{background:var(--btn-hover-bg);border-color:var(--primary-accent);transform:scale(1.08)}.canvas-controls-overlay{position:absolute;bottom:20px;left:20px;z-index:20;display:flex;flex-direction:column;gap:12px;padding:14px;max-width:340px}.map-legend-box{display:flex;flex-direction:column;gap:10px}.map-legend-title{font-family:var(--font-header);font-size:.72rem;font-weight:700;color:var(--primary-accent);letter-spacing:1px;text-transform:uppercase}.distribution-selector-container{display:flex;flex-direction:column;gap:4px}.distribution-label{font-size:.68rem;color:var(--text-muted)}.distribution-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;padding:6px;border-radius:6px;outline:none}.map-legend-scale{display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-primary);width:100%}.legend-row-text{display:flex;align-items:center;justify-content:space-between;width:100%}.legend-swatch{width:16px;height:10px;border-radius:2px;flex-shrink:0}.legend-pct{color:var(--text-muted);font-size:.7rem;margin-left:auto;text-align:right;font-weight:600}.horizontal-divider{height:1px;background:var(--widget-border)}.vertical-divider{width:1px;height:20px;background:var(--widget-border)}.control-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--input-bg);border:1px solid var(--btn-border);color:var(--text-primary);font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:var(--btn-hover-bg);border-color:var(--primary-accent);color:var(--primary-accent)}.control-btn.icon-only{padding:6px}.viewport-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--primary-accent);font-family:var(--font-header);font-size:.9rem;transition:opacity .3s ease}.viewport-loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:36px;height:36px;border:3px solid rgba(0,242,254,.2);border-top-color:var(--primary-accent);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}#map-tooltip{display:none;position:absolute;pointer-events:none;z-index:25;padding:12px;border-radius:8px;border:1px solid var(--primary-accent);font-family:var(--font-mono);font-size:.72rem;background:var(--panel-bg);box-shadow:0 0 20px var(--primary-glow);color:var(--text-primary);line-height:1.4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.theme-pirates{background-image:radial-gradient(ellipse at center,#d4a0170d,#0a060399)}body.theme-pirates ::-webkit-scrollbar-thumb{background:#d4a01766;border:1px solid rgba(212,160,23,.6)}body.theme-pirates ::-webkit-scrollbar-thumb:hover{background:#ebb42dcc}body.theme-pirates .glass-effect{border-image:linear-gradient(135deg,#d4a01799,#b8252566,#d4a0174d) 1;box-shadow:0 8px 32px #0f0a0599,inset 0 0 15px #d4a0170d}body.theme-pirates .app-header{border-bottom:2px solid rgba(212,160,23,.35);background:linear-gradient(180deg,#2a1e14f2,#1c140cd9)}body.theme-pirates .logo-text-group h1{font-family:Pirata One,cursive,serif;font-size:1.45rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 12px rgba(212,160,23,.4)}body.theme-pirates .logo-badge{border-color:#d4a01780;background:#d4a01726;color:#f4e8c1;font-weight:700}body.theme-pirates .antenna-chip{background:linear-gradient(135deg,#2d2116cc,#1e160ee6);border:1px solid rgba(212,160,23,.3)}body.theme-pirates .antenna-chip.active{border-color:#d4a017;box-shadow:0 0 12px #d4a01766,inset 0 0 8px #d4a01726}body.theme-pirates #canvas2d-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;box-shadow:inset 0 0 35px #2d1e0f40}body.theme-steampunk ::-webkit-scrollbar-thumb{background:#5a918c80;border:1px solid rgba(235,190,85,.6)}body.theme-steampunk ::-webkit-scrollbar-thumb:hover{background:#ebbe55cc}body.theme-steampunk .glass-effect{border-image:linear-gradient(135deg,#5a918c99,#ebbe5566,#e16e1e4d) 1;box-shadow:0 8px 32px #0a080599,inset 0 0 15px #5a918c0d}body.theme-steampunk .app-header{border-bottom:2px solid rgba(90,145,140,.4);background:linear-gradient(180deg,#201810f2,#16100ad9)}body.theme-steampunk .logo-text-group h1{font-family:Special Elite,cursive,serif;letter-spacing:1px;color:#f5ebd2;text-shadow:0 0 10px rgba(235,190,85,.4)}body.theme-steampunk .logo-badge{border-color:#5a918c80;background:#5a918c26;color:#ebbe55;font-weight:700}body.theme-steampunk .antenna-chip{background:linear-gradient(135deg,#5a918c1f,#1e160ecc);border:1px solid rgba(90,145,140,.35)}body.theme-steampunk .antenna-chip.active{border-color:#ebbe55;box-shadow:0 0 12px #ebbe5566,inset 0 0 8px #5a918c33}body.theme-steampunk .slider-track-highlight{background:linear-gradient(90deg,#5a918c,#ebbe55,#e16e1e)}