@font-face{font-family:RasterForge;src:url(/assets/RasterForge.ttf) format("truetype");font-display:swap;font-weight:400}:root{--ink: #090909;--panel: #121212;--raised: #1c1c1c;--line: #2a2a2a;--line-strong: #3a3a3a;--text: #ededed;--muted: #8a8a8a;--accent: #78b4f2;--accent-light: #add9ff;--accent-shadow: #335e9e;--accent-outline: #0d1a30;--gold: #fad66b;--max: 1200px;--gutter: clamp(16px, 4vw, 48px);--px: 3px;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-pixel: "RasterForge", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--ink);scroll-behavior:smooth}body{display:flex;min-width:320px;min-height:100vh;margin:0;flex-direction:column;color:var(--text);background:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}#app{display:flex;flex:1;flex-direction:column}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,p{margin-top:0}:focus-visible{outline:var(--px) solid var(--accent);outline-offset:var(--px)}.skip-link{position:fixed;top:12px;left:12px;z-index:30;padding:8px 14px;color:var(--accent-outline);background:var(--accent);font-family:var(--font-pixel);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:absolute;top:0;right:0;left:0;z-index:20}.header-inner,.footer-inner{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin-inline:auto}.header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:var(--font-pixel);font-size:18px;text-transform:uppercase;white-space:nowrap}.wordmark span{color:var(--accent)}.site-nav{display:flex;gap:6px}.tab{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);border-bottom-color:var(--accent-shadow);padding:8px 12px 7px;color:var(--accent);background:var(--panel);font-family:var(--font-pixel);font-size:13px;line-height:1;text-transform:uppercase;transition:border-color .12s steps(2),color .12s steps(2),background-color .12s steps(2)}.tab:hover,.tab[aria-current=page]{border-color:var(--accent);color:var(--text);background:var(--raised)}.tab-key{color:var(--muted);font-size:11px}.tab>span:last-child:not(.tab-key){font-size:.8em;opacity:.6}.button{position:relative;display:inline-flex;height:60px;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 28px;font-family:var(--font-pixel);font-size:17px;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer}.button:active{transform:translateY(var(--px))}.button-arena{border:var(--px) solid var(--accent-outline);color:var(--accent-outline);background:url(/assets/ui/button-wear.svg) 0 0 / auto 100%,url(/assets/ui/button-face.svg) 0 0 / auto 100% repeat-x;box-shadow:inset 0 var(--px) 0 #f0faff,inset var(--px) 0 0 var(--accent-light),inset 0 calc(-1 * var(--px)) 0 var(--accent-shadow),inset calc(-1 * var(--px)) 0 0 #5689c8,0 0 0 var(--px) #78b4f200,0 12px 30px -12px #78b4f28c;animation:chevrons 1.1s steps(11) infinite;transition:box-shadow .12s steps(2),border-color .12s steps(2)}.button-arena span{position:relative;z-index:1;padding:4px 8px;background:var(--accent);box-shadow:0 0 0 var(--px) var(--accent)}.button-arena:after{position:absolute;top:-20%;bottom:-20%;left:0;width:calc(2 * var(--px));background:#f0faff;box-shadow:calc(2 * var(--px)) 0 0 -.5px var(--accent-light);content:"";transform:skew(-45deg);animation:glint 2.6s steps(60) infinite}.button-arena:hover{border-color:var(--accent-light);animation-duration:.8s;box-shadow:inset 0 var(--px) 0 #f0faff,inset var(--px) 0 0 var(--accent-light),inset 0 calc(-1 * var(--px)) 0 var(--accent-shadow),inset calc(-1 * var(--px)) 0 0 #5689c8,0 0 0 var(--px) #78b4f259,0 12px 36px -10px #78b4f2bf}@keyframes chevrons{to{background-position:0 0,33px 0}}@keyframes glint{0%{left:-40px}60%,to{left:calc(100% + 40px)}}.button-steel{border:var(--px) solid #000;color:var(--text);background:var(--raised);box-shadow:inset 0 var(--px) 0 #3a3a3a,inset var(--px) 0 0 #2e2e2e,inset 0 calc(-1 * var(--px)) 0 #101010,inset calc(-1 * var(--px)) 0 0 #141414;transition:border-color .12s steps(2),color .12s steps(2)}.button-steel:hover{border-color:var(--accent);color:var(--accent-light)}.button-steel span{color:var(--muted);font-size:.8em}.panel{border:2px solid var(--line);background:#121212f0;box-shadow:0 0 0 var(--px) #0009}.panel-title{display:flex;align-items:center;gap:10px;margin:0;border-bottom:2px solid var(--line);padding:10px 14px;background:var(--raised);font-family:var(--font-pixel);font-size:15px;font-weight:400;line-height:1;text-transform:uppercase}.home-main{flex:1}.hero{position:relative;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;background:var(--ink) url(/assets/ui/bulkhead.jpg) center / cover no-repeat}.hero-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hero-pixels{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(.5) brightness(.5) contrast(1.1);opacity:0;transition:opacity .6s steps(6)}.hero-pixels.is-live{opacity:1}.hero-shade{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px var(--px)),radial-gradient(ellipse 60% 55% at 50% 42%,#0909090d,#090909cc),linear-gradient(180deg,rgba(9,9,9,.75) 0%,transparent 20%,transparent 55%,var(--ink) 100%)}.hero-inner{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:96px var(--gutter) 40px;text-align:center}.hero-logo{width:clamp(260px,36vw,480px);margin:0 0 14px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.7));animation:rise .5s steps(5) both}.hero-tagline{margin-bottom:34px;color:var(--text);font-family:var(--font-pixel);font-size:clamp(16px,1.6vw,20px);line-height:1.4;text-transform:uppercase;text-shadow:0 var(--px) 0 #000;animation:rise .5s .1s steps(5) both}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;animation:rise .5s .2s steps(5) both}.steps{position:relative;z-index:1;display:grid;width:min(calc(100% - 2 * var(--gutter)),var(--max));grid-template-columns:repeat(3,1fr);gap:14px;margin:0 auto;padding:0 0 44px;list-style:none}.step-index{color:var(--gold)}.steps p{margin:0;padding:12px 14px 14px;color:var(--muted);font-size:14px;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.site-footer{border-top:2px solid var(--line);background:var(--ink)}.footer-inner{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:14px;color:var(--muted);font-family:var(--font-pixel);font-size:12px;text-transform:uppercase}.footer-nav{display:flex;flex-wrap:wrap;gap:20px}.footer-nav a{color:var(--accent);transition:color .12s steps(2)}.footer-nav a:hover,.footer-nav a[aria-current=page]{color:var(--text)}.footer-nav span{font-size:.85em;opacity:.6}.doc-main{flex:1;padding:132px var(--gutter) 96px;background:var(--ink) url(/assets/ui/bulkhead.jpg) center top / cover fixed no-repeat}.doc-page{max-width:760px;margin-inline:auto}.doc-page>:not(.panel-title){margin-inline:clamp(18px,4vw,40px)}.eyebrow{margin:0;border-bottom:2px solid var(--line);padding:10px 14px;color:var(--gold);background:var(--raised);font-family:var(--font-pixel);font-size:13px;line-height:1;text-transform:uppercase}.doc-page .eyebrow{margin-inline:0}.doc-page h1{margin-top:36px;margin-bottom:20px;font-family:var(--font-pixel);font-size:clamp(36px,6vw,60px);font-weight:400;line-height:1;text-transform:uppercase}.doc-lead{color:var(--text);font-size:clamp(17px,2vw,20px);line-height:1.5}.doc-copy{margin-top:32px;margin-bottom:40px;border-top:2px solid var(--line);padding-top:28px}.doc-copy h2{margin:32px 0 8px;font-family:var(--font-pixel);font-size:17px;font-weight:400;text-transform:uppercase;color:var(--accent)}.doc-copy h2:first-child{margin-top:0}.doc-copy p{color:var(--muted)}.doc-copy h3{margin:20px 0 6px;font-size:16px;font-weight:600;color:var(--text)}.doc-copy ul{margin:8px 0 12px;padding-left:22px;color:var(--muted)}.doc-copy li{margin-bottom:8px}.doc-copy li::marker{color:var(--accent)}.doc-copy strong{color:var(--text);font-weight:600}.doc-copy a{color:var(--accent-light);overflow-wrap:anywhere}.doc-reviewed{margin-top:36px;color:var(--muted)!important;font-family:var(--font-pixel);font-size:12px;text-transform:uppercase}@media(max-width:760px){.steps{grid-template-columns:1fr;padding-bottom:32px}.hero-inner{padding-top:104px}}@media(max-width:520px){.header-inner{min-height:64px}.wordmark{font-size:14px}.site-nav .nav-external{display:none}.hero-actions{width:100%;flex-direction:column}.hero-actions .button{width:100%}.button{font-size:15px}.footer-inner{flex-direction:column;align-items:flex-start}.doc-main{padding-top:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-pixels{display:none}.hero{background-image:url(/assets/video/gameplay-trailer-bg-poster.jpg)}}
