/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:wght@100;200;300;400;500;600;700&family=Press+Start+2P&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-\[10px\]{top:10px}.-z-10{z-index:calc(10*-1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.z-\[250\]{z-index:250}.z-\[9998\]{z-index:9998}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[10px\]{margin-top:10px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[11px\]{height:11px}.h-\[15px\]{height:15px}.h-\[70px\]{height:70px}.h-\[90px\]{height:90px}.h-\[450px\]{height:450px}.h-full{height:100%}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.min-h-\[120px\]{min-height:120px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-\[30px\]{width:30px}.w-\[90px\]{width:90px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[2px\]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.98\]{scale:.98}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#0a0a0f\]{background-color:#0a0a0f}.bg-\[\#5865F2\]{background-color:#5865f2}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-\[2px\]{padding:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.tracking-\[2px\]{--tw-tracking:2px;letter-spacing:2px}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-\[0_0_40px_rgba\(59\,130\,246\,0\.8\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#3b82f6cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.8\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#a855f7cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(234\,179\,8\,0\.8\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#eab308cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.8\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#fffc));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-\[\#4752C4\]:hover{background-color:#4752c4}.hover\:shadow-\[0_0_30px_rgba\(59\,130\,246\,0\.6\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#3b82f699);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.6\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#a855f799);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(234\,179\,8\,0\.6\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#eab30899);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(251\,146\,60\,0\.6\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#fb923c99);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{color-scheme:dark;--background:#0a0a0f;--foreground:#f9fafb;--space-black:#0a0a0f;--space-darkblue:#0f172a;--space-blue:#1e40af;--nebula-purple:#6b46c1;--star-white:#f9fafb;--font-geist-sans:"Inter",system-ui,-apple-system,sans-serif;--font-geist-mono:"Roboto Mono","Courier New",monospace;--font-press-start:"Press Start 2P","Courier New",monospace;--retro-cyan:#0ff;--retro-magenta:#f0f;--retro-yellow:#ff0;--retro-green:#0f0;--retro-blue:#0080ff;--retro-purple:#8000ff;--vibrant-purple:#9f50ff;--pixel-shadow:#003;--starfield-bg:#001}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;width:100%;height:100%;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}body{width:100%;min-height:100vh;min-height:-webkit-fill-available;color:var(--foreground);color-scheme:dark;font-family:var(--font-press-start),system-ui,-apple-system,sans-serif;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#001;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;will-change:transform;contain:strict;background:repeating-linear-gradient(0deg,#00000014 0,#0000 2px 4px,#00000014 6px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;will-change:opacity;contain:strict;background:radial-gradient(#0000 40%,#0080ff0d 100%);position:fixed;inset:0}@layer components{.space-bg{z-index:-1;background:linear-gradient(#0a0a0f,#0f172a,#1e1b4b);position:fixed;inset:0;overflow:hidden}.stars{background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 20%,#fff,#0000),radial-gradient(2px 2px at 10% 80%,#fff,#0000);background-repeat:repeat;background-size:100% 100%;width:100%;height:100%;animation:4s ease-in-out infinite twinkle;position:absolute}.glassmorphism{border:4px solid;border-image:linear-gradient(45deg,var(--retro-cyan),var(--retro-magenta),var(--retro-yellow),var(--retro-cyan))1;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #0080ff1a,0 4px 0 var(--pixel-shadow);background:linear-gradient(135deg,#0080ff26,#8000ff26);position:relative}.glassmorphism:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#00ffff1a 50%,#0000 70%);animation:3s ease-in-out infinite pixel-shine;position:absolute;inset:-4px}.neon-glow{box-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--retro-cyan),0 0 40px var(--retro-blue),inset 0 0 10px #0ff3;transition:all .3s;animation:2s ease-in-out infinite alternate neon-pulse}.neon-glow:hover{box-shadow:0 0 20px var(--retro-cyan),0 0 40px var(--retro-cyan),0 0 60px var(--retro-blue),0 0 80px var(--retro-magenta),inset 0 0 20px #00ffff4d}.hyperspace-button{background:linear-gradient(180deg,var(--retro-blue),var(--retro-purple));color:var(--retro-cyan);font-family:var(--font-press-start),monospace;text-shadow:2px 2px 0 var(--pixel-shadow),0 0 10px var(--retro-cyan);border:3px solid var(--retro-cyan);box-shadow:0 0 10px var(--retro-cyan),0 4px 0 var(--pixel-shadow),inset 0 0 10px #0ff3;cursor:pointer;padding:12px 24px;font-size:10px;transition:all .1s;position:relative;overflow:hidden}.hyperspace-button:hover{background:linear-gradient(180deg,var(--retro-cyan),var(--retro-blue));color:var(--pixel-shadow);box-shadow:0 0 20px var(--retro-cyan),0 0 40px var(--retro-magenta),0 6px 0 var(--pixel-shadow),inset 0 0 20px #ffffff4d;transform:translateY(-2px)}.hyperspace-button:active{box-shadow:0 0 10px var(--retro-cyan),0 2px 0 var(--pixel-shadow),inset 0 0 10px #00000080;transform:translateY(2px)}.hyperspace-button:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s linear infinite pixel-gleam;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.pixel-border-cyan{border:4px solid var(--retro-cyan);box-shadow:0 0 10px var(--retro-cyan),inset 0 0 10px #00ffff1a}.pixel-border-magenta{border:4px solid var(--retro-magenta);box-shadow:0 0 10px var(--retro-magenta),inset 0 0 10px #ff00ff1a}.retro-header{border-bottom:4px solid var(--retro-cyan);box-shadow:0 0 20px #00ffff80,0 4px 0 var(--pixel-shadow);background:linear-gradient(#0080ff33,#000011f2)}.cockpit-hud{border-bottom:3px solid var(--retro-cyan);box-shadow:0 0 30px #0ff9,0 4px 0 var(--pixel-shadow),inset 0 1px 0 #00ffff26;background:linear-gradient(#000011fa,#000011f2);min-height:120px;padding-top:1.5rem;padding-bottom:1.5rem;position:relative}.hud-corner-brackets{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-corner-bracket{border:2px solid var(--scifi-cyan);opacity:.5;width:30px;height:30px;position:absolute}.hud-corner-bracket--tl{border-bottom:none;border-right:none;animation:3s ease-in-out infinite pulse-bracket;top:8px;left:8px;box-shadow:-3px -3px 6px #0ff3}.hud-corner-bracket--tr{border-bottom:none;border-left:none;animation:3s ease-in-out .5s infinite pulse-bracket;top:8px;right:8px;box-shadow:3px -3px 6px #0ff3}@keyframes pulse-bracket{0%,to{opacity:.5}50%{opacity:.8}}.hud-edge-accents{pointer-events:none;z-index:4;height:2px;position:absolute;top:0;left:0;right:0}.hud-edge-accent{background:linear-gradient(90deg,transparent,var(--scifi-cyan),transparent);opacity:.4;width:200px;height:2px;position:absolute;top:0}.hud-edge-accent--left{left:60px}.hud-edge-accent--right{right:60px}.hud-tactical-panel{z-index:10;gap:16px;font-family:Share Tech Mono,monospace;display:flex;position:absolute}.hud-tactical-panel--left{align-items:flex-start;top:1.5rem;left:1rem}.hud-tactical-panel--right{flex-direction:column;align-items:flex-end;top:1.5rem;right:10rem}.hud-scanner-display{border:1px solid var(--scifi-cyan);background:#0006;border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;box-shadow:inset 0 0 8px #00ffff1a,0 0 6px #0ff3}.hud-scanner-label{letter-spacing:1px;color:var(--scifi-cyan);text-shadow:0 0 4px var(--scifi-cyan);font-size:7px;font-weight:700}.hud-data-panel{border:1px solid var(--scifi-cyan);background:#00000080;border-radius:2px;flex-direction:column;gap:6px;min-width:180px;padding:8px 10px;display:flex;box-shadow:inset 0 0 8px #00ffff1a,0 0 6px #0ff3}.hud-data-row{color:var(--scifi-cyan);align-items:center;gap:8px;font-size:9px;display:flex}.hud-data-row svg{filter:drop-shadow(0 0 3px var(--scifi-cyan));flex-shrink:0}.hud-data-label{letter-spacing:1px;color:var(--scifi-purple-bright);flex:1;font-size:8px;font-weight:600}.hud-data-value{letter-spacing:.5px;color:var(--scifi-cyan);text-shadow:0 0 4px var(--scifi-cyan);font-size:9px;font-weight:700}.hud-data-panel--pilot{min-width:220px}.hud-data-panel--pilot-enhanced{align-items:center;gap:12px;min-width:280px;padding:12px;display:flex}.hud-pilot-avatar-container{flex-shrink:0}.hud-pilot-avatar{border:2px solid var(--scifi-cyan);background:#000c;border-radius:50%;width:60px;height:60px;position:relative;overflow:hidden;box-shadow:0 0 15px #0ff9,inset 0 0 15px #00ffff1a}.hud-pilot-avatar--fallback{justify-content:center;align-items:center;display:flex}.hud-pilot-avatar-img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.hud-pilot-avatar-ring{border:2px solid #0000;border-top-color:var(--scifi-cyan);border-right-color:var(--scifi-cyan);pointer-events:none;border-radius:50%;animation:3s linear infinite rotate-ring;position:absolute;inset:-4px}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud-pilot-info{flex-direction:column;flex:1;gap:4px;display:flex}.hud-data-panel--pilot-compact{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex-direction:column;gap:4px;min-width:180px;max-width:200px;margin-right:-8px;padding:10px 12px;display:flex}.hud-pilot-header{border-bottom:1px solid #0ff3;align-items:center;padding-bottom:4px;display:flex}.hud-pilot-label{letter-spacing:1px;color:var(--scifi-purple-bright);font-size:8px;font-weight:600}.hud-pilot-name{letter-spacing:1px;color:var(--scifi-cyan);text-shadow:0 0 8px var(--scifi-cyan);margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.2}.hud-ship-indicator{flex-direction:column;gap:2px;display:flex}.hud-ship-code{letter-spacing:1.5px;color:var(--scifi-cyan);text-shadow:0 0 4px var(--scifi-cyan);font-size:9px;font-weight:700}.hud-ship-name{letter-spacing:.5px;color:var(--scifi-orange);text-shadow:0 0 4px #ff450066;font-size:8px;font-weight:500}.hud-xeno-linguistics{border:1px solid var(--scifi-cyan);background:#0009;border-radius:2px;flex-direction:column;gap:4px;min-width:220px;max-height:90px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #00ffff1a,0 0 8px #0ff3}.hud-xeno-linguistics:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff08 2px 4px);animation:8s linear infinite scan-lines;position:absolute;inset:0}@keyframes scan-lines{0%{transform:translateY(0)}to{transform:translateY(20px)}}.hud-xeno-header{border-bottom:1px solid #0ff3;align-items:center;gap:4px;padding-bottom:4px;display:flex}.hud-xeno-header svg{color:var(--scifi-cyan);filter:drop-shadow(0 0 4px var(--scifi-cyan))}.hud-xeno-label{letter-spacing:1px;color:var(--scifi-purple-bright);text-shadow:0 0 4px #c77dff99;font-family:Share Tech Mono,monospace;font-size:8px;font-weight:700}.hud-xeno-display{flex-direction:column;gap:2px;padding:4px 0;display:flex;position:relative}.hud-alien-text{justify-content:space-around;gap:6px;display:flex}.alien-glyph{color:var(--scifi-cyan);text-shadow:0 0 6px var(--scifi-cyan);opacity:.8;font-size:12px;transition:all .3s}.alien-glyph-1{animation:3s ease-in-out infinite glyph-flicker}.alien-glyph-2{animation:3.2s ease-in-out .2s infinite glyph-flicker}.alien-glyph-3{animation:2.8s ease-in-out .4s infinite glyph-flicker}.alien-glyph-4{animation:3.5s ease-in-out .1s infinite glyph-flicker}.alien-glyph-5{animation:3.1s ease-in-out .3s infinite glyph-flicker}.alien-glyph-6{animation:2.9s ease-in-out .5s infinite glyph-flicker}.alien-glyph-7{animation:3.3s ease-in-out .15s infinite glyph-flicker}.alien-glyph-8{animation:3.4s ease-in-out .35s infinite glyph-flicker}.alien-glyph-9{animation:2.7s ease-in-out .25s infinite glyph-flicker}@keyframes glyph-flicker{0%,to{opacity:.8;text-shadow:0 0 6px var(--scifi-cyan)}50%{opacity:.4;text-shadow:0 0 3px var(--scifi-cyan)}}.hud-xeno-status{letter-spacing:1px;color:var(--scifi-purple-bright);border-top:1px solid #0ff3;align-items:center;gap:4px;padding-top:4px;font-family:Share Tech Mono,monospace;font-size:7px;display:flex}.xeno-status-indicator{background:var(--scifi-orange);width:5px;height:5px;box-shadow:0 0 6px var(--scifi-orange);border-radius:50%;animation:2s ease-in-out infinite pulse-xeno-status}@keyframes pulse-xeno-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hud-tactical-logo{text-decoration:none;position:relative}.tactical-frame{border:2px solid var(--scifi-cyan);clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px);background:#0000004d;padding:16px 24px;position:relative;box-shadow:inset 0 0 20px #00ffff1a,0 0 20px #00ffff4d}.tactical-frame-content{z-index:2;text-align:center;position:relative}.tactical-frame h1{color:var(--retro-cyan);text-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--retro-cyan),0 0 30px var(--retro-blue),0 0 40px var(--vibrant-purple),2px 2px 0 var(--pixel-shadow)}.tactical-lock{border:2px solid var(--scifi-orange);z-index:3;width:10px;height:10px;animation:2s ease-in-out infinite tactical-lock-pulse;position:absolute}.tactical-lock--tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.tactical-lock--tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.tactical-lock--bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.tactical-lock--br{border-top:none;border-left:none;bottom:-2px;right:-2px}@keyframes tactical-lock-pulse{0%,to{opacity:.6}50%{opacity:1}}.holographic-logo h1{color:var(--retro-cyan);text-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--retro-cyan),0 0 30px var(--retro-blue),0 0 40px var(--vibrant-purple),0 0 60px var(--vibrant-purple),2px 2px 0 var(--pixel-shadow);animation:8s ease-in-out infinite hologram-flicker}.hud-subtitle{text-align:center;letter-spacing:1px;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-family:Share Tech Mono,monospace;font-size:8px;display:flex}.hud-subtitle-segment{color:var(--retro-magenta);text-shadow:0 0 5px var(--retro-magenta)}.hud-subtitle-divider{color:var(--scifi-cyan);opacity:.5}.scanline-overlay{pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#00ffff08 0,#0000 1px 2px,#00ffff08 3px);animation:8s linear infinite scanline-drift;position:absolute;inset:0}.pulsing-divider{background:linear-gradient(90deg,var(--retro-cyan)0%,var(--vibrant-purple)100%);height:2px;box-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--vibrant-purple),0 0 30px var(--retro-blue);animation:3s ease-in-out infinite pulse-glow-divider;position:absolute;left:0;right:0}.pulsing-divider.top{top:0}.pulsing-divider.bottom{bottom:0}.user-hud-frame{display:inline-block;position:relative}.user-hud-frame:before{content:"";border:2px solid var(--retro-cyan);clip-path:polygon(0% 15%,15% 0%,85% 0%,100% 15%,100% 85%,85% 100%,15% 100%,0% 85%);box-shadow:0 0 10px var(--retro-cyan),inset 0 0 10px #0ff3;pointer-events:none;background:0 0;position:absolute;inset:-4px}.status-bar-container{width:120px;margin-top:8px}.status-bar{border:1px solid var(--retro-cyan);background:#0009;border-radius:2px;height:6px;margin-bottom:6px;position:relative;overflow:hidden}.status-bar-fill{height:100%;box-shadow:0 0 10px var(--retro-cyan);background:linear-gradient(90deg,#0ffc 0%,#0ff 50%,#0ffc 100%);transition:width .5s ease-out;position:relative}.status-bar-fill.transmit-power{box-shadow:0 0 10px var(--retro-magenta);background:linear-gradient(90deg,#f0fc 0%,#f0f 50%,#f0fc 100%)}.status-bar-label{color:var(--retro-cyan);text-shadow:0 0 5px var(--retro-cyan);letter-spacing:1px;margin-bottom:2px;font-family:Share Tech Mono,monospace;font-size:8px}.status-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff9);width:30px;height:100%;animation:2s linear infinite gauge-pulse;position:absolute;top:0;right:0}.pixel-card{border:3px solid;border-image:linear-gradient(135deg,var(--retro-cyan),var(--retro-magenta))1;box-shadow:0 0 15px #00ffff4d,0 4px 0 var(--pixel-shadow),inset 0 0 20px #0080ff1a;background:linear-gradient(135deg,#001428e6,#140028e6);position:relative;overflow:hidden}.pixel-card:after{content:"";background:linear-gradient(90deg,transparent,var(--retro-cyan),transparent);height:2px;animation:2s linear infinite scanner;position:absolute;top:-2px;left:-2px;right:-2px}.text-glow-cyan{color:var(--retro-cyan);text-shadow:0 0 5px var(--retro-cyan),0 0 10px var(--retro-cyan),0 0 20px var(--retro-blue),2px 2px 0 var(--pixel-shadow)}.text-glow-magenta{color:var(--retro-magenta);text-shadow:0 0 5px var(--retro-magenta),0 0 10px var(--retro-magenta),0 0 20px var(--retro-purple),2px 2px 0 var(--pixel-shadow)}.pixel-stars{background-image:radial-gradient(2px 2px at 10% 20%,var(--retro-cyan),transparent),radial-gradient(2px 2px at 90% 80%,var(--retro-magenta),transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(2px 2px at 30% 70%,var(--retro-yellow),transparent),radial-gradient(1px 1px at 70% 30%,var(--retro-green),transparent);opacity:.7;background-size:200% 200%,250% 250%,300% 300%,350% 350%,400% 400%;width:100%;height:100%;animation:20s linear infinite pixel-starfield;position:fixed;top:0;left:0}}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes pixel-shine{0%,to{opacity:0}50%{opacity:1}}@keyframes neon-pulse{0%{filter:brightness()}to{filter:brightness(1.3)}}@keyframes pixel-gleam{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes scanner{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes pixel-starfield{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:-1000px -1000px,1000px 1000px,-500px 500px,800px -800px,-600px 600px}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes hologram-flicker{0%,to{opacity:1;transform:translateY(0)}5%{opacity:.9;transform:translateY(-1px)}10%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}55%{opacity:.95;transform:translateY(1px)}60%{opacity:1;transform:translateY(0)}}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pulse-glow-divider{0%,to{box-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--vibrant-purple),0 0 30px var(--retro-blue)}50%{box-shadow:0 0 20px var(--retro-cyan),0 0 40px var(--vibrant-purple),0 0 60px var(--retro-blue)}}:root{--scifi-black:#000;--scifi-cyan:#0ff;--scifi-orange:#ff4500;--scifi-purple:#9d4edd;--scifi-purple-bright:#c77dff;--scifi-cyan-glow:0 0 10px #0ff9,0 0 20px #0ff6,0 0 30px #0ff3;--scifi-orange-glow:0 0 8px #ff450099,0 0 16px #ff450066;--scifi-purple-glow:0 0 8px #9d4edd99,0 0 16px #9d4edd66,0 0 24px #9d4edd33}.scifi-nav{background:var(--scifi-black);border:3px solid var(--scifi-purple);border-top:4px solid var(--scifi-purple);border-bottom:4px solid var(--scifi-purple);box-shadow:var(--scifi-purple-glow);margin:0;padding:0;position:relative}.scifi-nav__corner-accent{z-index:10;width:20px;height:20px;position:absolute}.scifi-nav__corner-accent--tl{border-top:3px solid var(--scifi-cyan);border-left:3px solid var(--scifi-cyan);box-shadow:var(--scifi-cyan-glow);top:-3px;left:-3px}.scifi-nav__corner-accent--tr{border-top:3px solid var(--scifi-cyan);border-right:3px solid var(--scifi-cyan);box-shadow:var(--scifi-cyan-glow);top:-3px;right:-3px}.scifi-nav__container{justify-content:center;align-items:stretch;height:70px;display:flex;position:relative}.scifi-nav__item-wrapper{align-items:stretch;display:flex;position:relative}.scifi-nav__item{background:var(--scifi-black);cursor:pointer;justify-content:center;align-items:center;min-width:140px;padding:0 24px;text-decoration:none;transition:all .15s ease-out;display:flex;position:relative}.scifi-nav__item:hover .scifi-nav__panel{border-color:var(--vibrant-purple);box-shadow:inset 0 0 10px #9f50ff99,0 0 20px #9f50ff66,0 0 30px #9f50ff33}.scifi-nav__item:hover .scifi-nav__icon{color:var(--vibrant-purple);filter:drop-shadow(0 0 8px #9f50ffcc)}.scifi-nav__item:hover .scifi-nav__label{color:var(--vibrant-purple);text-shadow:0 0 8px #9f50ff99,0 0 16px #9f50ff66}.scifi-nav__panel{border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;transition:all .15s ease-out;display:flex;position:relative}.scifi-nav__item--active .scifi-nav__panel{border-color:var(--scifi-cyan);box-shadow:inset var(--scifi-cyan-glow);background:#00ffff0d}.scifi-nav__item--active .scifi-nav__icon{color:var(--scifi-cyan);filter:drop-shadow(var(--scifi-cyan-glow))}.scifi-nav__item--active .scifi-nav__label{color:var(--scifi-cyan);text-shadow:var(--scifi-cyan-glow)}.scifi-nav__icon{color:var(--scifi-purple-bright);filter:drop-shadow(0 0 4px #c77dff66);transition:all .15s ease-out}.scifi-nav__label{letter-spacing:2px;color:var(--scifi-purple-bright);text-shadow:var(--scifi-purple-glow);font-family:Share Tech Mono,Courier New,monospace;font-size:11px;font-weight:700;transition:all .15s ease-out}.scifi-nav__active-line{background:var(--scifi-cyan);height:3px;box-shadow:var(--scifi-cyan-glow);animation:2s ease-in-out infinite pulse-glow;position:absolute;bottom:0;left:0;right:0}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:var(--scifi-cyan-glow)}50%{opacity:.7;box-shadow:0 0 5px #00ffff4d}}.scifi-nav__divider{background:var(--scifi-orange);width:2px;height:50%;box-shadow:var(--scifi-orange-glow);align-self:center}.scifi-nav__bottom-accent{background:linear-gradient(90deg,transparent 0%,var(--scifi-cyan)20%,var(--scifi-cyan)80%,transparent 100%);height:1px;box-shadow:var(--scifi-cyan-glow);position:absolute;bottom:-4px;left:0;right:0}.scifi-nav:before{content:"";opacity:.08;background-image:linear-gradient(var(--scifi-cyan)1px,transparent 1px),linear-gradient(90deg,var(--scifi-cyan)1px,transparent 1px);pointer-events:none;z-index:0;background-size:20px 20px;position:absolute;inset:0}.scifi-nav__ship-preview{border-right:2px solid var(--scifi-orange);align-items:center;gap:12px;padding:0 20px;display:flex;position:relative;box-shadow:2px 0 #ff45004d}.scifi-nav__hud-brackets{pointer-events:none;z-index:1;position:absolute;inset:4px}.scifi-nav__hud-bracket{border:1.5px solid var(--scifi-cyan);opacity:.4;width:12px;height:12px;position:absolute}.scifi-nav__hud-bracket--tl{border-bottom:none;border-right:none;top:0;left:0;box-shadow:-2px -2px 4px #0ff3}.scifi-nav__hud-bracket--tr{border-bottom:none;border-left:none;top:0;right:0;box-shadow:2px -2px 4px #0ff3}.scifi-nav__hud-bracket--bl{border-top:none;border-right:none;bottom:0;left:0;box-shadow:-2px 2px 4px #0ff3}.scifi-nav__hud-bracket--br{border-top:none;border-left:none;bottom:0;right:0;box-shadow:2px 2px 4px #0ff3}.scifi-nav__scan-grid{pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#00ffff08 0,#0000 1px 4px),repeating-linear-gradient(90deg,#00ffff08 0,#0000 1px 4px);position:absolute;inset:0}.scifi-nav__ship-wireframe{z-index:2;filter:drop-shadow(0 0 8px var(--scifi-cyan));position:relative}.scifi-nav__ship-label{z-index:2;flex-direction:column;gap:3px;display:flex;position:relative}.scifi-nav__ship-id{letter-spacing:1.5px;color:var(--scifi-cyan);text-shadow:var(--scifi-cyan-glow);font-family:Share Tech Mono,Courier New,monospace;font-size:10px;font-weight:700}.scifi-nav__ship-name{letter-spacing:1px;color:var(--scifi-orange);text-shadow:0 0 6px #ff450066;font-family:Share Tech Mono,Courier New,monospace;font-size:9px;font-weight:500}.scifi-nav__ship-status{letter-spacing:1px;color:var(--scifi-purple-bright);text-shadow:0 0 6px #c77dff99;align-items:center;gap:4px;font-family:Share Tech Mono,Courier New,monospace;font-size:8px;display:flex}.scifi-nav__status-indicator{background:var(--scifi-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--scifi-cyan),inset 0 0 3px #fffc;border-radius:50%;animation:2s ease-in-out infinite pulse-indicator}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.scifi-nav__nav-items{flex:1;justify-content:center;align-items:stretch;display:flex}.scifi-nav__right-section{border-left:2px solid var(--scifi-orange);align-items:center;gap:16px;padding:8px 20px;display:flex;box-shadow:-2px 0 #ff45004d}.scifi-nav__status-gauges{flex-direction:column;gap:12px;display:flex}.scifi-nav__gauge{flex-direction:column;gap:4px;display:flex}.scifi-nav__gauge--enhanced{min-width:140px}.scifi-nav__gauge-header{align-items:center;gap:6px;display:flex}.scifi-nav__gauge-icon{color:var(--scifi-cyan);filter:drop-shadow(0 0 6px var(--scifi-cyan))}.scifi-nav__gauge-label{letter-spacing:1.5px;color:var(--scifi-purple-bright);text-shadow:var(--scifi-purple-glow);flex:1;font-family:Share Tech Mono,Courier New,monospace;font-size:8px;font-weight:700}.scifi-nav__gauge-value{letter-spacing:1px;color:var(--scifi-cyan);text-shadow:0 0 6px var(--scifi-cyan);font-family:Share Tech Mono,Courier New,monospace;font-size:9px;font-weight:700}.scifi-nav__gauge-bar-container{position:relative}.scifi-nav__gauge-bar{border:1.5px solid var(--scifi-cyan);background:#000000b3;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #000000e6,0 0 4px #0ff3}.scifi-nav__gauge-fill{height:100%;transition:width .5s ease-out;position:relative;top:0;left:0;overflow:hidden}.scifi-nav__gauge-fill--shields{box-shadow:0 0 12px var(--scifi-cyan),inset 0 0 8px #ffffff80;background:linear-gradient(90deg,#00ffffb3 0%,#0ff 50%,#00ffffb3 100%)}.scifi-nav__gauge-fill--energy{box-shadow:0 0 12px var(--scifi-purple-bright),inset 0 0 8px #ffffff80;background:linear-gradient(90deg,#c77dffb3 0%,#c77dff 50%,#c77dffb3 100%)}.scifi-nav__gauge-segments{justify-content:space-evenly;display:flex;position:absolute;inset:0}.scifi-nav__gauge-segments span{background:#0006;width:1px;box-shadow:1px 0 #fff3}.scifi-nav__gauge-ticks{pointer-events:none;height:calc(100% + 8px);position:absolute;top:-4px;left:0;right:0}.scifi-nav__gauge-ticks span{background:var(--scifi-cyan);opacity:.3;width:1px;height:100%;box-shadow:0 0 2px var(--scifi-cyan);position:absolute;top:0}.scifi-nav__gauge-pulse{background:linear-gradient(90deg,#0000,#fff9);width:30px;height:100%;animation:2s linear infinite gauge-pulse;position:absolute;top:0;right:0}@keyframes gauge-pulse{0%{opacity:0;transform:translate(-30px)}50%{opacity:1}to{opacity:0;transform:translate(200px)}}.scifi-nav__starmap{border-left:1px solid var(--scifi-purple);flex-direction:column;align-items:center;gap:4px;padding-left:16px;display:flex;position:relative}.scifi-nav__starmap--enhanced{opacity:1}.scifi-nav__starmap-frame{border:1px solid var(--scifi-cyan);opacity:.15;pointer-events:none;border-radius:2px;position:absolute;inset:-4px;box-shadow:inset 0 0 8px #00ffff1a}.scifi-nav__starmap svg{filter:drop-shadow(0 0 8px #00ffff4d)}.scifi-nav__starmap-label{flex-direction:column;align-items:center;gap:2px;display:flex}.scifi-nav__starmap-title{letter-spacing:1.5px;color:var(--scifi-purple-bright);text-shadow:0 0 6px #c77dff99;font-family:Share Tech Mono,Courier New,monospace;font-size:7px;font-weight:700}.scifi-nav__starmap-status{letter-spacing:1px;color:var(--scifi-cyan);text-shadow:0 0 4px var(--scifi-cyan);opacity:.7;font-family:Share Tech Mono,Courier New,monospace;font-size:6px;font-weight:500}@media (max-width:768px){main{padding-left:.75rem!important;padding-right:.75rem!important}.cockpit-hud{min-height:80px;padding-top:1rem;padding-bottom:1rem}.hud-tactical-panel--left,.hud-data-panel--pilot,.hud-data-panel--pilot-compact{display:none!important}.tactical-frame{padding:8px 12px}.tactical-frame h1{line-height:1.2;font-size:.875rem!important}.hud-subtitle{gap:4px;font-size:6px}.hud-corner-bracket{width:20px;height:20px}.scifi-nav__container{height:60px;padding:0 .25rem}.scifi-nav__ship-preview,.scifi-nav__right-section{display:none}.scifi-nav__nav-items{gap:.125rem;width:100%}.scifi-nav__item{min-width:70px;padding:0 8px}.scifi-nav__label{letter-spacing:.5px;font-size:11px}.scifi-nav__icon{width:20px;height:20px}.terminal-playlist-card{width:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;margin:.75rem auto!important;box-shadow:0 0 20px #00ffff4d,inset 0 0 60px #0000004d!important}.terminal-playlist-card__content{padding:12px!important}.terminal-playlist-card__header{margin-bottom:12px!important;padding-bottom:8px!important}.terminal-playlist-card__footer{padding:8px 12px!important}.terminal-playlist-card .grid-cols-5,.terminal-playlist-card .grid-cols-12{flex-direction:column!important;gap:1rem!important;display:flex!important}.terminal-playlist-card .col-span-2,.terminal-playlist-card .col-span-3,.terminal-playlist-card .col-span-4,.terminal-playlist-card .col-span-8{width:100%!important}.terminal-playlist-card h2.text-3xl{font-size:1.5rem!important}.terminal-playlist-card .p-4{padding:.75rem!important}.terminal-playlist-card .mt-4{clear:both!important;margin-top:1.5rem!important}.terminal-playlist-card__corner-bracket{width:12px!important;height:12px!important}.space-y-6>*+*{margin-top:2rem!important}.space-y-8>*+*{margin-top:2.5rem!important}.max-w-7xl{padding-left:.75rem!important;padding-right:.75rem!important}.glassmorphism{margin-left:.5rem!important;margin-right:.5rem!important}.hud-panel{margin-left:.5rem;margin-right:.5rem}}@media (max-width:374px){.scifi-nav__item{min-width:65px;padding:0 6px}.scifi-nav__label{letter-spacing:.25px;font-size:10px}.cockpit-hud nav{padding-left:.5rem!important;padding-right:.5rem!important}.tactical-frame{padding:6px 10px}.tactical-frame h1{font-size:.75rem!important}}@media (min-width:768px){.hud-tactical-panel--left{display:flex!important}}.terminal-playlist-card{isolation:isolate;position:relative}.terminal-playlist-card__container{-webkit-backdrop-filter:blur(12px);border:2px solid var(--scifi-cyan);clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));background:#0a1928d9;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #0ff3,inset 0 0 60px #0000004d}.terminal-playlist-card__container:hover{transform:translateY(-2px);box-shadow:0 4px 30px #00ffff4d,inset 0 0 60px #0000004d}.terminal-playlist-card__corner-brackets{pointer-events:none;z-index:10;position:absolute;inset:0}.terminal-playlist-card__corner-bracket{border-style:solid;border-width:0;border-color:var(--scifi-cyan);opacity:.6;width:20px;height:20px;position:absolute}.terminal-playlist-card__corner-bracket--tl{border-top-width:2px;border-left-width:2px;top:-2px;left:-2px}.terminal-playlist-card__corner-bracket--tr{border-top-width:2px;border-right-width:2px;top:-2px;right:-2px}.terminal-playlist-card__corner-bracket--bl{border-bottom-width:2px;border-left-width:2px;bottom:-2px;left:-2px}.terminal-playlist-card__corner-bracket--br{border-bottom-width:2px;border-right-width:2px;bottom:-2px;right:-2px}.terminal-playlist-card__scan-line{pointer-events:none;z-index:5;opacity:.3;height:2px;transition:top .1s linear;position:absolute;left:0;right:0}.terminal-playlist-card__content{z-index:1;padding:16px;position:relative}.terminal-playlist-card__header{margin-bottom:16px;padding-bottom:12px}.terminal-playlist-card__footer{background:#0006;border-top-style:solid;border-top-width:1px;padding:12px 16px}@keyframes holographic-shimmer{0%,to{opacity:.6;box-shadow:0 0 10px}50%{opacity:.9;box-shadow:0 0 20px}}.terminal-playlist-card__corner-bracket{animation:3s ease-in-out infinite holographic-shimmer}@keyframes energy-flow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.terminal-playlist-card__platform-accent:after{content:"";opacity:.6;background:linear-gradient(#0000,currentColor,#0000);height:40%;animation:2s linear infinite energy-flow;position:absolute;top:0;left:0;right:0}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%,to{opacity:.3;transform:translateY(0)translate(0)}50%{opacity:.6;transform:translateY(-20px)translate(10px)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}


/* ============================================
   STARSHIP HUD PROFILE INTERFACE
   Clean, readable HUD-inspired design
   ============================================ */

/* -------- HUD PANEL BASE -------- */
.hud-panel {
  position: relative;
  background: rgba(0, 0, 0, 0.7);
  border: 2px solid;
  padding: 1.5rem;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.hud-panel--cyan {
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.2), inset 0 0 20px rgba(0, 255, 255, 0.05);
}

.hud-panel--magenta {
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.2), inset 0 0 20px rgba(255, 0, 255, 0.05);
}

.hud-panel--yellow {
  box-shadow: 0 0 15px rgba(255, 255, 0, 0.2), inset 0 0 20px rgba(255, 255, 0, 0.05);
}

.hud-panel--green {
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.2), inset 0 0 20px rgba(0, 255, 0, 0.05);
}

/* -------- CORNER BRACKETS -------- */
.hud-corner {
  position: absolute;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-width: 0;
  z-index: 10;
  opacity: 0;
  animation: hud-bracket-appear 0.3s ease-out forwards;
}

.hud-corner--tl {
  top: -2px;
  left: -2px;
  border-top-width: 3px;
  border-left-width: 3px;
}

.hud-corner--tr {
  top: -2px;
  right: -2px;
  border-top-width: 3px;
  border-right-width: 3px;
}

.hud-corner--bl {
  bottom: -2px;
  left: -2px;
  border-bottom-width: 3px;
  border-left-width: 3px;
}

.hud-corner--br {
  bottom: -2px;
  right: -2px;
  border-bottom-width: 3px;
  border-right-width: 3px;
}

.hud-corner--cyan {
  border-color: var(--retro-cyan);
  box-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
}

.hud-corner--magenta {
  border-color: var(--retro-magenta);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.6);
}

.hud-corner--yellow {
  border-color: var(--retro-yellow);
  box-shadow: 0 0 8px rgba(255, 255, 0, 0.6);
}

.hud-corner--green {
  border-color: var(--retro-green);
  box-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
}

.hud-corner--default {
  border-color: #666;
}

/* -------- SCAN LINE EFFECT -------- */
.hud-scanline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right,
    transparent 0%,
    rgba(0, 255, 255, 0.5) 50%,
    transparent 100%
  );
  animation: hud-scanline 3s linear infinite;
  pointer-events: none;
  z-index: 5;
}

