@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090e19;--muted:#7c889d;--line:#243044;--cyan:#a6ffe2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eff3fa;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 6%}.brand{text-decoration:none;color:#a6ffe2;font:29px 'Space Grotesk',sans-serif;display:flex;gap:12px;align-items:center}.brand b{font-size:21px;letter-spacing:-1px;color:white}.brand span{font-weight:400;color:#91a0b8}.tag{font-size:10px;letter-spacing:2px;color:var(--muted)}#sound{margin-left:auto;border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:10px;letter-spacing:1px}main{max-width:1440px;margin:auto;padding:46px 6% 0}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2px}i{display:inline-block;background:var(--cyan);width:6px;height:6px;border-radius:50%;margin-right:8px}h1{font:500 clamp(32px,4vw,53px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:19px 0 14px}h1 em{font-style:normal;color:#9ba9bf}.intro>p{color:var(--muted);font-size:13px;margin-bottom:32px}.layout{display:grid;grid-template-columns:1fr 335px;gap:24px}.arena{height:570px;position:relative;border:1px solid #31425b;border-radius:18px;overflow:hidden;background:#101a2d}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;pointer-events:none}small{display:block;font-size:9px;letter-spacing:1.5px;color:#8d9db6}.hud strong{font:500 29px 'Space Grotesk';display:block;margin-top:6px}.right{text-align:right}.sector{position:absolute;top:112px;left:26px;font-size:8px;letter-spacing:1.5px;color:#86b0c4}.sector span{margin-left:14px;color:#718199}#overlay{position:absolute;inset:145px 0 70px;display:flex;align-items:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse,#101a2de8,transparent 70%)}.orb{font-size:44px;color:var(--cyan);margin-bottom:14px}h2{font-family:'Space Grotesk';font-weight:500}#overlay h2{font-size:30px;letter-spacing:-1px;margin:12px 0 0}#overlay p{font-size:12px;color:#a6b2c5;line-height:1.7;margin:12px 0 22px}.primary{background:var(--cyan);color:#101d23;border:0;border-radius:9px;padding:15px 24px;font-weight:700;font-size:13px;min-width:210px}.primary span{margin-left:50px}#overlay small{margin-top:18px;font-size:9px;letter-spacing:.3px;line-height:1.7}.bottomhud{position:absolute;bottom:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--cyan)}.bottomhud b{margin-left:8px}#pause{background:#162035bb;border:1px solid var(--line);border-radius:6px;font-size:9px;padding:8px}.wallet{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;margin-bottom:14px}.wallet strong{font:26px 'Space Grotesk';color:var(--cyan);display:block;margin-top:6px}.pill{font-size:8px;letter-spacing:1px;background:#233235;color:var(--cyan);border-radius:5px;padding:6px}.shop{background:#111927;border:1px solid var(--line);border-radius:13px;padding:20px}.shophead{display:flex;align-items:center;justify-content:space-between}.shophead h2{font-size:18px;margin:0}.shophead span{color:#62748c;font-size:9px}.shop>p{font-size:11px;color:var(--muted);margin:8px 0 19px}article{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.itemicon{width:36px;height:39px;background:#173330;color:var(--cyan);border-radius:9px;display:grid;place-items:center;font-size:28px}.magnet{background:#29243d;color:#bba1ff}.boost{background:#3a2e24;color:#f2bf79}article h3{font-size:12px;margin:0 0 5px}article p{font-size:10px;color:var(--muted);margin:0}article button{margin-left:auto;background:transparent;border:1px solid #36445a;border-radius:6px;padding:8px;font-size:11px;white-space:nowrap}article button:hover{border-color:var(--cyan);color:var(--cyan)}.inventory{font-size:10px;color:#b4c4d5;margin:16px 0}.starbuy{width:100%;text-align:left;border:1px solid #756743;background:#302b20;padding:12px 10px;border-radius:7px;color:#f2d490;font-size:11px}.starbuy span{float:right;font-size:10px}.note{font-size:9px;letter-spacing:0;line-height:1.5;margin-top:10px}.brief{padding:21px 6px}.brief>span{font-size:8px;letter-spacing:2px;color:#6c7d96}.brief h3{font-size:13px;font-weight:500;margin:10px 0 14px}.brief p{font-size:10px;color:#8593a9}.brief b{font-size:9px;margin-right:12px;color:#b3c0d4}footer{padding:24px 0 30px;display:flex;justify-content:space-between;color:#53627b;font-size:8px;letter-spacing:1.5px}.steer{display:none;position:absolute;bottom:65px;width:100%;justify-content:space-between;padding:0 20px}.steer button{width:50px;height:44px;background:#19283dcc;border:1px solid #4c6579;border-radius:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #4a736a;border-radius:9px;background:#172b29;color:var(--cyan);font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}dialog{max-width:400px;width:90%;padding:32px;border:1px solid #40536a;border-radius:18px;background:#121e30;text-align:center}dialog::backdrop{background:#030810b8;backdrop-filter:blur(7px)}dialog h2{font-size:24px}dialog p{font-size:13px}.muted{color:#91a1b7;line-height:1.7;margin:22px 0}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:25px} @media(max-width:800px){header{height:70px;padding:0 5%}.tag{display:none}main{padding:30px 5% 0}.layout{grid-template-columns:1fr}.arena{height:540px}.steer{display:flex}.intro>p{line-height:1.6;max-width:290px}h1{letter-spacing:-1px}aside{display:grid;grid-template-columns:1fr}.brief{padding-left:10px}footer{font-size:6px;letter-spacing:1px}.hud strong{font-size:24px}}
/* Eos campaign */
main{max-width:1520px;padding-top:32px}.intro h1{font-size:clamp(34px,4vw,54px)}.intro>p{margin-bottom:25px}.pilotbar{display:flex;align-items:center;gap:16px;margin-bottom:22px;border:1px solid var(--line);background:linear-gradient(110deg,#152532,#101622);border-radius:12px;padding:16px 20px}.pilotbadge{background:#a6ffe21a;color:var(--cyan);border:1px solid #4a7b73;border-radius:8px;width:40px;height:40px;display:grid;place-items:center;font:24px 'Space Grotesk'}.pilotbar b{display:block;font-size:13px;margin-top:4px}.xpblock{margin-left:auto;width:220px}.xpblock>div:first-child{display:flex;justify-content:space-between;color:#8e9fb6;font-size:8px;letter-spacing:1px}.xprail,.missionrail{height:3px;background:#29394a;border-radius:4px;overflow:hidden;margin-top:9px}.xprail i,.missionrail i{margin:0;height:100%;width:0;border-radius:0;display:block;transition:width .2s}.pilotbar button{background:none;color:#a5b7ca;border:1px solid #34465b;border-radius:7px;padding:10px;font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.arena{height:730px;position:sticky;top:16px;background:#080f1c}.sector{top:100px;left:24px}.sector>span:first-child{margin:0;color:#a7b6cc}.missionhud{position:absolute;top:130px;left:24px;right:24px}.missionhud>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#b5c8d8}.missionhud b{font:15px 'Space Grotesk';color:var(--cyan)}#overlay{inset:200px 0 170px;justify-content:center;background:radial-gradient(ellipse,#0c172bd9,transparent 74%)}#overlay p{max-width:80%;white-space:pre-line}#overlay h2{font-size:clamp(23px,3vw,34px)}#overlay .orb{display:none}#overlay small{line-height:1.9}.vitals{position:absolute;bottom:115px;left:25px;right:25px;display:flex;justify-content:space-between;color:var(--cyan);font-size:10px;letter-spacing:1px}.abilities{position:absolute;bottom:57px;left:25px;display:flex;gap:10px}.abilities button{background:#132534d9;border:1px solid #49786f;border-radius:8px;color:#c2ffe9;padding:10px 16px;font:500 11px 'Space Grotesk';min-width:110px}.abilities small{font-size:7px;margin-top:5px;letter-spacing:.7px}.abilities button:disabled{opacity:.45;cursor:default}.abilities button:hover:not(:disabled){background:#2b554d}.bottomhud{bottom:20px}#combo{position:absolute;right:26px;top:190px;color:#ffe1a2;text-align:right;font:600 21px 'Space Grotesk';text-shadow:0 0 22px #f6c96588;white-space:pre-line}#radio{position:absolute;left:24px;right:24px;bottom:180px;background:#091725e8;border-left:2px solid var(--cyan);padding:12px 15px;opacity:0;transition:opacity .4s;pointer-events:none;max-width:470px}#radio b{font-size:8px;letter-spacing:1.3px;color:var(--cyan)}#radio p{font-size:12px;line-height:1.5;color:#d1dce7;margin:7px 0 0}#flash{position:absolute;inset:0;pointer-events:none;background:#ff604c;opacity:0;transition:opacity .2s}.campaigncard,.upgrades{padding:20px;background:#111b2a;border:1px solid var(--line);border-radius:13px;margin-bottom:14px}.campaigncard{background:radial-gradient(ellipse at right top,#23493d55,transparent),#111b2a}.campaigncard h2{font-size:18px;line-height:1.4;margin:10px 0}.campaigncard p{font-size:11px;line-height:1.6;color:#8c9fb6}.campaigncard #contract{font-size:9px;color:#c4ddbd;border-top:1px solid #31413d;padding-top:12px;line-height:1.6}.chapterdots{display:flex;gap:6px;margin-top:16px}.chapterdots button{flex:1;border-radius:6px;font-size:10px;padding:8px;border:1px solid #354b5c;background:#142332;color:#a9c1d3}.chapterdots button.selected{border-color:#9ce6cb;color:#b4ffdf;background:#28473f}.chapterdots button:disabled{opacity:.3;cursor:default}.upgrades .shophead h2{font-size:16px}.upgrades article{gap:10px;padding:13px 0}.upgrades article h3{font-size:11px}.upgrades article p{line-height:1.5;font-size:9px}.upgrades article button{font-size:10px}#livery{width:100%;margin-top:12px;font-size:10px;border:1px solid #3c5268;background:#1c2e40;border-radius:7px;padding:9px;color:#b6ccdc}button:disabled{cursor:default}.shop article{padding:12px 0}.shop{margin-bottom:0}.brief{padding-bottom:10px}.steer{bottom:60px;pointer-events:none}.steer button{pointer-events:auto}.speaker{font-size:10px;letter-spacing:1px;color:var(--cyan);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#briefing,#log{max-width:560px;text-align:left;padding:32px}#briefing h2{font-size:28px;letter-spacing:-1px}#briefStory{font-size:14px;line-height:1.9;color:#c1cfde}.briefstats{display:flex;gap:15px;color:#a6ffe2;font-size:11px;margin:20px 0}.briefstats span{padding:9px 12px;border:1px solid #385a57;border-radius:6px}#briefing .muted{font-size:11px}#briefing .primary{width:100%}#logEntries section{padding:15px 0;border-top:1px solid #334258}#logEntries h3{font-size:16px;font-family:'Space Grotesk'}#logEntries p{font-size:12px;color:#aab9ca;line-height:1.8}dialog{max-height:88dvh;overflow:auto}.brief p{line-height:1.6}@media(max-width:800px){.layout{grid-template-columns:1fr}.arena{height:660px;position:relative;top:0}.pilotbar{padding:12px;gap:10px}.pilotbadge{display:none}.pilotbar small{font-size:7px}.pilotbar b{font-size:11px}.xpblock{width:95px}.pilotbar button{font-size:9px;padding:9px}.xpblock>div:first-child span:last-child{display:none}.abilities{left:50%;transform:translateX(-50%);gap:7px;bottom:57px}.abilities button{min-width:87px;padding:9px 8px;font-size:9px}.abilities small{font-size:6px}.steer{bottom:59px;padding:0 12px}.steer button{width:40px;height:40px}.vitals{font-size:9px}.intro>p{max-width:360px}.campaigncard{margin-top:0}#radio{bottom:175px}#overlay{inset:190px 0 175px}#overlay .primary{min-width:190px}#combo{top:180px;font-size:17px}}
#radio{top:179px;bottom:auto;max-width:330px}#overlay p{font-size:12px;line-height:1.65;max-width:85%}.upgradeRank{color:#8aa2b8;font-size:9px;margin-left:5px}@media(max-width:800px){#radio{top:180px;bottom:auto;max-width:270px}#radio p{font-size:11px}#overlay p{font-size:11px;line-height:1.6;margin:10px 0 16px}#overlay h2{max-width:90%;font-size:23px}}

/* Expedition combat deck */
#world{touch-action:none;cursor:crosshair}.weaponSwitch{position:absolute;right:24px;bottom:148px;border:1px solid #7694bc;background:#101e32dd;color:#c9ddff;padding:9px 13px;border-radius:8px;font-size:10px}.weaponSwitch small{font-size:7px;margin-top:4px}.arena .steer{display:none!important}.arena .sector{top:85px}.arena .missionhud{top:108px}.arena #flightRewards{top:151px}.arena #radio{bottom:210px;max-width:380px}.arena .combatHUD{bottom:181px}.arena .abilities{gap:7px}.arena .abilities button{min-width:90px;padding:10px}.arena #overlay{background:radial-gradient(ellipse,#07131df5,#07131db0 55%,transparent 85%);inset:190px 0 220px}.arena #overlay.debrief{inset:165px 0 180px}@media(max-width:800px){.arena{height:740px}.arena .abilities{width:calc(100% - 24px);left:12px;transform:none}.arena .abilities button{flex:1;min-width:0;padding:10px 5px;font-size:9px}.weaponSwitch{bottom:145px;right:14px}.arena #radio{bottom:210px;left:14px;right:14px}.arena .combatHUD{bottom:180px}.arena .sector{font-size:7px}.arena #overlay h2{font-size:27px}.arena #overlay p{font-size:12px}.arena #flightRewards{font-size:7px;left:14px;right:14px}}

.arena #radio{top:185px;bottom:auto;max-width:320px}.arena #radio p{font-size:11px}.arena #overlay small{max-width:90%;font-size:8px}.arena #combo{font-size:15px;top:185px}@media(max-width:800px){.arena #radio{max-width:230px;top:185px;bottom:auto}.arena #combo{top:265px;font-size:13px}}

#abortFlight{border:1px solid #604753;background:#241f2cbb;color:#d8a5af;border-radius:6px;padding:8px;font-size:8px;margin-left:auto;margin-right:8px}.combatHUD{pointer-events:none}@media(max-width:800px){.arena .combatHUD{flex-direction:column;gap:6px}.arena .combatHUD #bossStatus{max-width:160px}.arena .weaponSwitch{bottom:145px;font-size:8px}.arena .weaponSwitch small{font-size:6px}}