@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=IBM+Plex+Mono:wght@400;500&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1040;font-family:IBM Plex Mono,monospace;color:#e8f0ff;touch-action:none}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;outline:none}#game-root:focus canvas{box-shadow:inset 0 0 0 2px #88ddff40}#game-root canvas{display:block;width:100%;height:100%}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.interactive{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#643cb473,#140a32eb 55%,#0a081efa)}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 70%,#aaf,transparent),radial-gradient(2px 2px at 80% 20%,#ffd,transparent),radial-gradient(1px 1px at 40% 80%,#8cf,transparent),radial-gradient(1.5px 1.5px at 70% 40%,#fff,transparent);background-size:350px 350px}.title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(180deg,#fff,#8df,#6ec6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(110,198,255,.6));z-index:1}.tagline{margin:1rem 0 2rem;font-size:clamp(.7rem,2vw,.9rem);color:#b8c8e8;text-align:center;max-width:500px;z-index:1}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:720px;width:90%;margin-bottom:2rem;z-index:1}.faction-card{background:linear-gradient(145deg,#281e50d9,#140f2de6);border:2px solid rgba(110,198,255,.25);padding:1.2rem;cursor:pointer;text-align:left;transition:border-color .2s,transform .15s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.faction-card:hover{border-color:#6ec6ff;transform:translateY(-3px);box-shadow:0 8px 32px #6ec6ff33}.faction-card.selected{border-color:#ffd23f;box-shadow:0 0 28px #ffd23f59}.faction-name{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;margin-bottom:.4rem}.faction-motto{font-size:.65rem;color:#a0b0d0;font-style:italic;margin-bottom:.5rem}.faction-bonus{font-size:.6rem;color:#8df}.footer-note{font-size:.55rem;color:#8090b0;margin-top:1.5rem;z-index:1}.btn{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:1rem 2.5rem;border:2px solid #88ddff;background:linear-gradient(180deg,#3c64b4e6,#1e3264f2);color:#fff;cursor:pointer;z-index:1;transition:transform .12s,box-shadow .15s;box-shadow:0 4px 20px #6ec6ff40}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6ec6ff66}.btn-ghost{margin-top:.75rem;border-color:#8df6;color:#a8c8e8;background:transparent;font-size:.6rem;padding:.6rem 1.2rem;box-shadow:none}.btn-ghost:hover{background:#3c508c66;color:#fff;transform:none}.faq-btn{position:fixed;top:1rem;right:1rem;z-index:20;width:42px;height:42px;border-radius:50%;border:2px solid rgba(136,221,255,.5);background:#1e143cd9;color:#8df;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #6ec6ff33}.faq-btn:hover{border-color:#8df;transform:scale(1.08)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-left{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.hud-right{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;min-width:140px;padding-right:calc(var(--radar-size, 132px) + .75rem);box-sizing:border-box;max-width:50vw}.panel{background:#140f2dbf;border:1px solid rgba(136,221,255,.3);padding:.55rem .9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d}.panel-label{font-size:.5rem;color:#8ac;text-transform:uppercase;letter-spacing:.12em}.panel-value{font-family:Orbitron,sans-serif;font-size:.8rem;color:#8df}.panel-value.small{font-size:.62rem;color:#c8d8f0}.bar{width:100%;height:7px;background:#0a0a1e99;margin-top:5px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bar-fill{height:100%;transition:width .2s;border-radius:3px}.bar-fill.fuel{background:linear-gradient(90deg,#fa2,#fd5);box-shadow:0 0 8px #ffc83280}.bar-fill.hull{background:linear-gradient(90deg,#4c8,#8fb);box-shadow:0 0 8px #64ffb466}.bar-fill.cargo{background:linear-gradient(90deg,#48f,#8cf)}.bar-fill.low{background:linear-gradient(90deg,#f44,#f86)!important}.hud-bottom{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);text-align:center;min-width:280px}.action-progress{margin-bottom:.45rem;background:#140f2dd9;border:1px solid rgba(136,221,255,.3);padding:.45rem .9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-progress.hidden{display:none}.action-label{font-size:.5rem;color:#8df;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.action-bar{margin-top:0;height:8px}.bar-fill.action{background:linear-gradient(90deg,#4af,#8df);box-shadow:0 0 10px #64c8ff80}.action-progress.mining-active{border-color:#ffb43c8c}.action-progress.mining-active .action-label{color:#fc6}.action-progress.mining-active .bar-fill.action{background:linear-gradient(90deg,#f83,#fc5,#fe8);box-shadow:0 0 12px #ffa0328c;animation:mine-bar-pulse 1.5s ease-in-out infinite alternate}@keyframes mine-bar-pulse{0%{filter:brightness(1)}to{filter:brightness(1.25)}}.hud.hazard-flash .bar-fill.hull{animation:hazard-pulse .35s ease}@keyframes hazard-pulse{50%{filter:brightness(2);box-shadow:0 0 14px #ff5050e6}}.hint{font-size:.62rem;color:#d0e0ff;background:#140f2dcc;padding:.55rem 1.4rem;border:1px solid rgba(136,221,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px}.status-pills{margin-top:.5rem;display:flex;gap:.5rem;justify-content:center}.pill{font-size:.5rem;font-family:Orbitron,sans-serif;padding:.25rem .7rem;border:1px solid #88ddff;color:#8df;background:#3c64b44d;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.65}}.radar{--radar-size: 132px;position:absolute;bottom:1rem;right:1rem;width:var(--radar-size);display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none}.radar-bezel{width:var(--radar-size);height:var(--radar-size);padding:3px;border-radius:50%;background:linear-gradient(145deg,#283746f2,#0c121cfa);border:1px solid rgba(92,216,120,.35);box-shadow:0 0 24px #5cd8781f,inset 0 0 12px #00000080}.radar-face{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 50%,#142820f2,#060c0afa 70%),repeating-radial-gradient(circle at 50% 50%,transparent 0 18px,rgba(92,216,120,.03) 18px 19px)}.radar-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(92,216,120,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,216,120,.08) 1px,transparent 1px);background-size:22px 22px;background-position:center;opacity:.5}.radar-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(92,216,120,.18);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.radar-ring-1{width:33%;height:33%}.radar-ring-2{width:66%;height:66%}.radar-ring-3{width:92%;height:92%}.radar-cross:before,.radar-cross:after{content:"";position:absolute;left:50%;top:50%;background:#5cd8781f;transform:translate(-50%,-50%)}.radar-cross:before{width:1px;height:88%}.radar-cross:after{width:88%;height:1px}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.radar-sweep-arm{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,rgba(92,216,120,.08) 320deg,rgba(92,216,120,.45) 350deg,rgba(140,255,180,.55) 360deg);animation:radar-sweep 2.8s linear infinite}.radar-center{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;background:#5cd878;border-radius:50%;z-index:4;box-shadow:0 0 8px #5cd878,0 0 16px #5cd87866}.radar-center:after{content:"";position:absolute;left:50%;top:-18px;width:0;height:0;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:10px solid rgba(92,216,120,.65)}#radar-blips{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.radar-blip{position:absolute;width:0;height:0;z-index:3;pointer-events:auto}.radar-blip-shape{position:absolute;left:0;top:0;transform:translate(-50%,-50%);background:var(--blip);box-shadow:0 0 6px var(--blip),0 0 12px color-mix(in srgb,var(--blip) 60%,transparent)}.radar-blip-asteroid .radar-blip-shape{width:5px;height:5px;border-radius:50%;opacity:.85}.radar-blip-wreck .radar-blip-shape{width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px}.radar-blip-npc .radar-blip-shape{width:5px;height:5px;border-radius:50%;background:var(--blip);box-shadow:0 0 6px var(--blip);opacity:.85}.radar-blip-player .radar-blip-shape{width:6px;height:6px;border-radius:50%;background:var(--blip);box-shadow:0 0 8px var(--blip),0 0 16px color-mix(in srgb,var(--blip) 60%,transparent);opacity:1}.radar-blip-station .radar-blip-shape{width:8px;height:8px;border-radius:2px;box-shadow:0 0 8px var(--blip),0 0 14px color-mix(in srgb,var(--blip) 70%,transparent)}.radar-blip-close .radar-blip-shape{animation:radar-blip-pulse 1.2s ease-in-out infinite}.radar-blip-wreck.radar-blip-close .radar-blip-shape{animation:radar-blip-pulse-wreck 1.2s ease-in-out infinite}.radar-blip-far .radar-blip-shape{opacity:.45;transform:translate(-50%,-50%) scale(.75)}.radar-blip-wreck.radar-blip-far .radar-blip-shape{transform:translate(-50%,-50%) rotate(45deg) scale(.75)}.radar-readout{width:100%;text-align:center;padding:.25rem .35rem;background:#080e0ce0;border:1px solid rgba(92,216,120,.22);border-radius:3px}.radar-label{display:block;font-family:Orbitron,sans-serif;font-size:.42rem;color:#5cd878;letter-spacing:.16em;margin-bottom:.12rem}.radar-nearest{display:block;font-size:.48rem;color:#a8c8b0;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-legend{display:flex;gap:.45rem;justify-content:center;font-size:.4rem;color:#6a9080;letter-spacing:.06em}.radar-legend span{display:flex;align-items:center;gap:.2rem}.radar-legend .leg{display:inline-block;flex-shrink:0}.leg-rock{width:4px;height:4px;border-radius:50%;background:#c8a070;box-shadow:0 0 4px #c8a070}.leg-wreck{width:5px;height:5px;background:#f86;transform:rotate(45deg);border-radius:1px;box-shadow:0 0 4px #f86}.leg-station{width:5px;height:5px;border-radius:1px;background:#5cd878;box-shadow:0 0 4px #5cd878}.radar-scanning .radar-sweep-arm{animation-duration:1.4s}.radar-pulse .radar-face{animation:radar-scan-flash .6s ease-out}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes radar-blip-pulse{50%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}}@keyframes radar-blip-pulse-wreck{50%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.35)}}@keyframes radar-scan-flash{0%{box-shadow:inset 0 0 30px #8cffb480}to{box-shadow:inset 0 0 0 transparent}}.hud-hub-btn{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:6;pointer-events:auto;font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.14em;padding:.45rem .85rem;border-radius:4px;border:1px solid rgba(255,184,0,.45);background:#0c101ce0;color:#ffb800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;transition:background .15s,border-color .15s,color .15s}.hud-hub-btn:hover{background:#ffb80026;border-color:#ffb800;color:#ffe08a}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none}.pause-overlay .interactive{pointer-events:auto}.pause-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040812b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-panel{position:relative;z-index:1;width:min(400px,90vw);padding:1.6rem 1.8rem;border-radius:10px;background:#0a0e18f5;border:1px solid rgba(255,184,0,.3);box-shadow:0 16px 48px #0000008c;text-align:center}.pause-tag{display:inline-block;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.18em;color:#0a1200;background:#ffb800;padding:.2rem .5rem;border-radius:3px;margin-bottom:.75rem}.pause-title{font-family:Orbitron,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:900;letter-spacing:.1em;color:#f0f6ff;margin:0 0 .65rem}.pause-body{font-size:.72rem;line-height:1.55;color:#a8b8d0;margin:0 0 1.1rem}.pause-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.pause-btn{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.12em;padding:.6rem 1rem;border-radius:6px;cursor:pointer;border:1px solid rgba(160,190,230,.35);transition:background .15s,border-color .15s}.pause-primary{background:#182030e6;color:#d8e8ff}.pause-primary:hover{border-color:#5cd878;color:#5cd878}.pause-hub{background:linear-gradient(180deg,#ffb80033,#c88c0040);color:#ffb800;border-color:#ffb80073}.pause-hub:hover{background:linear-gradient(180deg,#ffb80059,#c88c0066);color:#ffe08a}.pause-hint{font-size:.52rem;color:#5a7090;margin:0}.fuel-crisis-overlay{z-index:55}.fuel-crisis-panel{border-color:#ff5a3c73;box-shadow:0 16px 48px #0000008c,0 0 40px #ff50281f}.fuel-crisis-tag{background:#ff5a3c;color:#1a0804}.fuel-crisis-warn{color:#ff9a7a;font-size:.66rem}.fuel-burn-btn{background:linear-gradient(180deg,#ff5a3259,#b4321e73);color:#ffe8e0;border-color:#ff78508c}.fuel-burn-btn:hover{background:linear-gradient(180deg,#ff6e4680,#c83c238c);color:#fff;border-color:#f86}.mission-panel{border-color:#ffd23f66!important}.mission-panel .panel-value{color:#ffd23f!important}.mission-reward{font-size:.5rem;color:#a0b8d8;margin-top:2px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a051ebf;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.station-panel{background:linear-gradient(160deg,#231946f7,#120c28fa);border:2px solid rgba(136,221,255,.45);padding:2rem;max-width:560px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:0 0 60px #6ec6ff26}.station-panel.wide{max-width:740px}.station-panel h2{font-family:Orbitron,sans-serif;color:#8df;font-size:1.2rem}.station-sub{font-size:.65rem;color:#98a8c8;margin-bottom:1rem}.economy-bar{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;font-size:.6rem;color:#98a8c8;padding:.7rem 1rem;background:#1e143c99;border:1px solid rgba(136,221,255,.2);margin-bottom:1rem;border-radius:4px}.economy-bar strong{color:#8df}.market-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px solid rgba(136,221,255,.1)}.market-name{font-size:.72rem;color:#e0eaff}.market-detail{font-size:.55rem;color:#89b;margin-top:2px}.market-actions{display:flex;gap:.25rem;flex-wrap:wrap}.btn-xs{font-family:Orbitron,sans-serif;font-size:.45rem;padding:.32rem .5rem;border:1px solid rgba(136,221,255,.35);background:#283c6499;color:#c8d8f0;cursor:pointer}.btn-xs.buy{border-color:#64dc9680;color:#8fb}.btn-xs:hover{background:#3c5a96cc}.trend{font-size:.5rem;margin-left:4px}.trend-up{color:#6f9}.trend-down{color:#f77}.trend-flat{color:#78a}h3 .sub{font-size:.5rem;color:#78a;font-weight:400;text-transform:none;letter-spacing:0}.station-section h3{font-size:.62rem;color:#ffd23f;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.7rem}.station-grid{display:grid;gap:1.5rem}@media (min-width: 500px){.station-grid{grid-template-columns:1fr 1fr}}.upgrade-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(136,221,255,.08)}.upgrade-name{font-size:.72rem;color:#e0eaff}.upgrade-lvl{font-size:.55rem;color:#89b}.maxed{font-size:.55rem;color:#6f9}.btn-sm{font-family:Orbitron,sans-serif;font-size:.55rem;padding:.4rem .8rem;border:1px solid rgba(136,221,255,.4);background:#284682b3;color:#c8e0ff;cursor:pointer}.btn-sm.disabled{opacity:.35;pointer-events:none}.btn-sm.claim{border-color:#ffd23f99;color:#ffd23f}.station-stats{font-size:.55rem;color:#7080a0;margin:1.2rem 0}.no-missions{font-size:.6rem;color:#7080a0}.missions-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#141e3cf2,#080c18fa);pointer-events:auto}.missions-panel{width:min(520px,92vw);max-height:85vh;overflow-y:auto;padding:1.5rem;border:1px solid rgba(136,221,255,.35);background:linear-gradient(160deg,#1e2850e6,#0f142df2)}.missions-panel h2{font-family:Orbitron,sans-serif;font-size:1rem;color:#8df;margin:.5rem 0}.missions-sub{font-size:.55rem;color:#89b;margin-bottom:1rem}.missions-list{display:flex;flex-direction:column;gap:.5rem}.mission-row{padding:.55rem .65rem;border:1px solid rgba(100,130,180,.25);background:#141e3799}.mission-row.current{border-color:#88ddff8c}.mission-row.done{border-color:#ffd23f66}.mission-row.claimed{opacity:.45}.mission-row-head{display:flex;align-items:center;gap:.5rem;font-size:.6rem}.mission-status{font-size:.45rem;color:#6ec6ff;letter-spacing:.05em;min-width:3.2rem}.mission-row.done .mission-status{color:#ffd23f}.mission-reward-tag{margin-left:auto;color:#6f9;font-size:.5rem}.mission-row-desc{font-size:.5rem;color:#89b;margin:.25rem 0 0}.toast{position:absolute;top:5rem;left:50%;transform:translate(-50%);background:#1e3264f2;border:1px solid #88ddff;padding:.65rem 1.4rem;font-size:.65rem;color:#e8f0ff;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 4px 24px #6ec6ff40}.toast.visible{opacity:1}.faq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a051ee0;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.faq-panel{position:relative;background:linear-gradient(160deg,#1e1448,#120c30);border:2px solid rgba(136,221,255,.45);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem 1.5rem}.faq-panel h2{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#8df}.faq-panel h3{font-family:Orbitron,sans-serif;font-size:.65rem;color:#ffd23f;text-transform:uppercase;margin-bottom:.5rem;border-bottom:1px solid rgba(136,221,255,.15);padding-bottom:.35rem}.faq-panel p,.faq-panel li{font-size:.68rem;line-height:1.7;color:#c0d0e8}.faq-panel kbd{background:#3c508299;border:1px solid rgba(136,221,255,.3);padding:.1rem .35rem;border-radius:3px;color:#8df}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:auto}.changelog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a12d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.changelog-panel{position:relative;width:min(520px,94vw);max-height:min(78vh,640px);display:flex;flex-direction:column;border-radius:10px;border:1px solid rgba(255,210,63,.35);background:linear-gradient(165deg,#0e1420fa,#080c16fa);box-shadow:0 16px 48px #0000008c;overflow:hidden}.changelog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .85rem;border-bottom:1px solid rgba(120,150,190,.2)}.changelog-tag{margin:0 0 .25rem;font-family:Orbitron,sans-serif;font-size:.48rem;letter-spacing:.18em;color:#ffb800}.changelog-title{margin:0;font-family:Orbitron,sans-serif;font-size:1rem;color:#e8f0ff;letter-spacing:.08em}.changelog-current{margin:.35rem 0 0;font-size:.62rem;color:#8ac}.changelog-close{flex-shrink:0;width:2rem;height:2rem;border:1px solid rgba(120,150,190,.35);border-radius:6px;background:#141c2acc;color:#c8d8f0;font-size:1.25rem;line-height:1;cursor:pointer}.changelog-close:hover{border-color:#ffd23f80;color:#fff}.changelog-scroll{overflow-y:auto;padding:.75rem 1.1rem 1rem}.changelog-entry{padding:.65rem 0;border-bottom:1px solid rgba(80,110,150,.16)}.changelog-entry:last-child{border-bottom:none}.changelog-entry-current .changelog-build{color:#5cd878}.changelog-entry-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.changelog-build{font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.1em;color:#ffd23f}.changelog-meta{font-size:.52rem;color:#6a8098;letter-spacing:.06em}.changelog-entry-title{margin:0 0 .35rem;font-size:.78rem;font-weight:700;color:#d8e4f8}.changelog-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.changelog-list li{font-size:.65rem;line-height:1.45;color:#a8b8d0}.mobile-controls{display:none;position:absolute;bottom:.65rem;left:0;right:0;padding:0 .45rem .35rem;justify-content:space-between;align-items:flex-end;gap:.35rem;pointer-events:none;z-index:12}@media (max-width: 900px),(hover: none) and (pointer: coarse){.mobile-controls{display:flex}.hud-bottom{bottom:10.5rem;max-width:92vw}.hud-left{top:.55rem;left:.45rem;max-width:46vw}.hud-left .panel{padding:.4rem .55rem}.hud-left .panel-value{font-size:.68rem}.hud-right{top:.55rem;right:.45rem;min-width:0;max-width:44vw;padding-right:0}.hud-hub-btn{top:auto;bottom:11rem;left:.45rem;font-size:.48rem;padding:.35rem .55rem}.tutorial-hud{width:min(94vw,420px);top:.45rem}.tutorial-training-tag{top:.45rem;right:.45rem;font-size:.4rem}}.mob-cluster{display:flex;flex-direction:column;gap:.25rem;pointer-events:auto;background:#0a0e1cb8;border:1px solid rgba(100,140,190,.28);border-radius:10px;padding:.35rem .4rem .45rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mob-cluster-label{font-family:Orbitron,sans-serif;font-size:.38rem;letter-spacing:.14em;color:#6a88aa;text-align:center}.mob-dpad{display:flex;flex-direction:column;align-items:center;gap:.2rem}.mob-dpad-mid{display:flex;gap:.2rem}.mob-row{display:flex;gap:.2rem;justify-content:center;flex-wrap:wrap}.mob-btn{min-width:46px;min-height:46px;padding:.35rem .45rem;background:#182034f2;border:1px solid rgba(136,200,255,.35);border-radius:8px;color:#9ad0ff;font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mob-btn-lg{min-width:50px;min-height:50px;font-size:.85rem}.mob-btn-boost{border-color:#ffd23fa6;color:#ffd23f;min-width:52px}.mob-btn-action{min-width:72px;min-height:48px;font-size:.46rem;letter-spacing:.08em}.mob-btn-mine{border-color:#ffc8508c;color:#fc6}.mob-btn-salvage{border-color:#ff5a648c;color:#f89;min-width:88px}.mob-btn-dock{border-color:#44dd998c;color:#6eb}.mob-btn-active,.mob-btn:active{background:#325082f2;border-color:#8df;transform:scale(.96);box-shadow:inset 0 0 12px #64b4ff40}.mob-btn-boost.mob-btn-active{border-color:#ffe066;color:#fff0a0}.mob-btn-salvage.mob-btn-active{border-color:#f67;color:#ffc0c8}.garage-premium{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none;font-family:IBM Plex Mono,monospace;color:#c8d4e8}.garage-premium .interactive{pointer-events:auto}.gar-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1rem;background:#0c101ceb;border-bottom:1px solid rgba(80,110,150,.25);z-index:5}.gar-top-left{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.gar-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1rem;letter-spacing:.2em;color:#eef4ff;margin:0}.gar-ship-name{font-size:.72rem;color:#ffd23f;font-weight:600}.gar-ship-class{font-size:.58rem;color:#7080a0}.gar-dirty-badge{font-family:Orbitron,sans-serif;font-size:.44rem;font-weight:700;letter-spacing:.1em;color:#1a1000;background:#ffb800;padding:.15rem .4rem;border-radius:3px;animation:gar-dirty-pulse 1.4s ease-in-out infinite}.gar-dirty-badge.hidden{display:none}@keyframes gar-dirty-pulse{0%,to{opacity:1}50%{opacity:.65}}.gar-stat-bar{display:flex;gap:.9rem;flex-wrap:wrap}.gar-stat{font-size:.62rem;color:#a8b8d0;display:flex;align-items:center;gap:.25rem}.gar-stat-ico{opacity:.8}.gar-stat small{color:#5a6a80;font-size:.52rem}.gar-currency{display:flex;align-items:center;gap:.6rem}.cur-gold{font-size:.68rem;color:#ffd23f;font-weight:600}.gar-home-btn{padding:.25rem .55rem;border-radius:4px;border:1px solid rgba(0,163,255,.4);background:#0064c826;color:#6cf;cursor:pointer;font-size:.58rem;font-weight:700;letter-spacing:.06em}.gar-home-btn:hover{background:#00a3ff40}.gar-faq-btn{width:28px;height:28px;border-radius:4px;border:1px solid rgba(100,140,180,.35);background:#141c2de6;color:#8ac;cursor:pointer;font-size:.75rem}.gar-body{display:grid;grid-template-columns:minmax(220px,280px) 1fr minmax(200px,260px);min-height:0;z-index:2}@media (max-width: 900px){.gar-body{grid-template-columns:200px 1fr 180px}}.gar-panel{background:#0e1220e0;border:1px solid rgba(70,100,140,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden}.gar-left{border-right:none;margin:.5rem 0 .5rem .5rem;border-radius:6px 0 0 6px}.gar-right{border-left:none;margin:.5rem .5rem .5rem 0;border-radius:0 6px 6px 0;padding:.75rem}.gar-tabs{display:flex;border-bottom:1px solid rgba(70,100,140,.2)}.gar-tab{flex:1;padding:.55rem .25rem;border:none;background:transparent;color:#6a7a90;font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.06em;cursor:pointer}.gar-tab.active{color:#ffd23f;background:#ffd23f14;border-bottom:2px solid #ffd23f}.gar-tab-panel{flex:1;overflow-y:auto;padding:.55rem}.gar-tab-panel.hidden{display:none}.panel-hint-tight{margin-bottom:.35rem}.panel-hint{font-size:.5rem;line-height:1.45;color:#6a8098;margin:0 0 .55rem;padding:.35rem .4rem;border-left:2px solid rgba(90,140,200,.35);background:#141c2d73}.panel-sub{font-family:Orbitron,sans-serif;font-size:.48rem;color:#6a8098;letter-spacing:.1em;margin:.5rem 0 .35rem}.panel-title{font-family:Orbitron,sans-serif;font-size:.55rem;color:#8aa0b8;letter-spacing:.12em;margin:0 0 .5rem}.part-lock{position:absolute;top:3px;right:4px;font-size:.45rem}.hull-list{display:flex;flex-direction:column;gap:.4rem}.hull-card{display:flex;align-items:flex-start;gap:.55rem;width:100%;padding:.5rem .55rem;text-align:left;border:1px solid rgba(70,100,140,.28);border-radius:6px;background:#101626f2;color:#a8b8d0;cursor:pointer;transition:border-color .12s,background .12s}.hull-card:hover{border-color:#64a0dc80;background:#182234f2}.hull-card.selected{border-color:#ffd23f;box-shadow:0 0 14px #ffd23f26;background:#28221459}.hull-card-icon{font-size:1.1rem;line-height:1;width:1.4rem;text-align:center;color:#8ac;padding-top:.1rem}.hull-card.selected .hull-card-icon{color:#ffd23f}.hull-card-info{display:flex;flex-direction:column;gap:.12rem;min-width:0}.hull-card-name{font-size:.62rem;font-weight:700;color:#e0e8f8;letter-spacing:.04em}.hull-card-role{font-size:.48rem;color:#8090a8;line-height:1.3}.hull-card-stats{font-size:.44rem;color:#6a88a8}.skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-bottom:.65rem}.skin-tile{display:flex;align-items:center;gap:.4rem;padding:.4rem .45rem;position:relative;border:1px solid rgba(70,100,140,.25);border-radius:5px;background:#121828f2;color:#a8b8d0;cursor:pointer}.skin-tile:hover{border-color:#64a0dc80}.skin-tile.selected{border-color:#ffd23f;box-shadow:0 0 10px #ffd23f2e}.skin-tile.locked{opacity:.45;cursor:not-allowed}.skin-swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.skin-name{font-size:.46rem;font-weight:600;letter-spacing:.05em}.paint-section{margin-bottom:.55rem}.paint-section-label{display:block;font-size:.44rem;color:#5a7090;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem}.paint-zone{margin-bottom:.45rem;padding:.35rem .4rem;border:1px solid rgba(60,90,130,.18);border-radius:5px;background:#0c121e99}.paint-zone-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.paint-zone-label{font-size:.48rem;color:#90a8c0;font-weight:600}.paint-zone-current{width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.25)}.paint-palette{display:flex;flex-wrap:wrap;gap:.2rem}.rig-palette{margin-bottom:.65rem}.palette-swatch{width:14px;height:14px;padding:0;border-radius:2px;border:1px solid rgba(0,0,0,.35);cursor:pointer;transition:transform .1s,box-shadow .1s}.palette-swatch:hover{transform:scale(1.15);z-index:1}.palette-swatch.active{box-shadow:0 0 0 2px #ffd23f;transform:scale(1.1)}.gar-btn-secondary{width:100%;padding:.45rem;margin-top:.35rem;border:1px solid rgba(80,140,200,.35);border-radius:4px;background:#1e325099;color:#a8c8e8;font-family:Orbitron,sans-serif;font-size:.48rem;cursor:pointer}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#060a14;color:#8ac;font-family:Courier New,monospace;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.boot-error{max-width:min(440px,90vw);text-align:center;padding:1rem}.boot-error-title{color:#f88;font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.1em;margin-bottom:.6rem}.boot-error-body{font-size:.72rem;line-height:1.5;color:#8ac;margin-bottom:.75rem}.boot-error-detail{font-size:.58rem;color:#68a;white-space:pre-wrap;text-align:left;max-height:120px;overflow:auto;margin-bottom:.75rem}.boot-error-reload{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:.12em;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(160,190,230,.35);background:#182030e6;color:#d8e8ff;cursor:pointer}.crew-list{display:flex;flex-direction:column;gap:.35rem}.crew-card{display:flex;flex-direction:column;gap:.15rem;padding:.5rem;text-align:left;border:1px solid rgba(70,100,140,.25);border-radius:5px;background:#121828e6;cursor:pointer}.crew-card.selected{border-color:#5a9fd4;background:#283c5a66}.crew-dot{width:8px;height:8px;border-radius:50%}.crew-name{font-size:.58rem;color:#d0e0f0;font-weight:600}.crew-bonus{font-size:.48rem;color:#708090}.gar-viewport{pointer-events:auto;min-width:0;min-height:180px;position:relative;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 55%,#1e325a59,#080c160d 70%)}.gar-viewport-frame{position:absolute;top:.65rem;right:.65rem;bottom:.65rem;left:.65rem;border:1px solid rgba(100,180,255,.22);border-radius:8px;box-shadow:inset 0 0 40px #3c78c814,0 0 24px #2864b41f;pointer-events:none}.gar-viewport:active{cursor:grabbing}.gar-viewport-hint{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);font-size:.48rem;color:#7896b4b3;background:#0a0e1899;padding:.25rem .6rem;border-radius:4px}.stat-list{margin:0 0 1rem}.stat-row{display:flex;justify-content:space-between;padding:.28rem 0;border-bottom:1px solid rgba(70,100,140,.12);font-size:.58rem}.stat-row dt{color:#708090}.stat-row dd{color:#d0e0f0;margin:0;font-weight:600}.equipped-list{list-style:none;margin:0 0 1rem;padding:0}.equipped-item{display:flex;align-items:center;gap:.4rem;font-size:.52rem;color:#98a8c0;padding:.25rem 0}.eq-dot{width:5px;height:5px;border-radius:50%;background:#4a6;flex-shrink:0}.gar-btn-save{width:100%;padding:.55rem;margin-top:auto;border:none;border-radius:4px;background:linear-gradient(180deg,#3a9858,#2a7848);color:#f0fff4;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.gar-bottom{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;background:#0a0e18f2;border-top:1px solid rgba(70,100,140,.25);z-index:5}.gar-sector-tag{font-size:.5rem;color:#5a6a80;letter-spacing:.08em}.gar-slots{display:flex;gap:.45rem;flex:1;justify-content:center;flex-wrap:wrap}.ship-slot{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .5rem;min-width:72px;border:1px solid rgba(70,100,140,.3);border-radius:5px;background:#101626e6;cursor:pointer}.ship-slot.selected{border-color:#ffd23f;box-shadow:0 0 10px #ffd23f26}.ship-slot.locked-slot{opacity:.5;cursor:not-allowed}.slot-thumb{width:48px;height:32px;border-radius:3px;background:linear-gradient(135deg,#2a3850,#1a2438);border:1px solid rgba(80,120,160,.3)}.slot-thumb-needle{background:linear-gradient(135deg,#4a6a9a,#2a4060)}.slot-thumb-hauler{background:linear-gradient(135deg,#6a5a4a,#3a3028)}.slot-thumb-wedge{background:linear-gradient(135deg,#8a4a4a,#4a2828)}.slot-thumb-brick{background:linear-gradient(135deg,#5a5a6a,#303038)}.slot-thumb-hammer{background:linear-gradient(135deg,#4a6a5a,#283830)}.slot-thumb.slot-new{display:flex;align-items:center;justify-content:center;color:#5a6a80;font-size:1.2rem}.slot-name{font-size:.42rem;color:#90a0b8;text-align:center}.slot-lock-label{font-size:.38rem;color:#5a6a80}.gar-btn-launch{display:flex;align-items:center;gap:.45rem;padding:.65rem 1.4rem;border:none;border-radius:5px;background:linear-gradient(180deg,#4c6,#2aaa48);color:#f0fff4;font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.1em;cursor:pointer;box-shadow:0 4px 20px #32b45059;flex-shrink:0}.gar-btn-launch:hover{filter:brightness(1.08)}.launch-rocket{font-size:.85rem}.race-countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:clamp(4rem,18vw,9rem);font-weight:800;color:#ffd23f;text-shadow:0 0 40px rgba(255,210,63,.65);pointer-events:none;z-index:200;animation:race-pulse .55s ease-out}.race-countdown.race-go{color:#6f9;text-shadow:0 0 50px rgba(102,255,153,.75);font-size:clamp(3rem,14vw,7rem)}@keyframes race-pulse{0%{transform:scale(1.35);opacity:.2}to{transform:scale(1);opacity:1}}.race-leaderboard{position:fixed;top:72px;left:50%;transform:translate(-50%);min-width:200px;padding:.45rem .65rem;border-radius:6px;border:1px solid rgba(102,232,255,.35);background:#080e1cd1;z-index:50;pointer-events:none}.race-lb-title{display:block;font-family:Orbitron,sans-serif;font-size:.42rem;letter-spacing:.14em;color:#8ac;margin-bottom:.35rem}.race-standings{list-style:none;margin:0;padding:0}.race-row{display:grid;grid-template-columns:1.4rem 1fr auto;gap:.35rem;font-size:.52rem;color:#c8d8e8;padding:.12rem 0}.race-row.race-you{color:#ffd23f}.race-place{color:#68a}.race-time{color:#66e8ff;font-variant-numeric:tabular-nums}.race-results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#040812bf;z-index:180}.race-results-panel{padding:1.2rem 1.4rem;border-radius:8px;border:1px solid rgba(255,210,63,.45);background:linear-gradient(180deg,#142034f5,#0a1220fa);min-width:260px;text-align:center}.race-results-title{font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.12em;color:#ffd23f;margin:0 0 .75rem}.race-results-list{list-style:none;margin:0 0 1rem;padding:0}.race-result-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;padding:.35rem 0;font-size:.62rem;color:#d0e0f0;border-bottom:1px solid rgba(255,255,255,.06)}.race-result-row.race-you{color:#66e8ff;font-weight:600}.race-results-btn{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:.1em;padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(102,232,255,.45);background:#285a7880;color:#d8f8ff;cursor:pointer}.race-results-btn:hover{border-color:#66e8ff}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:Rajdhani,Orbitron,sans-serif;pointer-events:none}.home-screen .interactive{pointer-events:auto}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#283c788c,#080c1ceb 70%),url(/home-bg.png) center center / cover no-repeat;transform:scale(1.02)}.home-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(4,8,18,.35) 100%),linear-gradient(180deg,rgba(4,8,18,.45) 0%,transparent 22%,transparent 72%,rgba(4,8,18,.55) 100%);pointer-events:none}.home-brand{position:relative;z-index:2;text-align:center;margin-bottom:clamp(1.2rem,3vh,2.2rem);margin-top:clamp(-2rem,-4vh,-.5rem)}.home-title{display:flex;flex-direction:column;align-items:center;line-height:.95;margin:0}.title-space{font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:900;letter-spacing:.28em;color:#f0f6ff;text-shadow:0 2px 24px rgba(0,0,0,.6)}.title-salvagers{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;letter-spacing:.18em;color:#ffb800;text-shadow:0 0 28px rgba(255,184,0,.45),0 2px 16px rgba(0,0,0,.5)}.home-title-rule{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.55rem}.rule-line{width:clamp(60px,12vw,110px);height:2px;background:linear-gradient(90deg,transparent,#ffb800,transparent);opacity:.85}.rule-icon{display:flex;opacity:.9}.home-onboard{position:relative;z-index:3;width:min(480px,92vw);margin:0 auto clamp(.75rem,2vh,1.25rem);padding:.75rem 1rem;border-radius:10px;background:#080e1ce0;border:1px solid rgba(255,184,0,.4);box-shadow:0 8px 28px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.home-onboard--deploy{border-color:#44dd9973}.home-onboard-tag{display:inline-block;font-family:Orbitron,sans-serif;font-size:.48rem;letter-spacing:.16em;color:#ffb800;margin-bottom:.4rem}.home-onboard--deploy .home-onboard-tag{color:#4d9}.home-onboard-text{margin:0;font-size:clamp(.78rem,2.2vw,.88rem);line-height:1.5;color:#b8c8e0}.home-onboard-text strong{color:#ffe8a0}.home-onboard--deploy .home-onboard-text strong{color:#a8ffd0}.home-onboard kbd{font-family:IBM Plex Mono,monospace;font-size:.72em;padding:.1rem .35rem;border-radius:4px;border:1px solid rgba(136,200,255,.35);background:#1e2d46b3;color:#8df}.home-menu{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(.45rem,1.2vh,.7rem);width:min(340px,88vw)}.menu-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:clamp(.65rem,1.6vh,.9rem) 1.4rem;border-radius:10px;border:1px solid rgba(120,150,190,.22);background:#121a26c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8f0ff;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;box-shadow:0 4px 20px #00000059}.menu-btn:hover{transform:translateY(-1px);border-color:#a0bee673;background:#1c2636e0;box-shadow:0 6px 24px #00000073}.menu-play{padding:clamp(.85rem,2vh,1.15rem) 1.6rem;background:linear-gradient(180deg,#ffc233,#e8a000 45%,#c88800);border:1px solid rgba(255,220,120,.55);color:#1a1200;box-shadow:0 6px 28px #ffb80059,inset 0 1px #ffffff59}.menu-play:hover{background:linear-gradient(180deg,#ffd04d,#f0b010 45%,#d89800);border-color:#ffe696b3;color:#1a1200}.menu-play .menu-ico{color:#1a1200}.menu-ico{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0;color:#c8d8f0}.menu-label{font-family:Orbitron,sans-serif;font-size:clamp(.72rem,1.8vw,.92rem);font-weight:700;letter-spacing:.14em}.menu-play .menu-label{font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:.18em}.menu-multiplayer{border-color:#5cd87838;background:#0e1620d1}.menu-multiplayer:hover{border-color:#5cd87873;background:#142030e6}.menu-race{border-color:#ffd23f73;background:linear-gradient(180deg,#ffd23f1f,#28200c59)}.menu-race:hover{border-color:#ffd23fbf;box-shadow:0 0 18px #ffd23f40}.menu-race .menu-ico{color:#ffd23f}.menu-new{background:linear-gradient(180deg,#ffd23f,#ffb800);color:#1a1200}.menu-soon{display:inline-block;margin-left:.35rem;padding:.1rem .35rem;border-radius:3px;font-size:.48em;letter-spacing:.12em;vertical-align:middle;color:#0a1208;background:linear-gradient(180deg,#7ef0a0,#5cd878);box-shadow:0 0 10px #5cd87859}.mp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:1rem}.mp-overlay .interactive{pointer-events:auto}.mp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040812bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-panel{position:relative;z-index:1;width:min(440px,90vw);max-height:min(90vh,720px);overflow-y:auto;padding:1.6rem 1.8rem;border-radius:10px;background:#0a0e18f2;border:1px solid rgba(92,216,120,.3);box-shadow:0 16px 48px #0000008c;text-align:center}.mp-tag{display:inline-block;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.18em;color:#0a1208;background:#5cd878;padding:.2rem .5rem;border-radius:3px;margin-bottom:.75rem}.mp-title{font-family:Orbitron,sans-serif;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900;letter-spacing:.1em;color:#f0f6ff;margin:0 0 .75rem}.mp-body{font-size:.72rem;line-height:1.55;color:#a8b8d0;margin:0 0 1rem}.mp-features{list-style:none;margin:0 0 1rem;padding:0;text-align:left;display:flex;flex-direction:column;gap:.45rem}.mp-features li{font-size:.65rem;color:#c0d0e8;padding-left:1rem;position:relative;line-height:1.4}.mp-features li:before{content:"◆";position:absolute;left:0;color:#5cd878;font-size:.5rem;top:.15rem}.mp-note{font-size:.58rem;color:#6a8098;margin:0 0 1.1rem;line-height:1.4}.mp-close{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.12em;padding:.55rem 1.2rem;border-radius:6px;border:1px solid rgba(160,190,230,.35);background:#182030e6;color:#d8e8ff;cursor:pointer;transition:border-color .15s,background .15s}.mp-close:hover{border-color:#ffb800;color:#ffb800}.mp-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:.4rem}.mp-launch{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;padding:.75rem 1.2rem;border-radius:6px;border:1px solid rgba(102,232,255,.45);background:linear-gradient(180deg,#66e8ff38,#2878a059);color:#d8f8ff;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.mp-launch:hover{background:linear-gradient(180deg,#66e8ff52,#2878a073);border-color:#66e8ffb3;box-shadow:0 0 18px #66e8ff40}.mp-warn{color:#ffb080}.mp-panel-wide{max-width:28rem}.mp-tabs{display:flex;gap:.35rem;margin:.65rem 0 .75rem}.mp-tab{flex:1;font-family:Orbitron,sans-serif;font-size:.52rem;letter-spacing:.1em;padding:.45rem .35rem;border-radius:4px;border:1px solid rgba(100,140,180,.35);background:#142337b3;color:#88a8c8;cursor:pointer}.mp-tab.active{border-color:#66e8ff8c;color:#d8f8ff;background:#285a7873}.mp-tab-race.active{border-color:#ffd23fa6;color:#ffe8a0;background:#503c148c}.mp-launch-race{border-color:#ffd23f8c;background:linear-gradient(180deg,#ffd23f47,#785a1466);color:#fff4cc}.mp-launch-race:hover{border-color:#ffd23fd9;box-shadow:0 0 18px #ffd23f4d}.mp-tab-panel.hidden{display:none}.mp-field{display:flex;flex-direction:column;gap:.25rem;margin:.55rem 0}.mp-field-label{font-size:.48rem;letter-spacing:.08em;color:#90a8c0}.mp-input{font-family:Orbitron,sans-serif;font-size:.58rem;padding:.45rem .55rem;border-radius:4px;border:1px solid rgba(80,120,160,.45);background:#0a121ed9;color:#d0e4f8}.mp-input:focus{outline:none;border-color:#66e8ff99}.mp-code{flex:1;text-transform:uppercase;letter-spacing:.2em;text-align:center}.mp-join-row{display:flex;gap:.35rem}.mp-join{flex-shrink:0;padding-left:.65rem;padding-right:.65rem}.mp-online-actions{display:flex;flex-direction:column;gap:.45rem;margin:.65rem 0}.mp-room{margin:.75rem 0;padding:.65rem;border-radius:6px;border:1px solid rgba(255,210,63,.35);background:#ffd23f0f;text-align:center}.mp-room.hidden{display:none}.mp-room-label{font-size:.48rem;letter-spacing:.12em;color:#a8b8c8;margin:0 0 .25rem}.mp-room-code{font-family:Orbitron,sans-serif;font-size:1.35rem;letter-spacing:.28em;color:#ffd23f;margin:0 0 .35rem}.mp-room-peers{font-size:.52rem;color:#8ac;margin:0 0 .55rem}.mp-room-hint{font-size:.5rem;color:#a8c8e8;margin:0 0 .55rem}.mp-room-hint.hidden{display:none}.mp-advanced{margin-top:.65rem;border-top:1px solid rgba(136,170,204,.15);padding-top:.5rem}.mp-advanced-summary{font-size:.48rem;letter-spacing:.08em;color:#7898b8;cursor:pointer;margin-bottom:.35rem}.mp-error{font-size:.52rem;color:#f86;margin:.35rem 0}.mp-error.hidden{display:none}.mp-features-compact{margin-top:.65rem;opacity:.85}.mp-note code{font-size:.48rem;color:#a8d8ff}.home-online{margin-top:clamp(.5rem,1.5vh,1rem);font-size:clamp(.58rem,1.4vw,.72rem);font-weight:600;letter-spacing:.12em;color:#c8dcf0bf;text-shadow:0 1px 8px rgba(0,0,0,.8)}.home-online span{color:#5cd878;font-weight:700}.home-token{position:absolute;top:clamp(1rem,2.5vh,2rem);left:clamp(1rem,2.5vw,2rem);z-index:2;width:min(260px,44vw);padding:.85rem 1rem;border-radius:8px;background:#080e16e0;border:1px solid rgba(92,216,120,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080,inset 0 1px #5cd87814}.token-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.token-header-text{display:flex;flex-direction:column;gap:.12rem;min-width:0}.token-tagline{font-size:.48rem;font-weight:600;letter-spacing:.08em;color:#6a8098;text-transform:uppercase}.token-ticker{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#5cd878}.token-live{font-size:.48rem;font-weight:700;letter-spacing:.14em;color:#1a1200;background:#5cd878;padding:.15rem .35rem;border-radius:3px}.token-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.token-price{font-size:1.15rem;font-weight:700;color:#f0f6ff;letter-spacing:.02em}.token-change{font-size:.62rem;font-weight:600}.token-change.up{color:#5cd878}.token-change.down{color:#ff6b6b}.token-mcap{font-size:.58rem;color:#6a8098;letter-spacing:.08em;margin-bottom:.45rem}.token-contract{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.55rem;padding:.4rem .5rem;border-radius:5px;background:#0a10188c;border:1px solid rgba(80,110,150,.18)}.token-contract-empty{opacity:.75}.token-contract-label{font-size:.46rem;font-weight:700;letter-spacing:.14em;color:#6a8098}.token-contract-row{display:flex;align-items:center;gap:.35rem;min-width:0}.token-contract-addr{flex:1;min-width:0;font-family:IBM Plex Mono,Rajdhani,monospace;font-size:.58rem;color:#8ac;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.token-contract-addr:hover{color:#b8d8ff;text-decoration:underline}.token-contract-missing{font-size:.54rem;color:#556678;font-style:italic}.token-contract-copy{flex-shrink:0;padding:.22rem .45rem;border-radius:4px;border:1px solid rgba(92,216,120,.3);background:#14201cb3;color:#5cd878;font-family:Orbitron,sans-serif;font-size:.42rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.token-contract-copy:hover{border-color:#5cd8788c;background:#1e3026d9}.token-perks-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.35rem}.token-perks-title{font-family:Orbitron,sans-serif;font-size:.46rem;font-weight:700;letter-spacing:.12em;color:#ffb800}.token-perks-active{font-size:.42rem;font-weight:700;letter-spacing:.1em;color:#1a1200;background:#5cd878;padding:.12rem .35rem;border-radius:3px}.token-actions{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}.token-btn{display:block;width:100%;padding:.45rem .6rem;border-radius:6px;border:1px solid rgba(92,216,120,.35);font-family:Orbitron,sans-serif;font-size:.48rem;font-weight:700;letter-spacing:.1em;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.token-btn-buy{background:linear-gradient(180deg,#5cd87840,#2a784659);color:#b8ffd0}.token-btn-buy:hover{background:linear-gradient(180deg,#5cd87866,#2a784680);border-color:#5cd87899;color:#e8fff0}.token-btn-connect{background:#182030d9;color:#a8c0e0;border-color:#648cbe59}.token-btn-connect:hover{background:#283750e6;border-color:#8cb4e673;color:#e0ecff}.token-btn-ghost{background:transparent;color:#6a8098;border-color:#506e9640;margin-top:.35rem}.token-btn-ghost:hover{color:#a8c0e0;border-color:#7896be66}.token-wallet{display:flex;flex-direction:column;gap:.35rem;padding:.45rem .55rem;border-radius:6px;background:#101824b3;border:1px solid rgba(80,110,150,.2)}.token-wallet-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.token-wallet-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.token-wallet-addr{font-size:.58rem;color:#8ac;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-wallet-bal{font-size:.68rem;font-weight:700;color:#5cd878}.token-tier{display:inline-block;width:fit-content;font-size:.48rem;font-weight:700;letter-spacing:.1em;padding:.15rem .35rem;border-radius:3px}.token-btn-disconnect{margin-top:0}.token-tier-holder{background:#5cd87833;color:#5cd878}.token-tier-veteran{background:#ffb80033;color:#ffb800}.token-tier-founder{background:#ffb80059;color:#ffd04d}.token-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.token-perks li{font-size:.55rem;color:#8aa0b8;line-height:1.35;padding-left:.65rem;position:relative}.token-perks li:before{content:"›";position:absolute;left:0;color:#5cd878}.token-setup{margin:.5rem 0 0;font-size:.5rem;color:#6a8098;line-height:1.4}.token-setup code{color:#8ac;font-size:.48rem}.token-note{margin:.55rem 0 0;font-size:.48rem;color:#4a6078;line-height:1.35}.holder-badge{color:#5cd878;font-weight:700;letter-spacing:.08em}.home-news{position:absolute;right:clamp(1rem,2.5vw,2rem);bottom:clamp(1rem,2.5vh,2rem);z-index:2;width:min(280px,42vw);padding:.85rem 1rem;border-radius:8px;background:#0c101ad1;border:1px solid rgba(100,130,170,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000073}.news-heading{font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.14em;color:#ffb800;margin:0 0 .65rem}.news-items{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:0 0 .75rem}.news-items li{font-size:.68rem;line-height:1.35;padding-bottom:.5rem;border-bottom:1px solid rgba(80,110,150,.18)}.news-items li:last-child{border-bottom:none;padding-bottom:0}.news-items strong{display:block;color:#d8e4f8;font-weight:600;margin-bottom:.15rem}.news-items small{color:#6a8098;font-size:.58rem}.news-all{width:100%;padding:.45rem;border-radius:6px;border:1px solid rgba(100,140,190,.3);background:#182030b3;color:#a8c0e0;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .15s,border-color .15s}.news-all:hover{background:#283750d9;border-color:#8cb4e673;color:#e0ecff}.home-social{position:absolute;left:clamp(1rem,2.5vw,2rem);bottom:clamp(2.35rem,5vh,2.85rem);z-index:2;display:flex;gap:.65rem}.home-version{position:absolute;left:clamp(1rem,2.5vw,2rem);bottom:clamp(.45rem,1.2vh,.75rem);z-index:2;margin:0;padding:0;border:none;background:none;font-family:Rajdhani,sans-serif;font-size:clamp(.58rem,1.35vw,.68rem);font-weight:600;letter-spacing:.04em;color:#b4c3d7b8;text-shadow:0 1px 6px rgba(0,0,0,.85);cursor:pointer;text-align:left;transition:color .15s}.home-version:hover{color:#dcebfff2;text-decoration:underline;text-underline-offset:2px}.social-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(120,150,190,.2);background:#0c101aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:border-color .15s,background .15s,transform .15s;color:inherit;text-decoration:none;box-sizing:border-box}.social-btn:hover{border-color:#a0bee673;background:#182030d9;transform:translateY(-1px)}.hub-svg{display:block}@media (max-width: 700px){.home-screen{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 4.5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + .5rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.home-brand{margin-bottom:.85rem;margin-top:0}.home-token{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;width:100%;max-width:100%;padding:.55rem .75rem;border-radius:0;border-top:none;border-left:none;border-right:none;z-index:12;box-shadow:0 4px 20px #00000073}.token-header{margin-bottom:.25rem}.token-ticker{font-size:.65rem}.token-price-row{margin-bottom:.1rem}.token-price{font-size:.9rem}.token-mcap{margin-bottom:.45rem;font-size:.52rem}.token-actions{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.35rem;margin-bottom:0}.token-btn{font-size:.52rem;padding:.5rem .55rem;min-height:2.25rem}.token-btn-buy,.token-btn-connect{flex:1 1 7rem;min-width:0}.token-wallet{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .55rem}.token-wallet-info{flex:1;min-width:0}.token-wallet-addr{font-size:.62rem}.token-wallet-bal{font-size:.72rem}.token-btn-disconnect{flex:0 0 auto;width:auto;padding:.4rem .55rem;white-space:nowrap}.token-perks,.token-note,.token-setup,.token-perks-head{display:none}.token-contract{margin-bottom:.4rem}.token-tagline{display:none}.home-news{position:relative;right:auto;bottom:auto;width:min(340px,92vw);margin:1rem auto 0;padding:.65rem .75rem}.home-social{position:relative;left:auto;bottom:auto;justify-content:center;margin-top:.85rem}.home-version{position:relative;left:auto;bottom:auto;display:block;width:100%;text-align:center;margin-top:.55rem;padding-bottom:.35rem;font-size:.62rem}.news-items strong{font-size:.62rem}}@media (max-width: 700px) and (max-height: 740px){.home-screen{padding-top:calc(env(safe-area-inset-top,0px) + 4rem)}.title-space{font-size:1.35rem;letter-spacing:.18em}.title-salvagers{font-size:1.55rem;letter-spacing:.12em}.home-menu{gap:.35rem;width:min(320px,92vw)}.menu-btn{padding:.55rem 1rem}.menu-play{padding:.65rem 1.1rem}}@media (max-height: 640px) and (min-width: 701px){.home-brand{margin-bottom:.75rem;margin-top:-1rem}.home-menu{gap:.35rem}.menu-btn{padding:.5rem 1rem}.menu-play{padding:.65rem 1.2rem}.home-news{bottom:.75rem;right:.75rem}.home-social{bottom:.75rem;left:.75rem}}.intro-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.intro-screen .interactive{pointer-events:auto}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/home-bg.png) center center / cover no-repeat;transform:scale(1.03)}.intro-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:#040812b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-panel{position:relative;z-index:2;width:min(520px,92vw);padding:2rem 2.2rem;border-radius:12px;background:#0c101ceb;border:1px solid rgba(255,184,0,.25);box-shadow:0 20px 60px #0000008c;text-align:center}.intro-tag{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.2em;color:#ffb800;margin-bottom:.75rem}.intro-title{font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900;color:#f0f6ff;margin:0 0 1rem;letter-spacing:.06em}.intro-body{font-size:clamp(.85rem,2vw,.95rem);line-height:1.55;color:#b8c8e0;margin:0 0 1.5rem}.intro-dots{display:flex;justify-content:center;gap:.45rem;margin-bottom:1.25rem}.intro-dot{width:8px;height:8px;border-radius:50%;background:#88aad24d}.intro-dot.active{background:#ffb800;box-shadow:0 0 8px #ffb80099}.intro-actions{display:flex;justify-content:center;gap:.75rem}.intro-btn{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:.75rem 1.4rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}.intro-btn:hover{transform:translateY(-1px)}.intro-primary{background:linear-gradient(180deg,#ffc233,#d89800);color:#1a1200;border-color:#ffdc7880;box-shadow:0 4px 20px #ffb8004d}.intro-ghost{background:#182030cc;color:#a8c0e0;border-color:#7896be59}.intro-skip{display:block;margin:1rem auto 0;background:none;border:none;color:#6a8098;font-size:.62rem;letter-spacing:.08em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.intro-skip:hover{color:#a8c0e0}.tutorial-hud{position:absolute;top:.85rem;left:50%;transform:translate(-50%);width:min(520px,96vw);z-index:15;pointer-events:none;animation:tutorial-slide-in .45s cubic-bezier(.22,1,.36,1)}@keyframes tutorial-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tutorial-card{--tut-accent: #ffb800;position:relative;border-radius:12px;overflow:hidden}.tutorial-card-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;background:linear-gradient(135deg,var(--tut-accent),transparent 55%,var(--tut-accent));opacity:.35;animation:tutorial-glow-pulse 3s ease-in-out infinite}@keyframes tutorial-glow-pulse{0%,to{opacity:.28}50%{opacity:.5}}.tutorial-card-inner{position:relative;margin:1px;background:linear-gradient(160deg,#0c1220f5,#060a14f0);border-radius:11px;padding:.9rem 1.15rem 1rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff0f}.tutorial-card-bracket{position:absolute;width:14px;height:14px;border-color:var(--tut-accent);border-style:solid;opacity:.75;z-index:2;pointer-events:none}.tutorial-card-bracket--tl{top:6px;left:6px;border-width:2px 0 0 2px}.tutorial-card-bracket--tr{top:6px;right:6px;border-width:2px 2px 0 0}.tutorial-card-bracket--bl{bottom:6px;left:6px;border-width:0 0 2px 2px}.tutorial-card-bracket--br{bottom:6px;right:6px;border-width:0 2px 2px 0}.tutorial-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.65rem}.tutorial-icon-ring{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),transparent 60%);border:1.5px solid color-mix(in srgb,var(--tut-accent) 70%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--tut-accent) 35%,transparent)}.tutorial-icon{font-size:1.1rem;color:var(--tut-accent);line-height:1}.tutorial-head-text{min-width:0}.tutorial-step-label{font-family:Orbitron,sans-serif;font-size:.46rem;letter-spacing:.18em;color:var(--tut-accent);margin-bottom:.25rem;opacity:.95}.tutorial-step-title{font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:700;color:#f0f6ff;letter-spacing:.04em;line-height:1.25}.tutorial-step-body{font-size:.7rem;line-height:1.5;color:#8aa4c4;margin:0 0 .65rem}.tutorial-step-hint{display:flex;align-items:flex-start;gap:.55rem;padding:.5rem .65rem;margin-bottom:.7rem;background:#00000047;border-left:2px solid var(--tut-accent);border-radius:0 6px 6px 0}.tutorial-hint-tag{flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.42rem;letter-spacing:.12em;color:var(--tut-accent);padding-top:.15rem}.tutorial-hint-text{font-size:.68rem;color:#c8daf0;line-height:1.45}.tutorial-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.tutorial-pips{display:flex;gap:5px}.tutorial-pip{width:7px;height:7px;border-radius:50%;background:#3c506ecc;border:1px solid rgba(100,130,170,.35);transition:background .25s,box-shadow .25s,transform .25s}.tutorial-pip.done{background:var(--pip-color, #ffb800);border-color:transparent;box-shadow:0 0 6px color-mix(in srgb,var(--pip-color, #ffb800) 60%,transparent)}.tutorial-pip.active{background:var(--pip-color, #ffb800);border-color:transparent;box-shadow:0 0 10px color-mix(in srgb,var(--pip-color, #ffb800) 70%,transparent);transform:scale(1.2)}.tutorial-progress-pct{font-family:Orbitron,sans-serif;font-size:.44rem;letter-spacing:.1em;color:#6a88aa}.tutorial-progress{position:relative;height:6px;background:#0c1424f2;border-radius:3px;overflow:hidden;border:1px solid rgba(60,90,130,.25)}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,var(--tut-accent),color-mix(in srgb,var(--tut-accent) 60%,#fff));border-radius:2px;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px color-mix(in srgb,var(--tut-accent) 50%,transparent)}.tutorial-progress-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:tutorial-shine 2.5s ease-in-out infinite;pointer-events:none}@keyframes tutorial-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.tutorial-training-tag{position:absolute;top:.85rem;right:.85rem;display:flex;align-items:center;gap:.4rem;font-family:Orbitron,sans-serif;font-size:.48rem;letter-spacing:.14em;color:#ffb800;background:#080c16e0;border:1px solid rgba(255,184,0,.4);padding:.4rem .7rem;border-radius:6px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;z-index:15}.tutorial-tag-dot{width:6px;height:6px;border-radius:50%;background:#ffb800;box-shadow:0 0 8px #ffb800;animation:tutorial-dot-blink 1.4s ease-in-out infinite}@keyframes tutorial-dot-blink{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 520px){.tutorial-hud{top:.55rem}.tutorial-card-inner{padding:.75rem .9rem .85rem}.tutorial-icon-ring{width:36px;height:36px}.tutorial-step-title{font-size:.74rem}.tutorial-training-tag{font-size:.42rem;padding:.3rem .5rem}}.factions-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;font-family:Rajdhani,Orbitron,sans-serif}.factions-screen .interactive{pointer-events:auto}.factions-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/home-bg.png) center center / cover no-repeat;transform:scale(1.02)}.factions-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,transparent 20%,rgba(4,8,18,.55) 100%),linear-gradient(180deg,#04081280,#040812bf)}.factions-header{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(120,150,190,.2);background:#080c16bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.factions-back{font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.1em;padding:.5rem .85rem;border-radius:6px;border:1px solid rgba(120,150,190,.35);background:#101624d9;color:#a8c0e0;cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.factions-back:hover{border-color:#ffb800;color:#ffb800}.factions-head-text{flex:1;min-width:0}.factions-title{font-family:Orbitron,sans-serif;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900;letter-spacing:.18em;color:#f0f6ff;margin:0}.factions-sub{font-size:.72rem;color:#7a90a8;margin:.2rem 0 0;letter-spacing:.04em}.factions-current{text-align:right;flex-shrink:0}.factions-current-label{display:block;font-size:.48rem;letter-spacing:.14em;color:#6a8098;margin-bottom:.15rem}.factions-current-name{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em}.factions-grid{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 1.25rem;overflow:hidden;min-height:0}.faction-card{display:flex;flex-direction:column;min-height:0;border-radius:10px;border:1px solid rgba(100,130,170,.25);background:#0a0e18e0;overflow:hidden;box-shadow:0 8px 32px #0006;transition:border-color .2s,box-shadow .2s,transform .2s}.faction-card:hover{transform:translateY(-2px);border-color:var(--faction-color);box-shadow:0 12px 40px #00000080,0 0 24px color-mix(in srgb,var(--faction-color) 25%,transparent)}.faction-active{border-color:var(--faction-color);box-shadow:0 0 28px color-mix(in srgb,var(--faction-color) 30%,transparent)}.faction-art{position:relative;aspect-ratio:16 / 10;overflow:hidden;flex-shrink:0}.faction-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.faction-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(8,12,22,.95) 100%)}.faction-badge{position:absolute;top:.65rem;right:.65rem;font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700;letter-spacing:.12em;padding:.3rem .55rem;border-radius:4px;background:var(--faction-color);color:#0a0e18}.faction-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:.85rem 1rem 1rem;overflow:hidden}.faction-name{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:900;letter-spacing:.08em;color:var(--faction-color);margin:0 0 .25rem}.faction-motto{font-size:.68rem;font-style:italic;color:#88a0c0;margin:0 0 .35rem}.faction-tagline{font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a8b8d0;margin:0 0 .5rem}.faction-lore{font-size:.68rem;line-height:1.45;color:#9ab0c8;margin:0 0 .65rem;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.faction-stats{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem;margin-bottom:.75rem}.faction-stat{font-size:.55rem}.faction-stat span{display:block;color:#5a7090;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem}.faction-stat strong{display:block;color:#c8d8f0;font-weight:600;line-height:1.25}.faction-join{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--faction-color);background:color-mix(in srgb,var(--faction-color) 18%,transparent);color:var(--faction-color);font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:background .15s,color .15s;margin-top:auto}.faction-join:hover:not(.joined){background:var(--faction-color);color:#0a0e18}.faction-join.joined{opacity:.85;cursor:default;background:color-mix(in srgb,var(--faction-color) 28%,transparent)}.factions-footer{position:relative;z-index:2;padding:.55rem 1.25rem;text-align:center;font-size:.58rem;color:#5a7090;background:#080c16cc;border-top:1px solid rgba(80,110,150,.15)}@media (max-width: 1100px){.factions-grid{grid-template-columns:1fr;overflow-y:auto;scrollbar-width:none}.factions-grid::-webkit-scrollbar{display:none}.faction-lore{-webkit-line-clamp:3}}@media (max-height: 720px){.factions-header{padding:.65rem 1rem}.factions-grid{padding:.65rem 1rem;gap:.65rem}.faction-art{aspect-ratio:21 / 9}}.settings-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;font-family:Rajdhani,Orbitron,sans-serif;z-index:5}.settings-screen .interactive{pointer-events:auto}.settings-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/home-bg.png) center center / cover no-repeat;transform:scale(1.02)}.settings-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:#040812c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-header{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(120,150,190,.2);background:#080c16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-back{font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.1em;padding:.5rem .85rem;border-radius:6px;border:1px solid rgba(120,150,190,.35);background:#101624d9;color:#a8c0e0;cursor:pointer}.settings-back:hover{border-color:#ffb800;color:#ffb800}.settings-title{font-family:Orbitron,sans-serif;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900;letter-spacing:.18em;color:#f0f6ff;margin:0}.settings-sub{font-size:.72rem;color:#7a90a8;margin:.2rem 0 0}.settings-body{position:relative;z-index:2;flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;max-width:480px;margin:0 auto;width:100%;scrollbar-width:none}.settings-body::-webkit-scrollbar{display:none}.settings-section{padding:1rem 1.1rem;border-radius:10px;border:1px solid rgba(100,130,170,.25);background:#0a0e18e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-section-title{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.14em;color:#ffb800;margin:0 0 .75rem}.settings-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.settings-field span{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#6a8098}.settings-input{padding:.55rem .75rem;border-radius:6px;border:1px solid rgba(100,130,170,.35);background:#080c16e6;color:#e8f0ff;font-family:inherit;font-size:.85rem;outline:none}.settings-input:focus{border-color:#6ec6ff}.settings-btn{width:100%;padding:.6rem;border-radius:6px;border:1px solid rgba(120,150,190,.35);background:#182030d9;color:#c8d8f0;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.1em;cursor:pointer;margin-top:.4rem}.settings-btn:first-of-type{margin-top:0}.settings-btn:hover{border-color:#6ec6ff;color:#e8f4ff;background:#283750e6}.settings-btn-danger{border-color:#ff646473;color:#f88}.settings-btn-danger:hover{background:#501e1e99;border-color:#f66;color:#faa}.settings-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.78rem;color:#c8d8f0}.settings-toggle input{display:none}.toggle-track{width:44px;height:24px;border-radius:12px;background:#283246e6;border:1px solid rgba(100,130,170,.35);position:relative;transition:background .2s}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#6a8098;transition:transform .2s,background .2s}.settings-toggle input:checked+.toggle-track{background:#3c8cdc80;border-color:#6ec6ff}.settings-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px);background:#6ec6ff}.settings-note{font-size:.65rem;line-height:1.45;color:#7a90a8;margin:0 0 .65rem}.settings-danger .settings-section-title{color:#f88}.settings-version{margin:1.5rem 0 0;text-align:center;font-family:Orbitron,sans-serif;font-size:.48rem;letter-spacing:.14em;color:#5a6a80}.market-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;font-family:Rajdhani,IBM Plex Mono,sans-serif;z-index:5;background:#060a14}.market-screen .interactive{pointer-events:auto}.market-terminal{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,184,0,.2);margin:.5rem;border-radius:4px;background:linear-gradient(180deg,#080c16fa,#040810fc);box-shadow:0 0 40px #0009,inset 0 1px #ffb80014}.mkt-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,184,0,.15);background:#ffb8000a}.mkt-back,.mkt-deploy{font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.1em;padding:.5rem .8rem;border-radius:3px;cursor:pointer;flex-shrink:0}.mkt-back{border:1px solid rgba(136,170,210,.35);background:#0c121ee6;color:#a8c0e0}.mkt-back:hover{border-color:#ffb800;color:#ffb800}.mkt-deploy{border:1px solid rgba(255,184,0,.5);background:#ffb8001f;color:#ffb800}.mkt-deploy:hover{background:#ffb80038}.mkt-brand{flex:1;min-width:0}.mkt-brand-tag{font-family:Orbitron,sans-serif;font-size:.45rem;letter-spacing:.2em;color:#ffb800}.mkt-title{font-family:Orbitron,sans-serif;font-size:clamp(.85rem,2vw,1.1rem);font-weight:900;letter-spacing:.12em;color:#f0f6ff;margin:.15rem 0 0}.mkt-sub{font-size:.62rem;color:#6a8098;margin:.1rem 0 0}.mkt-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:.6rem 1rem;border-bottom:1px solid rgba(80,110,150,.15);background:#00000040}.mkt-stat label{display:block;font-size:.48rem;text-transform:uppercase;letter-spacing:.1em;color:#5a7090;margin-bottom:.1rem}.mkt-stat strong{font-family:Orbitron,sans-serif;font-size:.68rem;color:#d8e8ff}.mkt-stat strong.pos{color:#5cd878}.mkt-stat strong.neg{color:#f88}.mkt-body{flex:1;display:grid;grid-template-columns:1fr 280px;gap:.75rem;padding:.75rem;min-height:0;overflow:hidden}.mkt-main{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,184,0,.3) transparent;display:flex;flex-direction:column;gap:.85rem}.mkt-guide{padding:.85rem 1rem;border:1px solid rgba(255,184,0,.22);border-radius:4px;background:linear-gradient(135deg,#ffb8000f,#080c16e6 50%)}.mkt-guide-header h2{font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.16em;color:#ffb800;margin:0 0 .25rem}.mkt-guide-header p{font-size:.62rem;color:#7a90a8;margin:0 0 .75rem;line-height:1.4}.mkt-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem;margin-bottom:.75rem}.mkt-guide-step{display:flex;gap:.5rem;padding:.5rem .55rem;border-radius:3px;background:#0000004d;border:1px solid rgba(80,110,150,.15)}.mkt-guide-num{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;color:#ffb800;flex-shrink:0;opacity:.85}.mkt-guide-step strong{display:block;font-size:.62rem;color:#e0ecff;margin-bottom:.15rem}.mkt-guide-step p{font-size:.55rem;color:#7a90a8;line-height:1.4;margin:0}.mkt-guide-tips{padding-top:.65rem;border-top:1px solid rgba(255,184,0,.12)}.mkt-guide-tips h3{font-family:Orbitron,sans-serif;font-size:.5rem;letter-spacing:.12em;color:#5cd878;margin:0 0 .45rem}.mkt-guide-tips ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.mkt-guide-tips li{font-size:.58rem;color:#a8b8d0;line-height:1.45;padding-left:.75rem;position:relative}.mkt-guide-tips li:before{content:"▸";position:absolute;left:0;color:#ffb800}.mkt-cards-title{font-family:Orbitron,sans-serif;font-size:.52rem;letter-spacing:.14em;color:#6a8098;margin:0 0 .5rem}.mkt-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.65rem}.mkt-card{padding:.75rem;border:1px solid rgba(80,110,150,.22);border-radius:4px;background:#080c16e0;display:flex;flex-direction:column;gap:.55rem;transition:border-color .15s}.mkt-card:hover{border-color:#ffb80059}.mkt-card-top{display:flex;gap:.65rem}.mkt-card-art{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.mkt-card-art img{image-rendering:pixelated;border-radius:4px;border:1px solid rgba(80,110,150,.25);background:#0a0e18}.mkt-card-held{font-size:.48rem;color:#5cd878;font-weight:600;letter-spacing:.06em}.mkt-card-head h3{font-family:Orbitron,sans-serif;font-size:.72rem;letter-spacing:.08em;color:#f0f6ff;margin:0 0 .15rem}.mkt-card-tag{font-size:.55rem;color:#ffb800;font-weight:600;margin:0 0 .25rem}.mkt-card-flavor{font-size:.55rem;color:#7a90a8;line-height:1.4;margin:0}.mkt-card-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.mkt-card-price{padding:.35rem .45rem;border-radius:3px;background:#00000059;border:1px solid rgba(60,80,110,.2)}.mkt-card-price label{display:block;font-size:.42rem;text-transform:uppercase;letter-spacing:.08em;color:#5a7090;margin-bottom:.1rem}.mkt-card-price strong{font-family:Orbitron,sans-serif;font-size:.68rem}.mkt-card-price small{display:block;font-size:.45rem;color:#5a7090;margin-top:.1rem}.mkt-card-price.sell strong{color:#5cd878}.mkt-card-price.buy strong{color:#6ec6ff}.mkt-card-price.trend-up strong{color:#5cd878}.mkt-card-price.trend-down strong{color:#f88}.mkt-card-price.trend-flat strong{color:#6a8098}.mkt-card-supply{font-size:.48rem;color:#5a7090;line-height:1.35}.mkt-supply-bar{height:4px;background:#141e30e6;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.mkt-supply-bar div{height:100%;background:linear-gradient(90deg,#48f,#f84);border-radius:2px}.mkt-card-meta{margin:0;display:flex;flex-direction:column;gap:.35rem}.mkt-card-meta div{display:grid;grid-template-columns:72px 1fr;gap:.35rem;font-size:.52rem;line-height:1.4}.mkt-card-meta dt{color:#5a7090;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.45rem}.mkt-card-meta dd{margin:0;color:#98a8c0}.mkt-card-meta .mkt-useless dt{color:#6a5080}.mkt-card-meta .mkt-useless dd{color:#7a6888;font-style:italic}.mkt-card-actions{display:flex;flex-wrap:wrap;gap:.25rem;padding-top:.25rem;border-top:1px solid rgba(60,80,110,.15)}.mkt-btn{padding:.3rem .5rem;border-radius:2px;border:1px solid rgba(100,130,170,.35);background:#101828e6;color:#a8b8d0;font-family:Orbitron,sans-serif;font-size:.42rem;font-weight:700;cursor:pointer;letter-spacing:.04em}.mkt-btn:hover{border-color:#5cd878;color:#e8f4ff}.mkt-btn-buy:hover{border-color:#6ec6ff}.mkt-aside{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,184,0,.3) transparent}.mkt-panel{padding:.7rem;border:1px solid rgba(80,110,150,.2);border-radius:3px;background:#080c16d9}.mkt-panel h2{font-family:Orbitron,sans-serif;font-size:.48rem;letter-spacing:.12em;color:#ffb800;margin:0 0 .25rem;text-transform:uppercase}.mkt-panel-desc{font-size:.5rem;color:#5a7090;margin:0 0 .55rem;line-height:1.35}.mkt-ledger{list-style:none;display:flex;flex-direction:column;gap:.35rem}.mkt-ledger li{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem .4rem;font-size:.55rem;padding-bottom:.35rem;border-bottom:1px solid rgba(60,80,110,.12)}.mkt-ledger-side{font-family:Orbitron,sans-serif;font-size:.42rem;font-weight:700;padding:.1rem .3rem;border-radius:2px}.side-sell{background:#5cd87826;color:#5cd878}.side-buy{background:#6ec6ff26;color:#6ec6ff}.side-refine,.side-service{background:#ffb8001f;color:#ffb800}.mkt-ledger-label{color:#a8b8d0}.mkt-ledger-total{color:#e0ecff;font-weight:600;text-align:right}.mkt-ledger-tick{grid-column:2 / 4;font-size:.45rem;color:#4a6080}.mkt-empty{font-size:.58rem;color:#5a7090;line-height:1.45;margin:0}.mkt-service{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem 0;border-bottom:1px solid rgba(60,80,110,.12);font-size:.58rem}.mkt-service-rich{align-items:flex-start}.mkt-service:last-child{border-bottom:none}.mkt-service strong{display:block;color:#d0e0f8;font-size:.58rem}.mkt-service small{color:#5a7090;font-size:.48rem;display:block}.mkt-svc-icon{image-rendering:pixelated;flex-shrink:0;border-radius:3px;border:1px solid rgba(80,110,150,.2)}.mkt-svc-note{display:block;font-size:.45rem;color:#6a5080;font-style:italic;margin-top:.15rem}.mkt-svc-row{display:flex;gap:.25rem;flex-shrink:0}.mkt-foot{font-size:.52rem;line-height:1.45;color:#4a6080;margin:0}@media (max-width: 1100px){.mkt-body{grid-template-columns:1fr;overflow-y:auto}.mkt-aside{order:-1}.mkt-guide-steps{grid-template-columns:1fr}}@media (max-width: 600px){.mkt-cards-grid{grid-template-columns:1fr}.mkt-card-prices{grid-template-columns:1fr 1fr}.mkt-card-meta div{grid-template-columns:1fr}}