/* -------- PANEL TITLE -------- */
.hud-panel__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-press-start), monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--retro-cyan);
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}

.hud-panel__icon {
  display: flex;
  align-items: center;
  filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.8));
}

/* -------- PANEL CONTENT -------- */
.hud-panel__content {
  position: relative;
  z-index: 1;
}

/* -------- DATA DISPLAY -------- */
.hud-data-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hud-data-display__label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--font-press-start), monospace;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #888;
  margin-bottom: 0.5rem;
}

.hud-data-display__icon {
  display: flex;
  opacity: 0.7;
}

.hud-data-display__value {
  font-family: var(--font-press-start), monospace;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 0 0 15px currentColor;
  animation: hud-glow-pulse 2s ease-in-out infinite;
}

.hud-data-display__suffix {
  font-size: 0.6em;
  opacity: 0.8;
  margin-left: 0.25em;
}

/* -------- HUD BUTTON -------- */
.hud-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: var(--font-press-start), monospace;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  overflow: hidden;
}

.hud-button--sm {
  padding: 0.5rem 1rem;
  font-size: 0.5rem;
}

.hud-button--md {
  padding: 0.75rem 1.5rem;
  font-size: 0.625rem;
}

.hud-button--lg {
  padding: 1rem 2rem;
  font-size: 0.75rem;
}

