:root{--font-title:"Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Space Grotesk", -apple-system, sans-serif;--font-mono:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:#020205;--glow-cyan:#00f3ff;--glow-purple:#bd00ff;--glow-green:#69f0ae;--glow-red:#ff4949;--glow-gold:#ffd86b;--text-bright:#f2f7ff;--text-dim:#f2f7ffa6;--text-muted:#f2f7ff61;--panel-bg:#0609147a;--panel-border:#00f3ff14;--panel-border-focus:#00f3ff59;--shadow-glow-cyan:0 0 15px #00f3ff40;--transition-speed:.3s}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-body);color:var(--text-bright);overflow:hidden}#webgl-canvas{z-index:1;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}#hud-container{z-index:10;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#hud-container *{pointer-events:auto}.hud-panel-glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(25px)saturate(150%);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);border:1px solid #ffffff12;border-top:1.5px solid #ffffff38;border-radius:16px;box-shadow:inset 0 1px #ffffff1f,0 16px 48px -16px #000000e6}.hud-panel-glass:hover{border-color:#ffffff24}#telemetry-header{z-index:20;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:absolute;top:24px;left:24px;right:24px}.header-left{align-items:center;gap:16px;display:flex}.scifi-grid-indicator{background:radial-gradient(circle, var(--glow-cyan) 30%, transparent 40%);opacity:.8;background-size:4px 4px;width:16px;height:16px}#app-title{font-family:var(--font-title);letter-spacing:.18em;color:var(--text-bright);font-size:1.4rem;font-weight:900}.glow-text{color:var(--glow-cyan);text-shadow:0 0 12px #00f3ff99}.diagnostics-panel{align-items:center;gap:20px;display:flex}.diag-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.diag-label{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.15em;font-size:.58rem;font-weight:700}.diag-value{color:var(--text-bright);align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:flex}.diag-separator{background-color:#ffffff1a;width:1px;height:24px}.font-mono{font-family:var(--font-mono)!important}.status-indicator-dot{background-color:var(--glow-green);width:6px;height:6px;box-shadow:0 0 8px var(--glow-green);border-radius:50%}#ot-overview{z-index:30;border:1px solid var(--panel-border-focus);color:var(--glow-cyan);font-family:var(--font-title);letter-spacing:.12em;cursor:pointer;background:#00f3ff14;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #00f3ff0d}#ot-overview:hover{box-shadow:var(--shadow-glow-cyan);color:#fff;border-color:var(--glow-cyan);background:#00f3ff2e}.hotkey-hint{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff1f;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.6rem}#control-center{z-index:20;padding:16px 20px;position:absolute;bottom:24px;left:24px;right:24px}.footer-tag{font-family:var(--font-title);letter-spacing:.2em;color:var(--text-muted);margin-bottom:10px;font-size:.58rem;font-weight:900}#seats-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.seat{border:1px solid #ffffff0f;border-top:1.2px solid #ffffff2e;border-left:3px solid var(--theme-color,var(--glow-cyan));cursor:pointer;background:#ffffff04;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.seat:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 8px 24px -8px #000000b3}.seat.active{border-color:var(--theme-color,var(--glow-cyan));box-shadow:0 0 20px -6px var(--theme-color,var(--glow-cyan)), inset 0 1px 0 #fff3;background:#ffffff12}.seat.leader-seat{border-color:var(--glow-gold)!important;border-left-color:var(--glow-gold)!important;background:#ffd86b08!important}.seat.leader-seat.active{box-shadow:0 0 25px -4px var(--glow-gold), inset 0 1px 0 #fff3!important}.seat-header{font-family:var(--font-title);color:var(--theme-color,#fff);letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.seat-roi{font-family:var(--font-mono);font-size:.82rem;font-weight:700}.seat-body{color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.seat-status-container{align-items:center;gap:5px;display:flex}.seat-status-badge{font-size:.52rem;font-family:var(--font-title);letter-spacing:.03em;text-transform:uppercase;border-radius:3px;padding:1px 4px;font-weight:700}.seat-status-active{color:var(--glow-green);background:#69f0ae1a;border:1px solid #69f0ae33}.seat-status-idle{color:var(--glow-gold);background:#ffd86b14;border:1px solid #ffd86b2e}.seat-status-absent{color:var(--glow-red);background:#ff494914;border:1px solid #ff49492e}#ot-detail{z-index:20;opacity:1;flex-direction:column;gap:16px;width:340px;padding:20px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:110px;bottom:168px;right:24px;transform:translate(0)}#ot-detail.hidden{opacity:0;pointer-events:none;transform:translate(40px)}.terminal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.terminal-title{font-family:var(--font-title);letter-spacing:.05em;color:var(--theme-color,#fff);text-shadow:0 0 10px #ffffff1a;font-size:1.15rem;font-weight:900}.terminal-subtitle{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.1em;font-size:.58rem}.terminal-close{color:var(--text-muted);cursor:pointer;font-size:.65rem;transition:color .2s}.terminal-close:hover{color:var(--glow-red)}.terminal-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.terminal-stat-item{background:#ffffff03;border:1px solid #ffffff0a;border-radius:6px;padding:8px 10px}.stat-label{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.08em;margin-bottom:2px;font-size:.52rem;display:block}.stat-value{font-family:var(--font-mono);font-size:.82rem;font-weight:700}.terminal-position{border-radius:6px;padding:10px 12px}.position-label{font-family:var(--font-title);letter-spacing:.1em;margin-bottom:4px;font-size:.55rem;font-weight:700;display:block}.terminal-event-log{flex-direction:column;flex:1;min-height:0;display:flex}.log-label{font-family:var(--font-title);letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;font-size:.55rem}.log-list{flex-direction:column;flex:1;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.log-list::-webkit-scrollbar{width:3px}.log-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.log-row{font-family:var(--font-mono);transition:background var(--transition-speed);background:#ffffff03;border:1px solid #ffffff08;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.65rem;display:flex}.log-row:hover{background:#ffffff08}.log-action{font-weight:700}.ot-label{z-index:5;pointer-events:none;text-align:center;font-family:var(--font-title);filter:drop-shadow(0 2px 10px #000c);transition:opacity .4s;position:absolute;transform:translate(-50%,-135%)}.label-name{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:900}.label-roi{font-family:var(--font-mono);margin:1px 0;font-size:.95rem;font-weight:900;line-height:1.1}.label-model{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.52rem}#planet-tooltip{pointer-events:none;z-index:40;border:1px solid var(--glow-cyan);font-family:var(--font-title);letter-spacing:.12em;color:#fff;box-shadow:var(--shadow-glow-cyan);opacity:1;background:#020308d9;border-radius:4px;padding:6px 12px;font-size:.68rem;transition:opacity .15s;position:absolute;transform:translate(-50%,-145%)}#planet-tooltip.hidden{opacity:0}#loader-overlay{background-color:var(--bg-dark);z-index:999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-in-out;display:flex;position:fixed;top:0;left:0}#loader-overlay.fade-out{opacity:0;pointer-events:none}.loader-content{text-align:center;width:90%;max-width:440px}.glitch-container{margin-bottom:10px;position:relative}#loader-title{font-family:var(--font-title);letter-spacing:.25em;color:#fff;text-shadow:0 0 15px #00f3ff66;font-size:1.25rem;font-weight:900}#loader-subtitle{color:var(--text-muted);letter-spacing:.08em;margin-bottom:24px;font-size:.72rem}.progress-bar-container{background:#ffffff0a;width:100%;height:1.5px;margin-bottom:8px;position:relative;overflow:hidden}#loader-progress-bar{background:linear-gradient(90deg, var(--glow-purple), var(--glow-cyan));width:0%;height:100%;box-shadow:var(--shadow-glow-cyan);transition:width .1s ease-out}#loader-percentage{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}@media (width<=1200px){#seats-grid{grid-template-columns:repeat(3,1fr)}#control-center{height:auto}}@media (width<=768px){#telemetry-header{flex-direction:column;gap:8px;height:auto;padding:12px}#seats-grid{grid-template-columns:repeat(2,1fr)}#ot-detail{width:280px;bottom:240px}}.hidden{display:none!important}