@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500&display=swap";:root{--sw-bg-deep:#0a0c14;--sw-border:#41b4ff1f;--sw-border-glow:#41b4ff4d;--sw-text-primary:#c8d6e5;--sw-text-heading:#e8f0ff;--sw-text-muted:#5a6a80;--sw-accent-blue:#41b4ff;--sw-accent-cyan:#00e5ff;--sw-accent-gold:#ffd54f;--sw-accent-green:#6f9;--sw-sith-red:#f22;--sw-jedi-blue:#48f;--sw-rebel-orange:#ff6b2b;--sw-font-display:"Orbitron", sans-serif;--sw-font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sw-bg-deep);width:100%;height:100%;color:var(--sw-text-primary);font-family:var(--sw-font-body);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}#root{width:100%;height:100%;position:relative;overflow:hidden}.starfield{pointer-events:none;z-index:0;opacity:.7;background-image:radial-gradient(1px 1px at 20% 30%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 70% 60%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 80%,#fff3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 80% 20%,#c8dcff80 0%,#0000 100%),radial-gradient(1px 1px at 10% 90%,#ffffff59 0%,#0000 100%);background-size:550px 550px,350px 350px,250px 250px,180px 180px,400px 400px;animation:120s linear infinite drift;position:fixed;inset:0}@keyframes drift{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:550px 550px,-350px 350px,250px -250px,-180px 180px,400px -400px}}.scanlines{pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.hud-bar{border-bottom:1px solid var(--sw-border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a0c14f2 0%,#0a0c1499 100%);justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.hud-title{font-family:var(--sw-font-display);letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,var(--sw-accent-gold) 0%,#ffecb3 50%,var(--sw-accent-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700}.hud-status{font-family:var(--sw-font-display);letter-spacing:2px;text-transform:uppercase;color:var(--sw-text-muted);align-items:center;gap:12px;font-size:9px;display:flex}.hud-dot{background:var(--sw-sith-red);width:6px;height:6px;box-shadow:0 0 8px var(--sw-sith-red);border-radius:50%;animation:1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.plane-viewport{z-index:1;position:absolute;inset:48px 0 0;overflow:hidden}.plane-track{will-change:transform;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex}.plane-track.dragging{transition:none}.panel{flex-direction:column;flex:0 0 100vw;height:100%;padding:20px 68px 16px;display:flex;position:relative;overflow:hidden}@media (width<=768px){.panel{padding:16px 20px 12px}}.panel-header{z-index:2;flex-shrink:0}.panel-eyebrow{font-family:var(--sw-font-display);letter-spacing:4px;text-transform:uppercase;color:var(--sw-accent-blue);opacity:.8;margin-bottom:4px;font-size:9px}.panel-title{font-family:var(--sw-font-display);letter-spacing:2px;margin-bottom:2px;font-size:clamp(20px,3.2vw,36px);font-weight:700;line-height:1.2}.panel-title.gold{background:linear-gradient(135deg,var(--sw-accent-gold),#fff8e1,var(--sw-accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-title.sith{background:linear-gradient(135deg,var(--sw-sith-red),#f66);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-title.jedi{background:linear-gradient(135deg,var(--sw-jedi-blue),#8bf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-title.rebel{background:linear-gradient(135deg,var(--sw-rebel-orange),#fa6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-subtitle{font-family:var(--sw-font-display);letter-spacing:3px;text-transform:uppercase;color:var(--sw-text-muted);font-size:9px}.panel-divider{background:linear-gradient(90deg,var(--sw-accent-blue),transparent);width:50px;height:2px;margin:10px 0 0}.text-columns{z-index:2;flex:1;gap:40px;min-height:0;margin-top:12px;display:flex;position:relative}@media (width<=768px){.text-columns{flex-direction:column;gap:16px}}.text-column{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.text-column:before{content:"";background:linear-gradient(180deg,transparent 0%,var(--sw-border-glow) 20%,var(--sw-border-glow) 80%,transparent 100%);width:1px;height:100%;position:absolute;top:0;right:-20px}.text-column:last-child:before{display:none}.pretext-container{flex:1;position:relative}.pretext-line{white-space:nowrap;color:var(--sw-text-primary);font-family:var(--sw-font-body);pointer-events:none;font-weight:300;transition:left 80ms ease-out;position:absolute}.col-metrics{font-family:var(--sw-font-display);letter-spacing:2px;text-transform:uppercase;color:var(--sw-text-muted);border-top:1px solid var(--sw-border);opacity:.5;flex-shrink:0;gap:14px;padding:4px 0;font-size:7px;display:flex}.ship-container{z-index:20;pointer-events:none;position:absolute}.ship-svg{width:100%;height:100%}.xwing-ship .ship-svg{filter:drop-shadow(0 0 6px #41b4ff66)}.tie-ship .ship-svg{filter:drop-shadow(0 0 6px #f446)}.ship-label{font-family:var(--sw-font-display);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:.5;font-size:6px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(0)}.xwing-label{color:var(--sw-accent-blue)}.tie-label{color:var(--sw-sith-red)}.shield-flash .ship-svg{animation:.3s ease-out shield-hit}.shield-flash.xwing-ship .ship-svg{filter:drop-shadow(0 0 20px #41b4ffe6)brightness(1.8)}.shield-flash.tie-ship .ship-svg{filter:drop-shadow(0 0 20px #ff4444e6)brightness(1.8)}@keyframes shield-hit{0%{transform:scale(1.15)}to{transform:scale(1)}}.laser-bolt{pointer-events:none;z-index:15;will-change:transform;border-radius:2px;width:24px;height:3px;position:absolute}.spark-effect{pointer-events:none;z-index:25;will-change:transform, opacity;background:radial-gradient(circle,#ffffc8e6 0%,#ffb43280 30%,#f443 60%,#0000 80%);border-radius:50%;width:30px;height:30px;position:absolute}.global-metrics{border-bottom:1px solid var(--sw-border);z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--sw-font-display);letter-spacing:2px;text-transform:uppercase;color:var(--sw-text-muted);background:#0a0c1480;gap:20px;padding:3px 28px;font-size:8px;display:flex;position:fixed;top:48px;left:0;right:0}.metric-item{align-items:center;gap:5px;display:flex}.metric-value{color:var(--sw-accent-cyan)}.nav-arrow{z-index:50;border:1px solid var(--sw-border);width:36px;height:36px;color:var(--sw-accent-blue);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c1499;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{border-color:var(--sw-accent-blue);background:#41b4ff1a;box-shadow:0 0 20px #41b4ff26}.nav-arrow.left{left:12px}.nav-arrow.right{right:12px}.nav-arrow:disabled{opacity:.2;cursor:default;pointer-events:none}.nav-indicators{z-index:50;border:1px solid var(--sw-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c14b3;border-radius:20px;gap:10px;padding:6px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.nav-dot{cursor:pointer;background:#41b4ff26;border:1px solid #41b4ff4d;border-radius:50%;width:9px;height:9px;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-dot:hover{background:#41b4ff4d}.nav-dot.active{background:var(--sw-accent-blue);border-color:var(--sw-accent-cyan);transform:scale(1.2);box-shadow:0 0 12px #41b4ff80}.keyboard-hint{font-family:var(--sw-font-display);letter-spacing:2px;text-transform:uppercase;color:var(--sw-text-muted);opacity:.35;z-index:50;pointer-events:none;white-space:nowrap;font-size:7px;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}kbd{border:1px solid var(--sw-border);font-family:var(--sw-font-display);color:var(--sw-accent-blue);background:#41b4ff0d;border-radius:3px;padding:1px 5px;font-size:7px;display:inline-block}