.hud-button--cyan {
  border-color: var(--retro-cyan);
  color: var(--retro-cyan);
}

.hud-button--cyan:hover {
  background: rgba(0, 255, 255, 0.1);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.4),
              inset 0 0 20px rgba(0, 255, 255, 0.1);
}

.hud-button--magenta {
  border-color: var(--retro-magenta);
  color: var(--retro-magenta);
}

.hud-button--magenta:hover {
  background: rgba(255, 0, 255, 0.1);
  box-shadow: 0 0 20px rgba(255, 0, 255, 0.4),
              inset 0 0 20px rgba(255, 0, 255, 0.1);
}

.hud-button--yellow {
  border-color: var(--retro-yellow);
  color: var(--retro-yellow);
}

.hud-button--yellow:hover {
  background: rgba(255, 255, 0, 0.1);
  box-shadow: 0 0 20px rgba(255, 255, 0, 0.4),
              inset 0 0 20px rgba(255, 255, 0, 0.1);
}

.hud-button--green {
  border-color: var(--retro-green);
  color: var(--retro-green);
}

.hud-button--green:hover {
  background: rgba(0, 255, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.4),
              inset 0 0 20px rgba(0, 255, 0, 0.1);
}

.hud-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.hud-button__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hud-button__icon {
  display: flex;
}

