@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#050b17;--panel:#0a1426ed;--edge:#24415c;--txt:#e4f3ff;--soft:#8da7bf;--blue:#50bcff;--red:#ff6274;--gold:#f9ca68}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #d8f6ff;outline-offset:4px}canvas{display:block;width:100vw;height:100vh;cursor:crosshair;touch-action:none}.hidden{display:none!important}#game{position:fixed;inset:0}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 43%,#152d50cc,#030815f7 73%);padding:22px}.overlay:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(1px 1px at 23% 19%,#b7dcff 90%,transparent),radial-gradient(1px 1px at 64% 77%,#b7dcff 90%,transparent),radial-gradient(2px 2px at 85% 33%,#b7dcff 90%,transparent);background-size:227px 263px;opacity:.43}.panel{position:relative;z-index:1;width:min(620px,100%);padding:clamp(25px,5vw,46px);background:linear-gradient(150deg,#12243af5,#091221f4);border:1px solid #335470;border-radius:18px;box-shadow:0 20px 100px #000b, inset 0 1px #ffffff13;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.38em;color:#68caff;font-size:11px;font-weight:800}.logo{font-size:clamp(45px,11vw,87px);line-height:1;letter-spacing:-.075em;margin:15px 0 12px;font-weight:950;text-shadow:0 0 50px #3571be6b}.desc{color:#a0b8cf;line-height:1.6;margin:0 auto 25px;max-width:470px;font-size:14px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.team{border-radius:12px;border:1px solid #3a536b;background:#0b1c30;padding:24px 12px;color:white;transition:transform .16s,border-color .16s,background .16s;display:flex;flex-direction:column;align-items:center;gap:9px}.team:hover{transform:translateY(-3px)}.team.red:hover{border-color:var(--red);background:#461e32}.team.blue:hover{border-color:var(--blue);background:#123d57}.team svg{height:44px;width:44px;filter:drop-shadow(0 0 15px currentColor)}.team.red{color:#ff697b}.team.blue{color:#68caff}.team strong{font-size:17px;letter-spacing:.08em}.team span{font-size:11px;color:#a8bcd0}.tips{border-top:1px solid #2b4058;margin-top:20px;padding-top:20px;color:#9cb4c9;font-size:12px;line-height:2}.tips b{color:#e8f4ff}.kbd{display:inline-flex;border:1px solid #4e6176;border-bottom-width:2px;padding:0 7px;border-radius:5px;color:#d4e6ff;margin:0 4px}.footerline{margin-top:20px;color:#5c7893;font-size:11px}.footerline a{color:#7ab8ef}.hud{pointer-events:none;position:fixed;inset:0;z-index:3}.hud>*{pointer-events:none}.hud-top{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 340px));min-width:210px}.scoreline{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:900;text-shadow:0 2px 10px #000;font-size:18px}.scoreline .redtxt{color:var(--red)}.scoreline .bluetxt{color:var(--blue)}.scoreline small{font-weight:700;font-size:11px;letter-spacing:.17em;color:#b9cada}.progress{height:9px;margin-top:9px;border-radius:20px;overflow:hidden;background:#132338;border:1px solid #43607c;display:flex;box-shadow:0 3px 20px #0008}.progress .redfill{height:100%;width:0%;background:linear-gradient(90deg,#ca3b58,#ff7181);transition:width .2s}.progress .bluefill{height:100%;width:0%;background:linear-gradient(90deg,#6dd4ff,#3477ea);transition:width .2s}.hud-left{position:absolute;top:17px;left:17px;width:220px}.badge{display:inline-block;padding:7px 11px;background:#081626dc;border:1px solid #2c4d69;border-radius:8px;font-size:10px;letter-spacing:.19em;font-weight:800}.player-card{background:var(--panel);border:1px solid #2e4e69;border-radius:10px;padding:13px;margin-top:10px;box-shadow:0 7px 30px #0006}.row{display:flex;align-items:center;justify-content:space-between;gap:6px}.tiny{font-size:10px;letter-spacing:.12em;color:#99aec2;text-transform:uppercase}.value{font-size:13px;font-weight:850}.meter{height:7px;border-radius:9px;background:#182c3c;overflow:hidden;margin-top:8px}.meter>div{height:100%;background:linear-gradient(90deg,#27b6a1,#8df7d5);transition:width .13s}.resources{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:#b1c9d7}.resources span{display:flex;justify-content:space-between;border:1px solid #254056;background:#0d2130;border-radius:6px;padding:6px}.resources b{color:white}.hud-right{position:absolute;right:17px;top:17px;width:210px;background:var(--panel);border:1px solid #2a4966;border-radius:10px;overflow:hidden}.boardtitle{padding:12px 13px;background:#12263a;font-size:10px;letter-spacing:.2em;font-weight:900;color:#b9d4ef}.boardline{padding:7px 12px;display:flex;gap:8px;align-items:center;font-size:11px}.boardline:nth-child(even){background:#ffffff06}.boardline .rank{width:18px;color:#7d91a7}.boardline .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boardline b{font-size:12px}.hud-bottom{position:absolute;bottom:18px;left:18px;display:flex;align-items:end;gap:12px}.minimap{width:190px;height:120px;background:#04101de8;border:1px solid #39546c;border-radius:8px}.status{font-size:11px;color:#a6bfd5;background:#081626dc;border:1px solid #2b4661;padding:11px;border-radius:7px;max-width:210px}.killfeed{position:absolute;right:17px;top:320px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.feedline{padding:7px 10px;border-radius:7px;background:#081626d9;border:1px solid #273d53;font-size:11px;color:#d4dfed;max-width:270px}.death-title{font-size:clamp(37px,8vw,60px);letter-spacing:-.045em;margin:15px 0}.stats{display:flex;justify-content:center;gap:36px;margin:20px 0 32px}.stats b{display:block;font-size:26px}.stats span{color:#8faac0;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.actions{display:flex;gap:10px;justify-content:center}.action{min-width:130px;background:#183249;border:1px solid #46708a;color:white;padding:14px 18px;border-radius:8px;font-weight:800}.action.primary{background:#9adfff;border:1px solid #9adfff;color:#061524}.action:hover{filter:brightness(1.13)}#notice{position:fixed;z-index:5;left:50%;bottom:70px;transform:translateX(-50%);background:#11273bef;border:1px solid #55728a;border-radius:8px;padding:10px 19px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}#notice.show{opacity:1}@media(max-width:750px){.hud-left{top:auto;bottom:15px;left:12px;width:165px}.player-card{padding:9px}.hud-right{right:10px;top:73px;width:145px}.boardline{padding:5px 8px;font-size:10px}.hud-top{top:10px;width:calc(100% - 25px);min-width:0}.scoreline{justify-content:center;gap:12px;font-size:15px}.hud-bottom{bottom:14px;left:auto;right:10px}.minimap{width:125px;height:82px}.status{display:none}.resources{font-size:9px;gap:3px}.killfeed{display:none}.badge{display:none}}
/* VoidBorn combat systems v2 */
.shieldmeter>div{background:linear-gradient(90deg,#3d8ecf,#a5eeff)!important}
.upgrades{margin-top:12px;background:#09182be9;border:1px solid #345574;border-radius:10px;padding:9px;box-shadow:0 8px 32px #0006}
.shopheading{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 9px;font-weight:800;color:#b8dcf6}
.shopheading small{font-size:9px;color:#658aa7}
.upgrade{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 7px;margin-top:5px;border:1px solid #375772;background:linear-gradient(135deg,#173b51,#0c233b);border-radius:7px;color:#dff5ff;text-align:left;font-size:11px;transition:background .13s,transform .13s}
.upgrade:hover:not(:disabled){background:#23516c;transform:translateX(2px)}
.upgrade:disabled{opacity:.49;cursor:not-allowed}
.upgrade span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.upgrade span b{display:inline-grid;place-items:center;border:1px solid #638aa8;background:#26445a;width:18px;height:18px;border-radius:4px;font-size:10px}
.upgrade em{font-style:normal;color:#8caec4;font-size:9px;white-space:nowrap}
.upgrade strong{color:#9beac9;font-size:10px;white-space:nowrap}
#pause{z-index:12;background:#010610d9;backdrop-filter:blur(7px)}
#notice{font-weight:850;letter-spacing:.06em;box-shadow:0 5px 24px #0009}
@media(max-width:750px){.upgrades{padding:5px}.upgrade{padding:7px 4px;font-size:9px;flex-wrap:wrap}.upgrade em{font-size:8px}.upgrade strong{margin-left:23px}.hud-left{bottom:9px}.hud-right{max-height:240px}}

/* Keep HUD passive while allowing shop buttons to receive clicks. */
.upgrades{pointer-events:auto}
.upgrade{pointer-events:auto}

/* v3: ship hangar and additional tactics */
.class-header{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#c5e6fa;font-size:11px;font-weight:900;letter-spacing:.18em;margin:14px 0 9px;text-align:left}
.class-header small{font-size:10px;letter-spacing:0;color:#7e9bb3;font-weight:500}
.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.class-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:106px;padding:12px 11px;text-align:left;color:#d2e8f8;border:1px solid #34536d;border-radius:9px;background:#0b1c31;transition:transform .15s,border .15s,background .15s}
.class-option strong{font-size:11px;letter-spacing:.04em;color:#c4e9ff}
.class-option span{font-size:10px;line-height:1.4;color:#9eb6c9}
.class-option small{font-size:9px;color:#789ebd}
.class-option:hover{border-color:#6ed3ff;transform:translateY(-2px)}
.class-option.selected{border:1px solid #90e0ff;box-shadow:inset 0 0 18px #3dbbf722,0 0 15px #208bce30;background:#123149}
#menu .panel{width:min(760px,100%);max-height:96vh;overflow-y:auto}
#menu .team-grid{margin:14px 0 15px}
#menu .team{padding:15px 10px}
#menu .team svg{height:33px;width:33px}
#menu .logo{font-size:clamp(45px,9vw,78px)}
#menu .desc{margin-bottom:16px}
#relayStatus{font-size:10px}
@media(max-width:640px){.class-grid{grid-template-columns:1fr}.class-option{min-height:54px;gap:3px;padding:9px}.class-option small{display:none}.class-header{font-size:10px}.class-header small{display:none}#menu .panel{padding:22px}.tips{margin-top:13px;padding-top:12px;font-size:11px}}

/* V4: Hangar and evolving combat systems */
.weapon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 16px}
.weapon-choice{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 10px;background:#0e2337;border:1px solid #33546d;border-radius:9px;color:#d5eaf8;min-height:74px}
.weapon-choice b{font-size:11px;letter-spacing:.06em}
.weapon-choice span{color:#89a5bd;font-size:10px}
.weapon-choice.selected{border-color:#a2e7ff;background:#21405c;box-shadow:0 0 18px #48baff1d}
.weapon-choice:hover{border-color:#87daff}
.weapon-shop{pointer-events:auto;margin-top:10px;background:#0a182bea;border:1px solid #355773;border-radius:10px;padding:9px}
.weapon-shop .upgrade{pointer-events:auto}
.weapon-shop .weaponCost{color:#acecdd;font-size:9px}
.weapon-shop .equipped{border-color:#65c5dd;background:#1a4253}
.evolution>div{background:linear-gradient(90deg,#9678d6,#e4c9ff)!important}
#menu .panel{width:min(820px,100%)}
#menu .class-option{min-height:83px}
#menu .class-grid{gap:8px}
#menu .team-grid{margin:10px 0}
#menu .team{padding:9px}
@media(max-width:640px){.weapon-grid{grid-template-columns:1fr;gap:5px}.weapon-choice{min-height:42px;padding:8px;gap:3px}.weapon-shop{padding:5px}}

/* VOIDBORN V5 — NEON WAR / VISUAL SYSTEM */

:root{--bg:#030712;--panel:#061427ef;--edge:#275574;--txt:#e8f7ff;--blue:#45d6ff;--red:#ff456b;--gold:#f7c06c}
body{font-family:'Rajdhani',system-ui,sans-serif;letter-spacing:.018em;background:#030712}
#menu{background:radial-gradient(ellipse at 18% 30%,#ad204240,transparent 40%),radial-gradient(ellipse at 85% 75%,#1b8fb04a,transparent 38%),linear-gradient(125deg,#030610,#0a1029 55%,#030712)}
#menu:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,transparent 0 69px,#75cfff0c 70px),repeating-linear-gradient(90deg,transparent 0 69px,#75cfff0b 70px);mask-image:linear-gradient(to bottom,transparent,#000)}
#menu .panel{background:linear-gradient(120deg,#071226fa,#10172df7);border:1px solid #457290;box-shadow:0 0 0 6px #05253b38,0 0 110px #008bff28,0 35px 100px #000c;position:relative;border-radius:12px}
#menu .panel:before,.player-card:before,.hud-right:before{content:"";position:absolute;pointer-events:none;top:0;left:10px;right:10px;height:1px;background:linear-gradient(90deg,transparent,#8deaff,transparent)}
#menu .logo{font-family:Oxanium,system-ui,sans-serif;font-size:clamp(58px,9vw,92px);font-weight:800;letter-spacing:.06em;line-height:.98;text-shadow:0 0 26px #1ec4ff55,0 0 65px #1e90ff3d;margin:9px 0}
#menu .logo:after{content:" // ARENA";display:block;font-size:12px;color:#79dfff;letter-spacing:.65em;margin-top:9px;text-shadow:none}
#menu .eyebrow{font-family:Oxanium,system-ui,sans-serif;color:#a6d7fb;letter-spacing:.32em}
#menu .desc{font-size:15px;max-width:550px}
#menu .class-header{font-family:Oxanium,system-ui,sans-serif;color:#9acfe9;font-weight:700}
.class-option,.weapon-choice{border-radius:5px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.class-option.selected,.weapon-choice.selected{background:linear-gradient(140deg,#153e57,#0c1b31);border-color:#5cddff;box-shadow:inset 0 0 25px #09b9ff26,0 0 16px #29c7ff2b}
.class-option.selected:after,.weapon-choice.selected:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#64dfff;box-shadow:0 0 15px #64dfff}
.class-option strong,.weapon-choice b,.team strong{font-family:Oxanium,system-ui,sans-serif}
#menu .team{min-height:78px;flex-direction:row;justify-content:center;gap:17px;border-radius:5px;background:linear-gradient(125deg,#151c35,#10182a);position:relative;overflow:hidden}
#menu .team.red{border-color:#88384a;background:linear-gradient(120deg,#381725,#141b2d)}
#menu .team.blue{border-color:#276f94;background:linear-gradient(120deg,#0d344e,#121b32)}
#menu .team.red:hover{box-shadow:0 0 35px #ff365a45}
#menu .team.blue:hover{box-shadow:0 0 35px #36c9ff46}
#menu .team svg{height:48px;width:48px}
#menu .team span{font-family:'Rajdhani',sans-serif}
#menu .tips{border-color:#28506a;font-family:Oxanium,system-ui,sans-serif;font-size:10px}
.kbd{background:#132a3c;border:1px solid #5b9bb8;color:#c3f0ff;font-family:Oxanium,system-ui,sans-serif;line-height:1.5}
.hud{font-family:Oxanium,system-ui,sans-serif}
.hud-top{width:min(550px,calc(100% - 470px));background:linear-gradient(180deg,#0a1834ee,#08172799);padding:12px 20px 16px;border:1px solid #295a75;border-top:none;clip-path:polygon(0 0,100% 0,100% 76%,96% 100%,4% 100%,0 76%)}
.scoreline{font-size:20px}
.scoreline small{font-size:10px;color:#b8d2e5;letter-spacing:.17em}
.progress{height:7px;background:#0b2338;border:none}
.progress .redfill{background:#fa3d65;box-shadow:0 0 15px #fa3d65}.progress .bluefill{background:#36d2ff;box-shadow:0 0 15px #36d2ff}
.hud-left{width:234px}
.player-card,.hud-right,.upgrades,.weapon-shop{position:relative;background:linear-gradient(155deg,#071a30f5,#071321ec);border-color:#2b5b78;border-radius:6px;box-shadow:0 12px 36px #0008,0 0 20px #067ed510}
.hud-right{width:220px}
.boardtitle,.shopheading{font-family:Oxanium,system-ui,sans-serif;color:#8ce4ff}
.boardtitle{background:#092740;border-bottom:1px solid #285977}
.boardline{font-family:Oxanium,system-ui,sans-serif;border-bottom:1px solid #ffffff09}
.boardline:hover{background:#1e466033}
.hud .badge{color:#9ce9ff;border-color:#37738c;background:#0b2a41ed;box-shadow:0 0 18px #067bb329;font-family:Oxanium}
.hud .tiny{color:#89abc2;font-size:9px}
.hud .value{font-family:Oxanium;font-size:11px}
.meter{height:6px;background:#112a3c}
.meter>div{box-shadow:0 0 15px #56f6bb}
.shieldmeter>div{box-shadow:0 0 15px #49cbff}
.upgrade{border-radius:4px;font-family:Rajdhani,sans-serif;font-size:13px}
.upgrade:not(:disabled):hover{border-color:#74dfff;box-shadow:0 0 12px #17aaff24}
.resources span{border-radius:3px}
.hud-bottom .minimap{border-radius:4px;box-shadow:0 0 0 4px #061c30,0 0 25px #109ee53d}
.status{font-family:Rajdhani,sans-serif;font-size:12px;background:#071526ed}
#notice{font-family:Oxanium,sans-serif;color:#d9f8ff;border-color:#56c2f4;background:#082c48f5;box-shadow:0 0 30px #23bfff41;letter-spacing:.07em}
.feedline{font-family:Oxanium,sans-serif;border-radius:3px}
#death .panel,#pause .panel{background:linear-gradient(140deg,#0b1a2c,#081122);border:1px solid #48738e;box-shadow:0 0 90px #10a4ff2b}
.death-title{font-family:Oxanium,sans-serif;text-shadow:0 0 40px #78ccff43}
.action{font-family:Oxanium,sans-serif;letter-spacing:.06em;border-radius:4px}
.action.primary{background:linear-gradient(110deg,#b1eaff,#59c9ed);box-shadow:0 0 25px #61cfff35}
#menu .footerline{letter-spacing:.12em}
.v5-label{position:absolute;right:15px;top:11px;font-family:Oxanium,sans-serif;font-size:9px;letter-spacing:.2em;color:#8adeef}
@media(max-width:750px){.hud-top{width:calc(100% - 18px);padding:10px 15px}.hud-left{width:165px}.hud-right{width:152px}.scoreline{font-size:15px}#menu .panel{padding:22px 17px}#menu .logo{font-size:clamp(45px,12vw,70px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* V5 finishing details */
#menu .panel{isolation:isolate}
#menu .panel:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-145px;top:-100px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 26% 28%,#355c88 0%,#192e58 21%,#090f28 58%,#020711 70%);box-shadow:inset -35px -30px 60px #000b,0 0 95px #27aaff3d;opacity:.7}
#menu .class-option:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#74dcff0b 50%,transparent 60%);transform:translateX(-110%);transition:transform .45s}
#menu .class-option:hover:before{transform:translateX(110%)}
#menu .team.red:after,#menu .team.blue:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:currentColor;box-shadow:0 0 16px currentColor;opacity:.8}
#menu .team:hover svg{transform:translateX(4px) scale(1.08);transition:transform .2s}
#menu .class-header{border-left:3px solid #51d8ff;padding-left:10px}
#menu .weapon-choice b{color:#c2ebff}
#menu .footerline{opacity:.9}
#death .death-title{color:#ffd9e3;text-shadow:0 0 40px #ff285c66}
#pause .death-title{color:#d5efff}
.hud-right{backdrop-filter:blur(12px)}
#menu .panel{backdrop-filter:blur(14px)}
.hud-left .player-card{max-height:calc(100vh - 75px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#326d89 transparent}
@media(max-height:760px){.hud-left{top:8px}.hud-left .player-card{max-height:calc(100vh - 50px)}.hud-right{top:8px}}

/* V6 // modular shipyard */
#menu .panel{width:min(1020px,100%);max-height:96vh;overflow-y:auto}
.builder{margin:17px auto 20px;text-align:left;background:linear-gradient(140deg,#0b263b,#081729);border:1px solid #31617c;border-radius:9px;padding:18px;box-shadow:inset 0 0 35px #05497323}
.builder-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 2px 10px}
.builder-kicker{font:700 10px Oxanium,system-ui;letter-spacing:.18em;color:#7adaff}
.builder-head h2{font:800 21px Oxanium,system-ui;margin:7px 0;letter-spacing:.04em;color:#e9f8ff}
.builder-head p{margin:0;color:#9bbbd0;font-size:12px}
.builder-tag{padding:8px;border:1px solid #38718f;border-radius:3px;color:#a4eaff;font:700 10px Oxanium;white-space:nowrap}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(225px,1fr);gap:14px;align-items:stretch}
.builder-preview-wrap{background:linear-gradient(155deg,#08172a,#0c2940);border:1px solid #2b6380;border-radius:6px;overflow:hidden;min-width:0;position:relative}
#shipPreview{display:block;width:100%;height:auto;max-height:310px;aspect-ratio:520/350;object-fit:contain;cursor:default;touch-action:auto}
.preview-footer{display:flex;gap:8px;justify-content:space-between;border-top:1px solid #2d566e;padding:9px 11px;color:#9dd9f5;font:600 9px Oxanium,system-ui}
.preview-footer span:last-child{color:#69afc5;white-space:nowrap}
.builder-options{display:flex;flex-direction:column;gap:6px;justify-content:center}
.builder-options label{display:flex;justify-content:space-between;gap:6px;color:#c9e9fc;font:700 10px Oxanium;letter-spacing:.04em}
.builder-options label span{color:#6e9bb8;font-size:9px}
.module-select{width:100%;background:#071525;color:#e5f6ff;border:1px solid #3a6681;border-radius:4px;padding:9px 10px;font:600 13px Rajdhani,system-ui;cursor:pointer}
.module-select:focus-visible{outline:2px solid #91eaff}
.builder-random{background:#19384e;border:1px solid #4483a2;color:#bfeeff;border-radius:4px;padding:9px;font:700 11px Oxanium,system-ui;margin-top:6px}
.builder-random:hover{background:#24516c}
.builder-note{color:#82a8c0;font-size:11px;line-height:1.4;margin:3px 0}
@media(max-width:660px){.builder{padding:12px}.builder-grid{grid-template-columns:1fr}.builder-preview-wrap{max-width:540px}.builder-head h2{font-size:16px}.builder-tag{display:none}.builder-options{display:grid;grid-template-columns:1fr;gap:6px}.preview-footer{font-size:8px}#shipPreview{max-height:240px}}

/* V7 // SOLO ASCENSION */
.mode-select{margin:14px 0 21px;padding:13px;background:linear-gradient(135deg,#0c263c,#091526);border:1px solid #2f6987;border-radius:6px;text-align:left}
.mode-copy{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}
.mode-copy strong{font:700 12px Oxanium,sans-serif;color:#a8eaff;letter-spacing:.09em}
.mode-copy span{font-size:11px;color:#87a8c2}
.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mode-card{display:flex;flex-direction:column;gap:7px;text-align:left;padding:14px 15px;background:linear-gradient(135deg,#102c49,#0b213a);border:1px solid #4786a9;border-radius:5px;color:#e5f6ff;transition:transform .16s,background .16s;min-height:75px}
.mode-card b{font:800 14px Oxanium,sans-serif;letter-spacing:.06em;color:#80e6ff}
.mode-card span{font:500 13px Rajdhani,sans-serif;color:#b5ccdc}
button.mode-card:hover{transform:translateY(-2px);background:linear-gradient(135deg,#18486e,#0d304d);box-shadow:0 0 22px #16c7ff25}
.mode-arena{border-color:#6b465e;background:#171c32}
.mode-arena b{color:#ffb2bf}
.solo-hud{position:absolute;top:15px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;justify-content:center;padding:13px 22px;background:linear-gradient(120deg,#0c2338ef,#102944ef);border:1px solid #56abd2;border-radius:4px;box-shadow:0 0 25px #22ccff25;white-space:nowrap;font:700 13px Oxanium,sans-serif;color:#a9eaff;letter-spacing:.04em}
.solo-hud #soloWave{color:#fff;font-size:17px}
.solo-active .hud-top,.solo-active .hud-right,.solo-active .weapon-shop,.solo-active .upgrades,.solo-active .hud-bottom .status{display:none}
.solo-active .hud-left .player-card{max-height:min(470px,85vh)}
.solo-panel{width:min(760px,100%);max-height:95vh;overflow-y:auto}
.solo-panel h2{font:800 clamp(25px,4vw,42px) Oxanium,sans-serif;letter-spacing:-.04em;margin:13px 0;color:#e5f9ff}
.solo-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0 18px}
.solo-choice{min-height:183px;background:linear-gradient(150deg,#12314b,#0c1b32);border:1px solid #36728e;color:#e5f4ff;padding:18px 13px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:11px;border-radius:6px;transition:border-color .2s,transform .2s,box-shadow .2s}
.solo-choice small{color:#6bd9fb;font:700 10px Oxanium,sans-serif;letter-spacing:.15em}
.solo-choice strong{font:800 15px Oxanium,sans-serif;line-height:1.25}
.solo-choice span{font:500 14px Rajdhani,sans-serif;color:#b8cfe0;line-height:1.5}
.solo-choice:hover{border-color:#8aeaff;box-shadow:inset 0 0 24px #3ecaff15,0 0 25px #2ab1f132;transform:translateY(-4px)}
.solo-help{color:#96b9d1;font-size:12px;margin:4px auto 18px}
#soloExit{margin-top:8px}
@media(max-width:760px){.solo-hud{gap:9px;top:7px;padding:10px;font-size:9px}.solo-hud #soloWave{font-size:11px}.solo-choices{grid-template-columns:1fr;gap:8px}.solo-choice{min-height:85px;padding:11px;gap:5px}.solo-panel{padding:17px}.mode-copy{display:block}.mode-copy span{display:block;margin-top:4px}.mode-buttons{grid-template-columns:1fr}}

/* SOLO ASCENSION // GALAXY NAVIGATION */
#galaxyOverlay{background:radial-gradient(ellipse at 50% 30%,#18294fef,#020712fa 75%);padding:22px}
.galaxy-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1280px,100%);height:min(92vh,890px);background:linear-gradient(125deg,#071326f5,#10192bf5);border:1px solid #356685;border-radius:12px;box-shadow:0 0 80px #157ecc25,0 25px 85px #000d;overflow:hidden}
.galaxy-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px 16px;border-bottom:1px solid #2a4b64}
.galaxy-header h2{font:800 clamp(21px,3vw,36px) Oxanium,system-ui;color:#e0f5ff;margin:6px 0;letter-spacing:.06em;text-shadow:0 0 22px #5caeff55}
.galaxy-header p{font-size:13px;color:#89b3c9;margin:0}
.galaxy-tools{display:flex;gap:6px;align-items:center}
.galaxy-tools span{font:700 11px Oxanium,system-ui;color:#80d8f6;margin-right:10px;white-space:nowrap}
.galaxy-tools button{color:#c5f3ff;background:#103247;border:1px solid #387999;border-radius:5px;min-width:33px;min-height:32px;padding:4px 9px;font:700 13px Oxanium}
.galaxy-tools button:hover{background:#1e526a}
.galaxy-scroll{flex:1;overflow:auto;min-height:200px;display:flex;align-items:center;justify-content:flex-start;background:radial-gradient(circle at 65% 50%,#1b285438,transparent 65%),repeating-linear-gradient(0deg,transparent 0 58px,#5b8aab08 59px),repeating-linear-gradient(90deg,transparent 0 58px,#5b8aab08 59px),#050d1b;scrollbar-color:#386884 #061526;scrollbar-width:thin}
#galaxySvg{display:block;flex:none;width:1120px;height:660px}
.galaxy-node{transition:opacity .14s}
.galaxy-node-ready{cursor:pointer;filter:drop-shadow(0 0 8px #70dfff)}
.galaxy-node-ready:hover{filter:drop-shadow(0 0 17px #b5f7ff)}
.galaxy-node-current{filter:drop-shadow(0 0 8px #9de9ff)}
.galaxy-node-locked{opacity:.62}
.galaxy-node-ready:focus{outline:none;filter:drop-shadow(0 0 20px #d9fdff)}
.galaxy-route-ready{filter:drop-shadow(0 0 5px #87dcff)}
.galaxy-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #244760}
.galaxy-legend{display:flex;gap:12px;flex-wrap:wrap;font:600 11px Rajdhani,system-ui;color:#a7d7e9}
.galaxy-footer .action{padding:9px 15px;min-width:110px;font-size:11px}
@media(max-width:700px){#galaxyOverlay{padding:7px}.galaxy-panel{height:97vh}.galaxy-header{align-items:flex-start;flex-direction:column;padding:12px}.galaxy-header h2{font-size:21px}.galaxy-tools span{font-size:10px}.galaxy-footer{padding:9px;flex-direction:column}.galaxy-legend{font-size:10px;gap:8px}.galaxy-footer .action{padding:7px 14px}.galaxy-header p{font-size:11px}}

/* Solo Ascension v9: capital ship presentation */
.solo-boss-bar{position:absolute;z-index:4;top:68px;left:50%;transform:translateX(-50%);width:min(570px,calc(100% - 370px));background:linear-gradient(135deg,#2a1529ed,#0d1831f2);border:1px solid #b35276;border-radius:7px;padding:10px 16px;box-shadow:0 0 32px #e53c6935;text-align:center}
.solo-boss-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;color:#ff94ad;font:700 10px Oxanium,system-ui;letter-spacing:.08em}
.solo-boss-title strong{font-size:12px;color:#fff0f3;letter-spacing:.04em}
.solo-boss-meter{position:relative;background:#0a0c21;height:17px;border:1px solid #5b3555;overflow:hidden;border-radius:3px}
#soloBossFill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8f2146,#fe4b78);transition:width .15s}
#soloBossShield{position:absolute;left:0;top:0;height:4px;background:#9aebff;box-shadow:0 0 10px #80e3ff;transition:width .15s}
@media(max-width:750px){.solo-boss-bar{top:52px;width:calc(100% - 24px);padding:7px 9px}.solo-boss-title{font-size:8px;gap:7px}.solo-boss-title strong{font-size:9px}}

/* Ammunition and reload feedback */
.ammo-meter>div{background:linear-gradient(90deg,#deaa50,#ffe8a4)!important;box-shadow:0 0 12px #f4cb74!important;transition:width .1s}
.ammo-meter>div.reloading{background:linear-gradient(90deg,#4899c7,#a2eaff)!important;box-shadow:0 0 12px #73d2f6!important}

/* SOLO ASCENSION V10 — TIMED SURVIVAL / XP */
.solo-active .solo-hud{top:12px;width:min(660px,calc(100% - 480px));gap:14px;flex-wrap:wrap}
.solo-hud #soloTimer{font:800 24px Oxanium,sans-serif;color:#fef0cb;text-shadow:0 0 19px #f9c16d9c;letter-spacing:.06em}
.solo-xp-hud{position:absolute;left:50%;top:78px;transform:translateX(-50%);width:min(390px,calc(100% - 480px));min-width:230px;z-index:4;display:flex;align-items:center;gap:9px;background:#10152bd9;border:1px solid #7c66b1;padding:8px 11px;border-radius:5px;box-shadow:0 0 22px #ab76fa25;color:#d1b5ff;font:800 10px Oxanium,sans-serif}
.solo-xp-track{height:9px;flex:1;background:#271e3c;border:1px solid #554079;border-radius:10px;overflow:hidden}
#soloXpFill{height:100%;width:0;background:linear-gradient(90deg,#7646f9,#db9aff);box-shadow:0 0 13px #b580ff;transition:width .12s}
#soloXpText{min-width:56px;text-align:right}
.solo-active .solo-boss-bar:not(.hidden){top:125px}
.solo-panel .solo-choices{gap:13px}
.solo-choice{position:relative;overflow:hidden}
.solo-choice:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#715de4,#74e7ff);opacity:.7}
.solo-choice:hover:before{box-shadow:0 0 20px #a5dcff}
@media(max-width:900px){.solo-active .solo-hud{width:min(100%,calc(100% - 25px))}.solo-xp-hud{top:105px;width:min(370px,calc(100% - 24px))}.solo-active .solo-boss-bar:not(.hidden){top:155px}}
@media(max-width:750px){.solo-active .solo-hud{top:6px;gap:5px;padding:9px 6px}.solo-hud #soloTimer{font-size:14px}.solo-xp-hud{top:72px;padding:5px 7px}.solo-active .solo-boss-bar:not(.hidden){top:111px}}

/* Magnetic drift rails / velocity readout */
.drift-hud{position:absolute;top:133px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:8px;align-items:center;white-space:nowrap;padding:7px 12px;background:#0c2035dc;border:1px solid #426d91;border-radius:5px;color:#8fb9d1;font:700 10px Oxanium,system-ui;letter-spacing:.07em}
.drift-hud strong{font:800 17px Oxanium,system-ui;color:#cce5f3}
.drift-hud.drift-active{border-color:#67e7ff;box-shadow:0 0 22px #50dcff65;color:#8df0ff}
.drift-hud.drift-active strong{color:#fff}
.solo-active .solo-boss-bar:not(.hidden){top:180px}
@media(max-width:900px){.drift-hud{top:148px}.solo-active .solo-boss-bar:not(.hidden){top:190px}}
@media(max-width:750px){.drift-hud{top:104px;padding:5px 7px;font-size:9px}.drift-hud strong{font-size:13px}.solo-active .solo-boss-bar:not(.hidden){top:138px}}

/* VoidBorn v11 — actual racing, checkpoints and finish results */
.solo-active #raceCheckpoint,.solo-active #raceLap{font:700 11px Oxanium,system-ui;color:#a4f6d8;letter-spacing:.06em}
.race-results-panel{width:min(660px,calc(100vw - 28px));border:1px solid #4aafc0;background:linear-gradient(145deg,#0d2740f5,#17172bfa);box-shadow:0 0 60px #35bbd435}
.race-results-panel h2{color:#baf9ff;font:800 clamp(25px,4vw,42px) Oxanium,system-ui;letter-spacing:.07em}
.race-results-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.race-results-stats>div{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #2d617c;border-radius:7px;background:#082036ab}
.race-results-stats span{font:700 11px Oxanium,system-ui;color:#8bc1db;letter-spacing:.06em}
.race-results-stats strong{font:800 26px Oxanium,system-ui;color:#dcf8ff}
.race-results-stats>div:last-child{border-color:#a98b57;background:#43301855}
.race-results-stats>div:last-child strong{color:#ffe59a}
@media(max-width:700px){.race-results-stats{gap:7px}.race-results-stats>div{padding:9px}.race-results-stats strong{font-size:20px}.solo-active #raceCheckpoint,.solo-active #raceLap{font-size:9px}}

/* V11 expedition hangar and permanent progression */
.meta-progression{margin:12px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #4d7b95;border-radius:7px;background:linear-gradient(90deg,#112942,#1c243d);padding:12px 16px}
.meta-progression>div{display:flex;flex-direction:column;gap:4px}
.meta-progression>div strong{font:800 13px Oxanium,system-ui;color:#f4d89d;letter-spacing:.08em}
.meta-progression>div span{font-size:11px;color:#9cbacc}
#metaCores{font:800 25px Oxanium,system-ui;color:#ffe6a1;text-shadow:0 0 15px #e4a55355}
.class-option em{font-style:normal;font-size:10px;color:#ffd191}
.mode-buttons{flex-wrap:wrap}
#endlessMode{border-color:#765d9c;background:linear-gradient(135deg,#1a1b36,#2e2349)}
#endlessMode:hover{border-color:#b49be9}
@media(max-width:700px){.meta-progression{padding:9px 11px}.meta-progression>div strong{font-size:11px}.meta-progression>div span{font-size:10px}}

/* In-race checkpoint guidance */
.race-nav{position:absolute;z-index:7;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;background:#0b2840df;border:1px solid #67baa9;border-radius:6px;padding:7px 12px;box-shadow:0 0 18px #48eac02b;pointer-events:none}
#raceNavArrow{display:block;width:25px;font:800 25px system-ui;color:#a4ffd1;transform-origin:center}
#raceNavDistance{font:700 11px Oxanium,system-ui;color:#d4fef0;white-space:nowrap;letter-spacing:.06em}
@media(max-width:750px){.race-nav{bottom:12px;padding:5px 8px}#raceNavDistance{font-size:9px}#raceNavArrow{font-size:19px;width:20px}}

/* VOIDBORN v12 — CINEMATIC HANGAR */
#menu.hangar-menu{align-items:stretch;justify-content:stretch;overflow-y:auto;padding:0;background:#040913}
#menu.hangar-menu>.legacy-menu{margin:24px auto 70px;position:relative;z-index:3;max-width:980px}
#menu.hangar-menu>.legacy-menu.hidden{display:none!important}
.hangar-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,435px);width:100%;min-height:100vh;background:#050a13}
.hangar-showroom{position:relative;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#254464,#050b14 78%);isolation:isolate}
#hangarScene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hangar-showroom::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#04080d88,transparent 24%,transparent 77%,#04080d88),linear-gradient(0deg,#0309139a,transparent 18%)}
.hangar-brand{position:absolute;z-index:2;left:35px;top:33px;display:flex;flex-direction:column;gap:7px}
.hangar-brand span{font:900 clamp(27px,4vw,54px) Oxanium,system-ui;letter-spacing:.16em;color:#ebfaff;text-shadow:0 0 40px #2c8bc9}
.hangar-brand small{font:700 11px Oxanium,system-ui;letter-spacing:.22em;color:#88c8eb}
.hangar-shipplate{position:absolute;z-index:2;bottom:86px;left:38px;display:flex;flex-direction:column;gap:8px}
.hangar-shipplate span{font:900 clamp(30px,4vw,57px) Oxanium,system-ui;letter-spacing:.12em;color:#eaf8ff}
.hangar-shipplate small{color:#81bbd6;font:700 11px Oxanium,system-ui;letter-spacing:.08em}
.hangar-scene-hint{position:absolute;z-index:2;right:22px;bottom:30px;color:#a0d3e4;font:700 10px Oxanium,system-ui;letter-spacing:.08em}
.hangar-console{position:relative;z-index:2;display:flex;flex-direction:column;gap:13px;padding:27px 25px 25px;border-left:1px solid #437591;background:linear-gradient(155deg,#101e30fa,#090f1cfb 75%);min-height:100vh;box-shadow:-22px 0 70px #01061077}
.hangar-console h2{font:900 27px Oxanium,system-ui;letter-spacing:.1em;margin:0;color:#effbff}
.hangar-subtitle{font-size:12px;color:#9eb7cc;margin:0}
.hangar-topline{display:flex;justify-content:space-between;font:700 10px Oxanium,system-ui;letter-spacing:.13em;color:#8aaec9}
.hangar-online{color:#7bf1bd}
.hangar-wallet{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #695f49;background:linear-gradient(100deg,#292b36,#1c2434);border-radius:8px;padding:13px}
.hangar-wallet>div{display:flex;flex-direction:column;gap:5px}
.hangar-wallet small{font:800 10px Oxanium,system-ui;color:#dbcba8;letter-spacing:.13em}
.hangar-wallet strong{font:900 31px Oxanium,system-ui;color:#ffdfa2}
.hangar-wallet>span{font:700 9px Oxanium,system-ui;color:#bba98d;letter-spacing:.06em;text-align:right}
.hangar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid #3d5b70;padding-bottom:8px}
.hangar-tabs button{background:transparent;color:#a2b9c9;border:0;padding:10px 4px;font:800 10px Oxanium,system-ui;letter-spacing:.08em;cursor:pointer;border-bottom:2px solid transparent}
.hangar-tabs button.active{color:#8ff2f9;border-bottom-color:#5adce8;background:#29506930}
.hangar-tab-content{display:flex;flex-direction:column;gap:9px;min-height:275px;max-height:min(44vh,490px);overflow-y:auto;padding:2px 5px 7px 0}
.hangar-tab-content h3{font:800 13px Oxanium,system-ui;color:#e9faff;letter-spacing:.09em;margin:4px 0 0}
.hangar-help{font-size:11px;color:#92b5c9;margin:0 0 4px;line-height:1.6}
.hangar-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #355269;background:#15283bba;border-radius:7px;padding:12px 10px;min-height:67px}
.hangar-entry.selected{border-color:#75cddd;box-shadow:inset 0 0 21px #267fa41b}
.hangar-entry-copy{display:flex;flex:1;flex-direction:column;gap:5px}
.hangar-entry-copy strong{font:800 11px Oxanium,system-ui;letter-spacing:.03em;color:#e8f8ff}
.hangar-entry-copy small{color:#97b1c6;font-size:10px;line-height:1.45}
.hangar-entry-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.hangar-entry-tag{font:700 9px Oxanium,system-ui;color:#e7c58d;white-space:nowrap}
.hangar-entry-button{cursor:pointer;background:#25435b;color:#bfe8fb;border:1px solid #4b7490;border-radius:4px;padding:7px 10px;font:800 10px Oxanium,system-ui;letter-spacing:.05em}
.hangar-entry-button:hover{background:#346888}
.hangar-entry-button.active{border-color:#56d6ae;background:#244c44;color:#bffce6}
.hangar-empty{border:1px dashed #527386;padding:20px;color:#a1bacb;font-size:12px;line-height:1.6;border-radius:6px}
.hangar-runpool{border:1px solid #4b677c;border-radius:6px;background:#12253880;padding:12px}
.hangar-runpool strong{font:800 11px Oxanium,system-ui;letter-spacing:.1em;color:#99d5f9}
.hangar-runpool p{font-size:11px;line-height:1.6;color:#a3bdcc;margin:8px 0 0}
.hangar-launch{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto}
.hangar-launch button{cursor:pointer;padding:15px 10px;font:900 12px Oxanium,system-ui;letter-spacing:.11em;border:1px solid #456786;background:#203249;color:#dceeff;border-radius:5px}
.hangar-launch .hangar-launch-primary{background:linear-gradient(100deg,#52d4e8,#5599e3);color:#081928;border:1px solid #93f0ff;box-shadow:0 0 24px #3baadd33;font-size:15px}
.hangar-launch button:hover{filter:brightness(1.15)}
.hangar-classic{cursor:pointer;border:0;color:#96b2c5;font:700 10px Oxanium,system-ui;background:none;letter-spacing:.11em}
.hangar-storage{font-size:10px;color:#6e8ba1;margin:0;text-align:center}
.hangar-build-stats{display:grid;gap:11px;padding:15px;border:1px solid #304e63}
.hangar-stat{display:flex;justify-content:space-between;gap:6px;color:#78e9fa;font:800 12px Oxanium,system-ui}
.hangar-stat small{color:#abc3cf}
.hangar-toast{position:sticky;bottom:0;background:#183e4b;color:#b9fff4;padding:12px;border:1px solid #77d5e4;border-radius:6px;font:700 11px Oxanium,system-ui}
@media(max-width:900px){.hangar-shell{grid-template-columns:minmax(0,1fr) 370px}.hangar-console{padding:20px 15px}.hangar-brand{left:18px}.hangar-shipplate{left:18px}}
@media(max-width:720px){.hangar-shell{grid-template-columns:1fr}.hangar-showroom{min-height:420px;height:54vh}.hangar-console{min-height:auto;border-left:0;border-top:1px solid #47758b}.hangar-tab-content{max-height:360px}.hangar-brand{top:18px}.hangar-shipplate{bottom:65px}.hangar-shipplate span{font-size:30px}.hangar-scene-hint{bottom:17px;font-size:8px}}

/* V12.1 — pilot record and encounter cues */
.hangar-flight-record{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}
.hangar-flight-record>div{display:flex;flex-direction:column;gap:7px;padding:11px 12px;border:1px solid #3c6075;border-radius:6px;background:linear-gradient(130deg,#152c40,#112032)}
.hangar-flight-record small{font:800 9px Oxanium,system-ui;color:#84b6d5;letter-spacing:.08em}
.hangar-flight-record strong{font:800 13px Oxanium,system-ui;color:#e8faff}
@media(max-width:720px){.hangar-flight-record{gap:6px}.hangar-flight-record>div{padding:9px}.hangar-flight-record strong{font-size:11px}}

/* V12.1 first-flight briefing */
.hangar-flight-guide{display:flex;flex-direction:column;gap:6px;padding:12px 13px;background:#10253a;border-left:2px solid #53c7ea;border-radius:3px}
.hangar-flight-guide>strong{font:800 10px Oxanium,system-ui;color:#c2f4ff;letter-spacing:.1em;margin-bottom:4px}
.hangar-flight-guide span{font-size:10px;line-height:1.45;color:#a6bece}
.hangar-flight-guide b{color:#81e6e8;font-weight:800}

/* Separate VoidBorn entry: existing Test environment vs brand-new Game */
.gateway-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(ellipse at 52% 28%,#173351,#050913 68%);color:#e6f5ff;font-family:Oxanium,Segoe UI,system-ui,sans-serif;padding:25px}
.gateway-overlay *{box-sizing:border-box}
.gateway-inner{width:min(1120px,100%);text-align:center;margin:auto}
.gateway-kicker{color:#8cdef5;font-size:12px;font-weight:800;letter-spacing:.24em}
.gateway-inner h1{font-size:clamp(38px,6vw,73px);letter-spacing:.045em;margin:15px 0;font-weight:900}
.gateway-inner h1 em{color:#7cdcef;font-style:normal;text-shadow:0 0 36px #318dcb99}
.gateway-inner>p{color:#a3c1d4;font:400 15px Segoe UI,system-ui;margin:0 auto 27px}
.gateway-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}
.gateway-choice{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-height:320px;padding:29px;border:1px solid #3e637f;border-radius:12px;background:linear-gradient(140deg,#101e31,#112b3b);text-decoration:none;color:#ddecfa;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.gateway-choice:hover{transform:translateY(-5px);border-color:#8deafb;box-shadow:0 12px 55px #368ac733}
.gateway-choice .gateway-icon{font-size:43px;color:#84e3ec}
.gateway-choice .gateway-tag{color:#95c9e1;font-size:11px;font-weight:800;letter-spacing:.17em}
.gateway-choice strong{font-size:clamp(30px,3vw,46px);font-weight:900;letter-spacing:.09em}
.gateway-choice small{color:#b4cad9;font:400 14px/1.65 Segoe UI,system-ui}
.gateway-action{margin-top:auto;font-size:12px;font-weight:900;letter-spacing:.1em;color:#a3f5ff}
.gateway-game{border-color:#8168ab;background:linear-gradient(145deg,#1b1d3b,#202b4b)}
.gateway-game .gateway-icon,.gateway-game .gateway-action{color:#c5aaff}
.gateway-foot{color:#789bb1;font:400 11px Segoe UI,system-ui;margin:23px}
@media(max-width:700px){.gateway-overlay{padding:15px}.gateway-options{grid-template-columns:1fr}.gateway-choice{min-height:210px;padding:21px;gap:9px}.gateway-choice .gateway-icon{font-size:28px}.gateway-choice strong{font-size:30px}}

/* Three distinct experiences: Testing, Fleet War, preserved Physics Lab. */
.gateway-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.gateway-choice{min-height:295px;padding:24px}
.gateway-choice strong{font-size:clamp(22px,2.5vw,39px)}
.gateway-tuner{border-color:#478f88;background:linear-gradient(145deg,#0e3034,#152a39)}
.gateway-tuner .gateway-icon,.gateway-tuner .gateway-action{color:#88f5d4}
.gateway-lab{border-color:#536679;background:linear-gradient(145deg,#182434,#172337)}
.gateway-lab strong{letter-spacing:.045em}
@media(max-width:900px){.gateway-options{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-lab{grid-column:span 2;min-height:175px}}
@media(max-width:640px){.gateway-options{grid-template-columns:1fr}.gateway-lab{grid-column:auto}.gateway-choice{min-height:190px;padding:18px;gap:7px}.gateway-choice .gateway-icon{font-size:26px}.gateway-choice strong{font-size:28px}.gateway-inner>p{margin-bottom:15px}}


/* Four main-menu workspaces, including the independent model asset library. */
.gateway-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.gateway-assets{border-color:#397b9b;background:linear-gradient(145deg,#102d40,#15283a)}
.gateway-assets .gateway-icon,.gateway-assets .gateway-action{color:#79dbff}
.gateway-lab{grid-column:auto}
@media(max-width:900px){.gateway-lab{grid-column:auto;min-height:240px}}
@media(max-width:640px){.gateway-options{grid-template-columns:1fr}.gateway-lab{grid-column:auto;min-height:190px}}