*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#04060f}#app canvas{display:block}:root{--font-display: "Rajdhani", "SF Mono", ui-monospace, Menlo, sans-serif;--font-wordmark: "Orbitron", var(--font-display);--cyan: #5fd8ff;--cyan-bright: #bdf1ff;--ink: #d6ecff;--ink-soft: #7ea6cc;--glass-1: rgba(13, 31, 60, .6);--glass-2: rgba(6, 14, 31, .42);--edge: rgba(95, 216, 255, .32);--edge-strong: rgba(140, 235, 255, .7);--glow: rgba(60, 175, 255, .5);--hp: #4fe39a;--shield: #5fb4ff;--fuel: #ffb24a;--alert: #ff6a5f;--good: #6affb0;--credits: #ffd36a}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font-display);font-weight:600;color:var(--ink);-webkit-font-smoothing:antialiased}.hud-panel{position:relative;background:linear-gradient(150deg,var(--glass-1),var(--glass-2));border:1px solid var(--edge);border-radius:5px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 0 32px -12px var(--glow),inset 0 1px #bdf1ff1a,inset 0 0 26px -14px #5fd8ff80}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:10px;height:10px;border:1.5px solid var(--edge-strong);pointer-events:none;filter:drop-shadow(0 0 3px var(--glow))}.hud-panel:before{top:3px;left:3px;border-right:0;border-bottom:0}.hud-panel:after{bottom:3px;right:3px;border-left:0;border-top:0}#hud-top{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}#hud-identity{display:flex;align-items:center;gap:12px;padding:9px 18px 9px 12px}.hud-emblem{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--glow))}.hud-emblem .fill{fill:#5fd8ff40;stroke:var(--cyan-bright)}.hud-identity-name{font-family:var(--font-wordmark);font-weight:800;font-size:16px;letter-spacing:4px;color:var(--cyan-bright);text-shadow:0 0 12px var(--glow)}.hud-identity-sub{font-size:12px;letter-spacing:2px;color:var(--ink-soft);text-transform:uppercase}#hud-compass{width:300px;height:54px;overflow:hidden;flex:none}#hud-compass-strip{position:absolute;top:12px;left:0;height:24px;will-change:transform}.compass-mark{position:absolute;transform:translate(-50%);text-align:center;color:var(--ink-soft);font-size:11px;font-weight:600}.compass-mark .tick{display:block;width:1px;height:6px;margin:0 auto 3px;background:var(--edge)}.compass-mark.card{color:var(--cyan-bright);font-size:14px;font-weight:700;text-shadow:0 0 8px var(--glow)}.compass-mark.card .tick{height:9px;background:var(--cyan-bright)}.hud-compass-needle{position:absolute;top:6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--cyan-bright);filter:drop-shadow(0 0 5px var(--glow))}#hud-heading{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:2px;color:var(--cyan-bright)}#hud-resources{display:flex;gap:10px}.hud-chip{display:flex;align-items:center;gap:10px;padding:7px 15px 7px 11px}.hud-chip svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--cyan);stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--glow))}.hud-chip svg .fill-soft{fill:#5fd8ff2e}.hud-chip svg .glyph{fill:var(--cyan-bright);stroke:none;font-size:9px;font-weight:700;font-family:var(--font-wordmark);text-anchor:middle}.hud-chip-text{display:flex;flex-direction:column;line-height:1.15}.hud-chip-label{font-size:9.5px;letter-spacing:2px;color:var(--ink-soft)}.hud-chip-value{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.5px;color:var(--ink)}#hud-credits{color:var(--credits);text-shadow:0 0 12px rgba(255,211,106,.45)}#hud-menu{position:relative}#menu-btn{pointer-events:auto;cursor:pointer;padding:9px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}#menu-btn svg{width:24px;height:24px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--glow))}#menu-btn:hover{border-color:var(--edge-strong);box-shadow:0 0 30px -6px var(--glow)}#menu-btn:hover svg{stroke:var(--cyan-bright)}#menu-btn.menu-active{border-color:#6affb099;box-shadow:0 0 30px -6px #6affb099}#menu-btn.menu-active svg{stroke:var(--good);filter:drop-shadow(0 0 6px rgba(106,255,176,.6))}#menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:292px;padding:7px;display:flex;flex-direction:column;gap:4px;z-index:5}#menu-dropdown[hidden]{display:none}.menu-item{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;font:inherit;font-weight:600;font-size:14px;letter-spacing:.5px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:4px;text-align:left;transition:background .15s,border-color .15s}.menu-item[hidden]{display:none}.menu-item:hover{background:#5fd8ff1a;border-color:var(--edge)}.menu-item svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.menu-item-label{flex:1}.menu-item-status{font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--ink-soft)}.menu-item[data-menu=logout]:hover{background:#ff6a5f1f;border-color:#ff6a5f66}.menu-item[data-menu=logout]:hover svg{stroke:var(--alert)}#hud-vitals{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:248px;padding:16px 18px 15px;display:flex;flex-direction:column;gap:15px}.hud-speed{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid var(--edge)}.hud-stat-icon{width:30px;height:30px;flex:none;fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--glow))}.hud-stat-icon .needle{stroke:var(--cyan-bright);stroke-width:1.8}.hud-stat-icon .fill{fill:var(--cyan-bright);stroke:none}.hud-speed-body{display:flex;flex-direction:column}.hud-speed-row{display:flex;align-items:baseline}.hud-speed-value{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1;letter-spacing:1px;color:var(--cyan-bright);text-shadow:0 0 16px var(--glow)}.hud-speed-unit{margin-left:7px;font-size:12px;letter-spacing:1px;color:var(--ink-soft)}.hud-stat-label{font-size:11px;letter-spacing:2.5px;color:var(--ink-soft)}.hud-stat{display:flex;align-items:center;gap:13px}.hud-stat-body{flex:1}.hud-stat-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.hud-stat-pct{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.hud-bar{height:7px;border-radius:4px;background:#040c1ad9;overflow:hidden;box-shadow:inset 0 0 0 1px #5fd8ff26}.hud-bar-fill{height:100%;width:100%;border-radius:4px;transition:width .18s ease}.hud-hp{background:linear-gradient(90deg,#2aa869,var(--hp));box-shadow:0 0 10px var(--hp)}.hud-shield{background:linear-gradient(90deg,#347fd0,var(--shield));box-shadow:0 0 10px var(--shield)}.hud-fuel{background:linear-gradient(90deg,#c47a1f,var(--fuel));box-shadow:0 0 10px var(--fuel)}.hud-stat[data-kind=hull] .hud-stat-icon{stroke:var(--hp);filter:drop-shadow(0 0 5px var(--hp))}.hud-stat[data-kind=shield] .hud-stat-icon{stroke:var(--shield);filter:drop-shadow(0 0 5px var(--shield))}.hud-stat[data-kind=fuel] .hud-stat-icon{stroke:var(--fuel);filter:drop-shadow(0 0 5px var(--fuel))}#hud-radar{position:absolute;right:16px;bottom:16px;padding:10px;line-height:0}.hud-radar-label{position:absolute;top:-7px;left:14px;padding:0 6px;background:var(--glass-1);font-size:9px;letter-spacing:3px;line-height:1;color:var(--cyan-bright)}#minimap{display:block;border-radius:7px}.hud-radar-sweep{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:7px;pointer-events:none;background:conic-gradient(from 0deg,rgba(95,216,255,.22),transparent 38%);mix-blend-mode:screen;animation:radar-sweep 4s linear infinite}.minimap-expanded{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:20;border:1px solid var(--edge);box-shadow:0 0 60px -10px var(--glow)}@keyframes radar-sweep{to{transform:rotate(360deg)}}#hud-help{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:8px 20px}#hud-help .key{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.5px;color:var(--ink-soft);text-transform:uppercase}kbd{font-family:var(--font-display);font-weight:700;font-size:11px;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan-bright);background:#5fd8ff1a;border:1px solid var(--edge);border-radius:3px;box-shadow:inset 0 -1px #00000059}#hud-warning,#hud-fuel-warning{position:absolute;top:76px;left:50%;transform:translate(-50%);text-align:center;font-size:15px;letter-spacing:2px;font-weight:700}#hud-warning{color:var(--alert);text-shadow:0 0 14px rgba(255,106,95,.6);animation:hud-blink 1s steps(2,start) infinite}#hud-fuel-warning{color:var(--fuel);text-shadow:0 0 14px rgba(255,178,74,.5)}.alert-mark{margin-right:6px}#hud-fuel-warning button,#tow-btn{pointer-events:auto;display:block;margin:9px auto 0;font:inherit;font-weight:700;letter-spacing:1px;color:#04060f;background:var(--fuel);border:none;border-radius:4px;padding:6px 14px;cursor:pointer;box-shadow:0 0 18px -4px var(--fuel)}#hud-dock-prompt{position:absolute;bottom:96px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:3px;font-weight:700;color:var(--good);text-shadow:0 0 14px rgba(106,255,176,.5)}#hud-dock-prompt kbd{color:var(--good);border-color:#6affb080;background:#6affb01f}#hud-debug{position:absolute;bottom:14px;left:16px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.5px;color:var(--good);opacity:.85}@keyframes hud-blink{50%{opacity:.3}}#dock,#death,#auth{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#060e1fb8,#02040ae6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--font-display);font-weight:600;color:var(--ink);z-index:10}#dock[hidden],#death[hidden],#auth[hidden]{display:none}#auth{background:#02040af2}.auth-panel{display:flex;flex-direction:column;gap:12px;min-width:320px}.auth-panel input{font:inherit;padding:9px 11px;background:#0a1428cc;border:1px solid var(--edge);border-radius:4px;color:var(--ink)}.auth-panel input:focus{outline:none;border-color:var(--edge-strong);box-shadow:0 0 16px -4px var(--glow)}.auth-panel>button[type=submit]{font:inherit;font-weight:700;letter-spacing:1px;color:#04060f;background:var(--cyan);border:none;border-radius:4px;padding:9px 14px;cursor:pointer;box-shadow:0 0 22px -6px var(--glow)}.auth-links{font-size:12px;text-align:center}.auth-links a{color:#7fb8e8;cursor:pointer;text-decoration:underline}.auth-guest{font:inherit;margin-top:6px;color:var(--cyan-bright);background:transparent;border:1px solid var(--edge);border-radius:4px;padding:8px 12px;cursor:pointer}.auth-note{font-size:12px;color:var(--good);text-align:center}.overlay-panel{position:relative;background:linear-gradient(150deg,#0d1f3ceb,#060e1feb);border:1px solid var(--edge);border-radius:6px;padding:30px 34px;min-width:580px;box-shadow:0 0 60px -16px var(--glow),inset 0 1px #bdf1ff1a}.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--edge-strong);filter:drop-shadow(0 0 4px var(--glow))}.overlay-panel:before{top:6px;left:6px;border-right:0;border-bottom:0}.overlay-panel:after{bottom:6px;right:6px;border-left:0;border-top:0}.overlay-panel h2{margin-bottom:14px;font-family:var(--font-wordmark);font-weight:800;letter-spacing:4px;color:var(--cyan-bright);text-shadow:0 0 14px var(--glow)}.dock-panel h3{margin:18px 0 8px;font-family:var(--font-wordmark);font-weight:700;color:var(--cyan);letter-spacing:2px}.shop-credits{margin-bottom:16px;font-family:var(--font-wordmark);font-size:15px;color:var(--credits);text-shadow:0 0 12px rgba(255,211,106,.4)}.dock-services{display:flex;gap:10px;margin-bottom:10px}.dock-cargo{font-size:13px;color:var(--ink-soft)}.dock-undock{margin-top:20px}.shop-row{display:grid;grid-template-columns:1.2fr 1.8fr .7fr .8fr;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(95,216,255,.14);font-size:14px}.shop-inert{opacity:.45}.shop-name em{font-size:11px;color:#8fa8c8}.shop-effect{color:var(--ink-soft)}.shop-max{color:var(--good)}.overlay-panel button{font:inherit;font-weight:700;letter-spacing:.5px;color:#04060f;background:var(--cyan);border:none;border-radius:4px;padding:7px 15px;cursor:pointer;transition:filter .15s,box-shadow .15s}.overlay-panel button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 22px -6px var(--glow)}.overlay-panel button:disabled{opacity:.35;cursor:default}.overlay-hint{margin-top:16px;font-size:12px;letter-spacing:1px;opacity:.6}.death-panel{text-align:center;min-width:400px}.death-panel p{margin:14px 0 22px;color:#ff9a8f}