@font-face{font-family:Barlow;src:url('/game/site/media/barlow-condensed-black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--navy:#092951;--night:#06192f;--cream:#f4efdf;--gold:#ffc638;--red:#ec3b32;--muted:#b1c5dc;--display:Barlow,Impact,'Arial Narrow',sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--edge:clamp(24px,6vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:95px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--gold);color:var(--navy)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eyebrow{font:700 11px/1.6 var(--mono);letter-spacing:.14em;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:9px}.eyebrow i,.footage-tag i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #ffc63855}.eyebrow.dark{color:#725736}.top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px var(--edge);gap:24px}.nav-brand{width:100px}.nav-brand img,.footer-logo img{width:100%;height:auto}.top nav{display:flex;gap:32px;margin-left:auto;margin-right:24px;font:700 10px var(--mono);letter-spacing:.08em}.top nav a{padding:12px 0;transition:color .2s}.top nav a:hover{color:var(--gold)}.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 26px;min-height:64px;background:var(--gold);color:var(--night);font:900 24px/1 var(--display);letter-spacing:.02em;box-shadow:0 5px 0 #d08813;transition:background .18s,transform .18s}.button::after{content:'';position:absolute;inset:5px;border:1px solid #09295126;pointer-events:none}.button b{font:22px Arial}.button:hover{transform:translateY(-3px);background:#ffdb70}.button.small{font-size:20px;min-height:46px;padding:12px 18px;gap:30px}.outline,.text-link,.watch-link{font:700 11px/1.4 var(--mono);letter-spacing:.05em}.outline{display:inline-flex;align-items:center;padding:21px;border:1px solid #ffffff65}.outline:hover,.text-link:hover{color:var(--gold)}.text-link{border-bottom:1px solid currentColor;padding:10px 0}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.launch-logo{width:clamp(340px,36vw,540px);height:auto;filter:drop-shadow(0 10px 16px #06192f55);margin:8px 0 12px -10px}.hero{position:relative;min-height:850px;height:100svh;max-height:1080px;display:flex;align-items:center;overflow:hidden;background:#165b91}.hero-world,.art,.final-art{position:absolute;inset:0;background:url('/game/site/media/launch-key-art.png') center/cover no-repeat}.hero-world::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06192fcc,#06192f88 30%,transparent 65%),linear-gradient(0deg,#06192fbf,transparent 40%)}.hero-copy{position:relative;z-index:2;padding:125px var(--edge) 85px;width:100%}.hero-copy .eyebrow{margin-bottom:6px}.hero-line{font:900 clamp(26px,2.8vw,40px)/.98 var(--display);letter-spacing:.015em;margin:12px 0;color:#fff4d5}.hero-description{font-size:15px;line-height:1.6;color:#e0e8ee;margin:20px 0 28px}.watch-link{display:flex;align-items:center;gap:12px}.watch-link:hover{color:var(--gold)}.play-symbol{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #ffffff88;border-radius:50%;font-size:10px}.hero-account{font:700 8px/1.6 var(--mono);letter-spacing:.09em;margin-top:25px;color:#e0e8ee}.discover{position:absolute;bottom:32px;left:var(--edge);z-index:3;display:flex;align-items:center;gap:20px;font:700 9px var(--mono);letter-spacing:.08em}.discover b{font:25px Arial;color:var(--gold)}.location-tag{position:absolute;bottom:35px;right:var(--edge);font:700 8px var(--mono);letter-spacing:.08em;color:#e0e8ee}.chase-strip{background:var(--gold);color:var(--navy);padding:24px var(--edge);display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:28px;align-items:center;border-top:4px solid #f2e1a0}.strip-title{font:900 30px/.9 var(--display)}.chase-strip>span:not(:first-child){border-left:1px solid #09295133;padding-left:26px;font:700 8px/1.6 var(--mono);letter-spacing:.04em}.chase-strip b{display:block;font:900 29px/1.2 var(--display);letter-spacing:0}.section{padding:100px var(--edge)}h2{font:900 clamp(58px,6.2vw,100px)/.9 var(--display);letter-spacing:-.015em;text-transform:uppercase}h2 em{font-style:normal;color:var(--gold)}.gameplay{background:var(--cream);color:var(--navy)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.section-heading h2 span,.towns h2 span{color:var(--red)}.section-heading>p{max-width:345px;font-size:14px;line-height:1.7;margin-bottom:5px}.footage{position:relative;background:var(--night);box-shadow:12px 12px 0 #d5cebd;aspect-ratio:8/5;overflow:hidden}.footage video{width:100%;height:100%;object-fit:contain;display:block}.footage-tag{position:absolute;left:20px;top:20px;background:var(--night);color:var(--cream);padding:10px 14px;display:flex;gap:8px;align-items:center;font:700 9px var(--mono);letter-spacing:.07em;pointer-events:none}.footage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:var(--gold);color:var(--navy);padding:18px 22px;font:900 22px var(--display);white-space:nowrap;box-shadow:0 4px 0 #d08813}.footage-play[hidden]{display:none}.footage-play span{font-size:14px;margin-right:15px}.gameplay-caption{display:flex;justify-content:space-between;margin-top:30px;font:700 9px/1.5 var(--mono);letter-spacing:.07em}.gameplay-caption span:first-child{color:var(--red)}.loadout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;background:var(--navy);position:relative;overflow:hidden}.loadout-heading p:not(.eyebrow){margin:28px 0;color:var(--muted);font-size:15px;line-height:1.7}.loadout-heading .text-link{display:inline-block;color:var(--gold)}.runner-room{background:radial-gradient(ellipse at 50% 45%,#1c5685,transparent 65%);position:relative;padding:0 0 10px}.runner-pedestal{position:relative;height:340px;display:flex;align-items:center;justify-content:center}.runner-pedestal:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:72px;border:1px solid #558ab0;transform:skew(-20deg);background:linear-gradient(90deg,#153b60,#255d82)}#runner-preview{position:relative;z-index:2;margin-bottom:45px;filter:drop-shadow(8px 12px 0 #051b3155)}#runner-preview svg{width:145px;height:218px;image-rendering:pixelated}.runner-shadow{position:absolute;bottom:35px;width:160px;height:28px;background:#041c35aa;border-radius:50%;filter:blur(6px);z-index:1}.runner-info{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #467495;padding:30px 0 20px;gap:15px}.runner-info h3{font:900 38px var(--display);color:var(--gold)}.runner-info span{font:700 9px var(--mono);color:var(--muted)}.runner-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.runner-options button{background:#061d38;border:1px solid #375a7b;color:var(--muted);padding:14px 5px;font:700 8px var(--mono);letter-spacing:.04em}.runner-options button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#143652}.outfit-color{width:22px;height:22px;display:block;margin:0 auto 12px;border:3px solid #ffffff18}.sunset{background:#ee754b}.bluebird{background:#0a53ac}.goldrush{background:#f2c230}.cherry{background:#d91b2b}.towns{background:var(--cream);color:var(--navy)}.towns-title{display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;align-items:end}.towns-title .eyebrow{grid-column:1/-1}.towns-title>p:last-child{max-width:430px;font-size:15px;line-height:1.7}.city-list{margin-top:55px;border-top:2px solid var(--navy)}.city-list a{display:grid;grid-template-columns:120px 1fr 160px 35px;gap:25px;align-items:center;border-bottom:1px solid #09295140;padding:32px 5px;transition:padding .2s,background .2s}.city-list a:hover{background:#ebe1c7;padding-inline:16px}.city-id,.city-coordinate{font:700 10px/1.7 var(--mono)}.city-list h3{font:900 clamp(36px,4vw,60px)/1 var(--display)}.city-list b{font-size:30px;color:var(--red)}.city-coordinate{color:#546276}.towns-note{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px;font:700 9px/1.6 var(--mono)}.towns-note a{font:900 24px var(--display);color:var(--red)}.final{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden}.final-art{background-position:65% center}.final-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06192ff2,#06192fb0 40%,transparent 80%),linear-gradient(0deg,#06192fbb,transparent)}.final-copy{position:relative;padding:95px var(--edge);z-index:2}.final h2{font-size:clamp(95px,11vw,160px);line-height:.8;margin:30px 0 40px}.final-copy>p:last-child{font-size:13px;line-height:1.7;margin-top:30px;color:var(--muted)}.final-copy>p:last-child a{color:var(--cream);border-bottom:1px solid #ffffff66}footer{background:var(--night);padding:50px var(--edge) 25px}.footer-top{display:grid;grid-template-columns:180px 1fr 1fr;gap:50px;align-items:center;padding-bottom:40px}.footer-logo{width:150px}.footer-top>p{font:900 24px/1.1 var(--display);color:#6984a3}.footer-links{display:flex;flex-direction:column;gap:18px;margin-left:auto;font:700 9px var(--mono);letter-spacing:.06em}.footer-links strong{color:var(--gold)}.footer-bottom{border-top:1px solid #24405c;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font:700 8px/1.5 var(--mono);letter-spacing:.06em;color:#7995b1}footer a:hover{color:var(--gold)}
/* Cinematic framework: a sticky stage and scroll-window activation, with a depth-parallax fallback. */
.intro .top{position:fixed;background:linear-gradient(#06192f44,transparent)}.skip{position:fixed;top:105px;right:var(--edge);z-index:21;font:700 9px var(--mono);letter-spacing:.07em;border-bottom:1px solid #ffffff66;padding-bottom:5px}.scene{position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden}.art{inset:-5%;transform:scale(var(--scale,1)) translateY(var(--shift,0px));will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06192fde,#06192f70 38%,transparent 75%),linear-gradient(0deg,#06192fdd,transparent 35%)}.intro-road{display:none;position:absolute;bottom:-12%;left:0;right:0;height:20%;background:repeating-linear-gradient(90deg,transparent 0 100px,#ffc63888 100px 180px,transparent 180px 250px);transform:perspective(500px) rotateX(68deg) translateX(var(--float,0px));opacity:.25}.track{position:relative;height:480vh;margin-top:-100svh;z-index:2;pointer-events:none}.beat{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:120px var(--edge) 100px;opacity:0;visibility:hidden;transition:opacity .6s}.beat.is-live{opacity:1;visibility:visible}.beat>div{max-width:900px}.beat h2{font-size:clamp(64px,8vw,125px)}.beat a{pointer-events:auto}.intro-copy{padding-top:20px}.intro-copy .eyebrow{margin-bottom:5px}.intro-copy .launch-logo{width:clamp(340px,38vw,550px)}.intro-copy .actions{margin-top:30px}.scroll-cue{display:flex;align-items:center;gap:25px;font:700 8px var(--mono);letter-spacing:.08em;margin-top:38px;color:#b1c5dc}.scroll-cue span{font:22px Arial;color:var(--gold)}.lede{font-size:20px;line-height:1.65;color:#e0e8ee;margin:30px 0}.beat-note{font:700 9px var(--mono);color:var(--gold);letter-spacing:.07em}.credits{font:700 9px/1.6 var(--mono);letter-spacing:.02em;margin-top:30px;color:var(--muted)}.credits a{color:var(--cream)}.beat:last-child .actions{margin-top:35px}.hud{position:fixed;z-index:10;left:var(--edge);right:var(--edge);bottom:24px;display:flex;justify-content:space-between;font:700 8px var(--mono);letter-spacing:.08em;color:var(--muted)}.progress{position:fixed;bottom:0;left:0;height:3px;width:var(--p,0%);background:var(--gold);z-index:30}
@media(min-width:1600px){.hero-copy{padding-block:140px}.hero-world{background-position:center 60%}}
@media(max-width:900px){.top nav{gap:18px;margin-right:0}.top nav a:nth-child(2){display:none}.hero{min-height:830px}.launch-logo{width:420px}.hero-world{background-position:58% center}.hero-world:after{background:linear-gradient(90deg,#06192fcc,#06192f77 45%,transparent),linear-gradient(0deg,#06192fdd,transparent 70%)}.loadout{gap:35px;grid-template-columns:1fr 1fr}.runner-info span:first-child{display:none}.towns-title{gap:35px}.city-list a{grid-template-columns:85px 1fr 125px 25px;gap:15px}.footer-top{gap:30px;grid-template-columns:130px 1fr 1fr}.footer-logo{width:125px}}
@media(max-width:600px){:root{--edge:24px}html{scroll-padding-top:20px}.top{padding:18px 24px;gap:12px}.nav-brand{width:80px}.top nav{display:none}.button.small{padding:11px 15px;min-height:44px;gap:24px;font-size:19px}.hero{height:auto;min-height:850px;max-height:none;align-items:flex-end}.hero-world{background-size:auto 680px;background-position:82% top;background-repeat:no-repeat;background-color:var(--night)}.hero-world:after{background:linear-gradient(0deg,#06192f 0%,#06192f 22%,#06192fcc 42%,transparent 80%)}.hero-copy{padding:380px 24px 110px}.hero-copy .eyebrow{font-size:9px;margin-bottom:0}.launch-logo{width:280px;margin:5px 0 10px -6px}.hero-line{font-size:34px;line-height:.93;margin-top:8px}.hero-description{font-size:13px;line-height:1.7;margin:20px 0 25px}.actions{gap:20px}.button{padding:18px 21px;min-height:60px;font-size:24px;gap:30px}.watch-link{font-size:9px;gap:8px}.play-symbol{height:29px;width:29px}.hero-account{font-size:7px;letter-spacing:.025em;max-width:300px;line-height:1.8;margin-top:25px}.discover{bottom:28px;font-size:8px;gap:20px}.location-tag{display:none}.chase-strip{grid-template-columns:1fr 1fr;gap:22px;padding:25px 24px}.strip-title{font-size:27px}.chase-strip>span:not(:first-child){padding-left:15px;font-size:7px}.chase-strip>span:nth-child(3){border-left:0;padding-left:0}.chase-strip b{font-size:24px}.section{padding:65px 24px}h2{font-size:57px;line-height:.88}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:.08em}.footage{aspect-ratio:8/5;box-shadow:7px 7px 0 #d5cebd}.footage-tag{left:8px;top:8px;font-size:6px;padding:7px 8px;gap:5px}.footage-tag i{width:4px;height:4px}.footage-play{font-size:17px;padding:12px 15px}.footage-play span{font-size:10px;margin-right:8px}.gameplay-caption{display:block;font-size:7px;line-height:1.8;margin-top:20px}.gameplay-caption span{display:block;margin-top:7px}.loadout{grid-template-columns:1fr;gap:35px}.loadout-heading p:not(.eyebrow){font-size:14px;margin:22px 0}.runner-pedestal{height:290px}#runner-preview svg{width:130px;height:195px}.runner-info{padding-top:22px}.runner-info h3{font-size:34px}.runner-info span:first-child{display:block;font-size:7px}.runner-options button{font-size:7px;padding:13px 3px}.towns-title{display:block}.towns-title>p:last-child{font-size:13px;margin-top:25px}.city-list{margin-top:35px}.city-list a{grid-template-columns:1fr 30px;gap:12px;padding:22px 0}.city-id{font-size:8px;grid-column:1}.city-list h3{font-size:46px;grid-column:1}.city-coordinate{display:none}.city-list b{grid-column:2;grid-row:1/3}.towns-note{display:block;font-size:7px;line-height:1.7}.towns-note a{display:inline-block;font-size:23px;margin-top:15px}.final{min-height:700px}.final-art{background-position:82% center}.final-art:after{background:linear-gradient(90deg,#06192fe6,#06192fa0 50%,#06192f22),linear-gradient(0deg,#06192fdd,transparent 80%)}.final-copy{padding:65px 24px}.final h2{font-size:110px;margin:25px 0 35px}.final-copy>p:last-child{font-size:11px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.footer-top>p{font-size:18px}.footer-links{grid-column:1/-1;margin:0;font-size:9px;gap:16px}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:18px}.footer-bottom span:last-child{display:none}footer{padding:35px 24px 25px}.intro .art{background-size:auto 100%;background-position:82% top}.intro .shade{background:linear-gradient(90deg,#06192fe6,#06192f66),linear-gradient(0deg,#06192f,transparent 80%)}.intro .top{background:linear-gradient(#06192f88,transparent)}.skip{top:92px;font-size:8px}.beat{padding:130px 24px 95px}.intro-copy{padding-top:0}.intro-copy .launch-logo{width:300px;max-width:100%}.intro-copy .hero-line{font-size:34px}.intro-copy .actions{margin-top:28px;gap:18px}.intro-copy .text-link{font-size:8px}.beat h2{font-size:65px;line-height:.88}.beat .lede{font-size:16px;line-height:1.7;margin:25px 0}.beat-note{font-size:8px;line-height:1.7;display:block;max-width:260px}.beat:last-child .actions{gap:20px}.outline{padding:16px;font-size:9px}.credits{max-width:300px;font-size:8px;line-height:1.9}.hud{font-size:7px;bottom:18px}.hud span:last-child{display:none}.scroll-cue{font-size:7px;margin-top:30px}}
@media(max-width:360px){.hero-copy .launch-logo{width:265px}.actions{gap:15px}.watch-link{font-size:8px}.play-symbol{width:25px;height:25px}.beat h2{font-size:60px}.intro-copy .launch-logo{width:275px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.art,.intro-road{transform:none!important}}