.hud-button__loading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Button corner brackets (appear on hover) */
.hud-button__bracket {
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-width: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}

.hud-button:hover .hud-button__bracket {
  opacity: 1;
}

.hud-button__bracket--tl {
  top: -2px;
  left: -2px;
  border-top-width: 2px;
  border-left-width: 2px;
  border-color: inherit;
}

.hud-button__bracket--tr {
  top: -2px;
  right: -2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-color: inherit;
}

.hud-button__bracket--bl {
  bottom: -2px;
  left: -2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-color: inherit;
}

.hud-button__bracket--br {
  bottom: -2px;
  right: -2px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-color: inherit;
}

/* -------- PROFILE-SPECIFIC STYLES -------- */
.hud-profile-header {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 2rem;
}

.hud-profile-avatar {
  position: relative;
  width: 120px;
  height: 120px;
  border: 3px solid var(--retro-cyan);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
  flex-shrink: 0;
}

.hud-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: pixelated;
}

.hud-profile-ship-badge {
  position: absolute;
  bottom: -12px;
  right: -12px;
  font-size: 3rem;
  filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.8));
}

.hud-profile-info {
  flex: 1;
  min-width: 0;
}

.hud-profile-name {
  font-family: var(--font-press-start), monospace;
  font-size: 1.75rem;
  color: var(--retro-cyan);
  text-shadow: 0 0 15px rgba(0, 255, 255, 0.8);
  margin-bottom: 0.5rem;
  word-break: break-word;
}

