:root{color-scheme:dark;--bg:#020c15;--cyan:#00d8ed;--text:#f3f8fc;--muted:#b5cfdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.header{background:#020c15f5;border-bottom:1px solid #137184;position:relative;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:228px;height:auto;object-fit:contain}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:14px;color:var(--muted)}.nav-links a:hover,.footer a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--cyan);color:#001019;font-weight:800;padding:16px 24px;border:1px solid var(--cyan);border-radius:3px;font-size:15px;line-height:1.4;transition:background .18s,box-shadow .18s}.button:hover{background:#7af3ff;box-shadow:0 0 25px #00dcf22b}.button.small{font-size:13px;padding:12px 17px}.button.outline{background:#020c15b8;color:#fff}.button.outline:hover{background:#063343}.hero{position:relative;min-height:740px;display:flex;align-items:center;background:#03101c url('assets/hero.webp') center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020c15f7 0%,#020c15dc 24%,#020c1570 43%,transparent 66%),linear-gradient(0deg,var(--bg),transparent 20%)}.hero-content{padding-block:75px 110px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:16px}.eyebrow span{height:1px;width:66px;background:var(--cyan)}h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(64px,7.1vw,100px);line-height:.89;letter-spacing:2px;max-width:490px;margin:32px 0;color:#e9faff;text-shadow:3px 4px 0 #23607b,0 0 30px #1ac7e924}h1 small{font:italic 800 28px Arial,sans-serif;display:block;letter-spacing:6px;margin:12px 0 12px 87px}h2{line-height:1.25}.hero h2{font-size:29px;margin:28px 0 16px}.hero-copy{max-width:375px;color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trailer{position:relative;margin-top:-15px}.trailer-link{display:block;position:relative;border:1px solid var(--cyan);padding:6px;background:#00121d;box-shadow:0 0 30px #00caff0b}.trailer-link img{display:block;width:100%;height:auto}.trailer-note{display:block;text-align:center;padding:10px 12px 5px;font-size:13px;letter-spacing:1px;color:var(--muted)}.trailer-link:hover .trailer-note{color:var(--cyan)}.features{display:grid;grid-template-columns:repeat(3,1fr);padding-block:64px 48px}.features article{text-align:center;padding:0 35px;border-right:1px solid #087083}.features article:last-child{border:0}.features img{height:101px;width:auto;max-width:100%;object-fit:contain}.features h2{font-family:'Arial Black',Arial,sans-serif;font-size:26px;letter-spacing:2px;margin:13px 0}.features p{color:var(--muted);font-size:16px;max-width:280px;margin:0 auto}.factions{max-width:1500px;margin:0 auto}.factions img{display:block;width:100%;height:auto}.closing{text-align:center;padding:42px 0 65px}.closing .eyebrow{justify-content:center}.closing h2{font-size:34px;margin:16px 0}.closing p:not(.eyebrow){color:var(--muted)}.button.large{padding:20px 38px;font-size:20px;margin-top:15px;min-width:290px}.footer{border-top:1px solid #225160;padding-block:27px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}.footer .brand img{width:200px}.footer>span{font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:8px;left:8px;background:var(--cyan);color:#000;padding:12px;z-index:100}
@media(min-width:1600px){.hero{min-height:830px}}
@media(max-width:850px){.wrap{width:calc(100% - 36px)}.nav{gap:15px;min-height:72px}.nav-links{display:none}.brand img{width:195px}.hero{min-height:710px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#020c15ef,#020c15b5 43%,#020c1530),linear-gradient(0deg,var(--bg),transparent 35%)}.features article{padding:0 18px}.features p{font-size:14px}.features h2{font-size:22px}.footer{flex-wrap:wrap;justify-content:center}.footer>span{width:100%;text-align:center}}
@media(max-width:540px){.nav{gap:8px}.brand img{width:159px}.button.small{font-size:11px;padding:10px}.hero{min-height:700px;background-position:62% center}.hero-content{padding-block:58px 75px}.hero-shade{background:linear-gradient(90deg,#020c15e8,#020c1590),linear-gradient(0deg,var(--bg),transparent 45%)}h1{font-size:76px}.hero h2{font-size:25px}.hero-copy{font-size:16px;max-width:310px}.eyebrow{font-size:10px;letter-spacing:2px}.actions{gap:10px}.actions .button{padding:14px 17px;font-size:13px}.features{grid-template-columns:1fr;padding:40px 0 15px}.features article{border-right:0;border-bottom:1px solid #164b59;padding:25px 10px 30px}.features p{font-size:16px;max-width:310px}.features h2{font-size:26px}.factions{overflow:hidden}.factions img{width:150%;max-width:none;margin-left:-25%}.closing{padding:25px 0 48px}.closing h2{font-size:28px}.footer{gap:14px}.trailer-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.game-logo{display:block;width:min(390px,85%);height:auto;margin:26px 0 18px;mix-blend-mode:screen}