:root{--font-heading: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--text-display: 3.5rem;--text-title: 2rem;--text-lg: 1.25rem;--text-base: 1rem;--text-sm: .85rem;--text-xs: .7rem;--color-cyan: #5BA4CF;--color-plasma: #7EC8E3;--color-red: #D94040;--color-gold: #C9A24C;--color-green: #4EBF6A;--color-white: #EAEAEF;--color-black: #06060C;--color-text-primary: #E2E2EA;--color-text-secondary: #9898A8;--color-text-muted: #d3d3e3;--color-text-accent: #5BA4CF;--color-surface: #08080E;--color-surface-card: #10121A;--color-surface-overlay: rgba(6, 6, 14, .88);--color-danger: #D94040;--color-danger-soft: #C46B6B;--color-success: #4EBF6A;--color-warning: #D4A843}body{margin:0;overflow:hidden;background-color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-primary)}canvas{display:block}h1,h2,h3{font-family:var(--font-heading);margin:0}h1{font-size:var(--text-display)}h2{font-size:var(--text-title)}h3{font-size:var(--text-lg)}.btn{padding:14px 36px;font-size:var(--text-base);cursor:pointer;background-color:transparent;border:2px solid var(--color-cyan);color:var(--color-cyan);font-weight:600;font-family:var(--font-mono);transition:all .2s ease-out;outline:none}.btn:hover{background-color:var(--color-cyan);color:var(--color-black);box-shadow:0 0 20px #5ba4cf66;transform:translateY(-1px)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background-color:var(--color-danger);color:var(--color-white);box-shadow:0 0 20px #d9404066}.btn--shop{margin-top:15px;padding:10px 20px;background:transparent;color:var(--color-cyan);border:2px solid var(--color-cyan);font-weight:600;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:all .2s ease-out}.btn--shop:hover{background-color:var(--color-cyan);color:var(--color-black);box-shadow:0 0 15px #5ba4cf4d}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);z-index:100}#app-root{width:100vw;height:100vh;position:relative;overflow:hidden;background-color:var(--color-black)}#game-canvas-container{width:100%;height:100%}@keyframes crashFlash{0%{opacity:0}to{opacity:1}}@keyframes statusPop{0%{opacity:0;transform:translateY(8px) scale(.8)}60%{opacity:1;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}#login-screen{width:100vw;height:100vh;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-accent);position:relative;overflow:hidden}#login-screen:before{content:"";position:absolute;bottom:-30vw;left:50%;transform:translate(-50%);width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(91,164,207,.12) 0%,rgba(91,164,207,.05) 35%,transparent 70%);pointer-events:none;z-index:0}#login-screen>*{position:relative;z-index:1}#login-title{margin-bottom:60px;position:relative;animation:glitchIn 4s ease-out infinite}#login-title:before,#login-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden;pointer-events:none}#login-title:before{color:var(--color-plasma);animation:glitchLayer1 4s ease-out infinite;clip-path:inset(0 0 60% 0)}#login-title:after{color:var(--color-danger-soft);animation:glitchLayer2 4s ease-out infinite;clip-path:inset(60% 0 0 0)}@keyframes glitchIn{0%{opacity:1;transform:translate(0)}3%{opacity:1;transform:translate(-3px)}4%{opacity:.7;transform:translate(5px) skew(-2deg)}5%{opacity:1;transform:translate(0)}10%{opacity:.8;transform:translate(2px)}11%{opacity:1;transform:translate(-1px) skew(1deg)}12%{opacity:1;transform:translate(0)}18%{opacity:.9;transform:translate(1px)}19%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes glitchLayer1{0%{opacity:0;transform:translate(0)}3%{opacity:.8;transform:translate(-8px)}4%{opacity:0}5%{opacity:.6;transform:translate(4px)}10%{opacity:.5;transform:translate(-3px)}11%{opacity:0}18%{opacity:.3;transform:translate(2px)}19%{opacity:0}to{opacity:0}}@keyframes glitchLayer2{0%{opacity:0;transform:translate(0)}3%{opacity:.6;transform:translate(6px)}4%{opacity:0}5%{opacity:.8;transform:translate(-5px)}10%{opacity:.4;transform:translate(4px)}11%{opacity:0}18%{opacity:.2;transform:translate(-2px)}19%{opacity:0}to{opacity:0}}#login-form{display:flex;flex-direction:column;gap:20px;width:300px}#login-form input{padding:15px;background:var(--color-surface-card);border:2px solid var(--color-cyan);color:var(--color-cyan);font-size:var(--text-base);font-family:var(--font-mono);outline:none;text-align:center}#login-form .btn{width:100%}#menu-screen{background-color:var(--color-surface-overlay);overflow:hidden}#menu-screen:before{content:"";position:absolute;bottom:-30vw;left:50%;transform:translate(-50%);width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(91,164,207,.12) 0%,rgba(91,164,207,.05) 35%,transparent 70%);pointer-events:none;z-index:0}#menu-screen>*{position:relative;z-index:1}#menu-screen .credits{font-size:var(--text-lg);color:var(--color-text-accent)}#menu-actions{display:flex;gap:20px;margin-top:60px}#game-over-screen{background-color:#140000cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}#game-over-screen:before{content:"";position:absolute;bottom:-30vw;left:50%;transform:translate(-50%);width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(217,64,64,.14) 0%,rgba(217,64,64,.05) 35%,transparent 70%);pointer-events:none;z-index:0}#game-over-screen>*{position:relative;z-index:1}#game-over-screen h1{color:var(--color-danger)}#game-over-screen .death-reason{color:var(--color-danger);font-size:var(--text-base);letter-spacing:2px;margin-bottom:40px}#game-over-summary{text-align:center;margin-bottom:40px}#game-over-summary .points{font-family:var(--font-heading);font-size:var(--text-title);color:var(--color-text-accent)}#game-over-summary .label{font-size:var(--text-xs);color:var(--color-text-muted)}#hangar-screen{background-color:var(--color-surface-overlay);overflow-y:auto;padding:60px 40px 40px;box-sizing:border-box;align-items:center}.btn-back{position:absolute;top:28px;left:32px;background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;padding:8px 12px;transition:color .2s ease-out;z-index:10}.btn-back:hover{color:var(--color-text-primary)}#hangar-header{text-align:center;margin-bottom:40px}#hangar-header h1{color:var(--color-text-primary);margin-bottom:8px;letter-spacing:2px}#hangar-header .credits{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-gold);letter-spacing:1px}#hangar-layout{display:flex;gap:48px;align-items:flex-start;width:100%;max-width:1100px}#ship-preview-panel{flex:0 0 auto}#hangar-upgrades{flex:1;display:flex;flex-direction:column;gap:16px}.shop-card{background:var(--color-surface-card);border:1px solid rgba(91,164,207,.12);padding:24px;width:100%;border-radius:8px;box-sizing:border-box;transition:border-color .2s ease-out}.shop-card:hover{border-color:#5ba4cf4d}.shop-card__header{margin-bottom:16px}.shop-card__header h3{color:var(--color-text-primary);margin-bottom:4px;font-size:var(--text-base);letter-spacing:1px}.shop-card__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.shop-card__level{display:flex;align-items:center;gap:12px;margin-bottom:16px}.level-pips{display:flex;gap:6px}.pip{width:28px;height:6px;border-radius:3px;background:rgba(91,164,207,.12);transition:background .2s ease-out}.pip--filled{background:var(--color-cyan)}.level-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:1px}.shop-card .maxed{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-green);letter-spacing:1px;margin:0}#palette-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.palette-swatch{width:52px;height:52px;cursor:pointer;border-radius:6px;overflow:hidden;transition:all .2s ease-out;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.08)}.palette-swatch:hover{border-color:#ffffff4d;transform:scale(1.08)}.palette-swatch--selected{border:2px solid var(--color-white);transform:scale(1.08)}.palette-swatch__top,.palette-swatch__bottom{flex:1}#ship-preview-wrapper{position:relative}#ship-preview-canvas{border:1px solid rgba(91,164,207,.15);border-radius:8px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}#ship-preview-canvas:active{cursor:grabbing}#ship-preview-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;pointer-events:none}#hud-overlay{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;color:var(--color-cyan);text-shadow:0 0 5px var(--color-cyan);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;font-size:var(--text-sm)}#hud-overlay>div{background:rgba(6,6,14,.35);border:1px solid rgba(91,164,207,.08);border-radius:8px;padding:12px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#health-section{margin-bottom:15px}.hud-label{font-size:var(--text-xs);color:var(--color-text-muted)}.hud-value{color:var(--color-text-secondary);margin-left:6px}.hud-bar{width:200px;height:10px;margin-top:4px}#health-bar{background:rgba(91,164,207,.08);border:1px solid var(--color-cyan)}#health-bar-fill{height:100%;transition:width .3s}#fuel-bar{background:rgba(126,200,227,.08);border:1px solid var(--color-plasma)}#fuel-bar-fill{height:100%;background:var(--color-plasma);transition:width .1s}#hud-center-status{text-align:center}#hud-pilot-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700}#hud-mission-status{font-size:var(--text-xs);color:var(--color-text-muted)}#hud-status-message{font-size:var(--text-sm);font-weight:700;margin-top:6px;animation:statusPop .3s ease-out}#hud-status-message.status--plasma{color:var(--color-plasma);text-shadow:0 0 8px var(--color-plasma),0 0 16px var(--color-plasma)}#hud-status-message.status--biome{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan),0 0 16px var(--color-cyan)}#hud-status-message.status--warning{color:var(--color-warning);text-shadow:0 0 8px var(--color-warning),0 0 16px var(--color-warning)}#hud-right-stats{text-align:right}#hud-points{font-family:var(--font-heading);font-size:var(--text-lg)}#hud-speed{margin-top:10px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff54;font-size:var(--text-title);font-weight:lighter;font-family:var(--font-heading);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5}#warning-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 25%,rgba(217,64,64,.25) 100%);animation:vignettePulse 1.5s ease-in-out infinite}@keyframes vignettePulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}#crash-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff00004d;z-index:30;animation:crashFlash .15s infinite alternate;pointer-events:none}#hud-warning{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-danger);text-shadow:0 0 8px var(--color-danger);margin-top:6px;animation:blink .5s infinite}#pause-overlay{background-color:#00050aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200}#pause-overlay h1{color:var(--color-text-accent);margin-bottom:8px}#pause-overlay .pause-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:0;margin-bottom:30px}#pause-help-layout{display:flex;gap:40px;max-width:800px;width:100%;padding:0 20px;box-sizing:border-box}#pause-controls-section,#pause-tips-section{flex:1}.pause-section-title{color:var(--color-text-accent);font-size:var(--text-base);margin-bottom:16px;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:8px}.controls-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.controls-table td:first-child{padding:6px 12px 6px 0;color:var(--color-text-accent);font-weight:700;white-space:nowrap;width:80px}.controls-table td:last-child{padding:6px 0;color:var(--color-text-secondary)}#pause-tips-list{display:flex;flex-direction:column;gap:14px;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.tip-label--plasma{color:var(--color-plasma);font-weight:700}.tip-label--danger{color:var(--color-danger-soft);font-weight:700}.tip-label--speed{color:var(--color-warning);font-weight:700}.tip-label--banking{color:var(--color-success);font-weight:700}