.hud-profile-handle {
  font-family: monospace;
  font-size: 1rem;
  color: var(--retro-magenta);
  margin-bottom: 0.75rem;
}

.hud-profile-bio {
  font-family: monospace;
  font-size: 0.875rem;
  color: #ccc;
  line-height: 1.5;
  margin-bottom: 1rem;
  max-width: 600px;
}

.hud-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.hud-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.hud-section-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-press-start), monospace;
  font-size: 1.25rem;
  color: var(--retro-cyan);
  text-shadow: 0 0 15px rgba(0, 255, 255, 0.8);
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid rgba(0, 255, 255, 0.3);
}

.hud-section-icon {
  display: flex;
  filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.8));
}

/* -------- ANIMATIONS -------- */
@keyframes hud-scanline {
  0% {
    top: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}

@keyframes hud-bracket-appear {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hud-glow-pulse {
  0%, 100% {
    filter: brightness(1) drop-shadow(0 0 10px currentColor);
  }
  50% {
    filter: brightness(1.2) drop-shadow(0 0 15px currentColor);
  }
}

/* -------- RESPONSIVE -------- */
@media (max-width: 768px) {
  .hud-profile-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hud-profile-avatar {
    width: 100px;
    height: 100px;
  }

  .hud-profile-name {
    font-size: 1.25rem;
  }

  .hud-profile-bio {
    max-width: 100%;
  }

  .hud-stats-grid {
    grid-template-columns: 1fr;
  }

  .hud-corner {
    width: 12px;
    height: 12px;
  }

  .hud-button {
    padding: 0.625rem 1.25rem;
    font-size: 0.5rem;
  }
}