@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');:root{--bg:#071012;--fg:#dce3df;--cyan:#68edee;--amber:#e2a457;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot{position:fixed;z-index:100;inset:0;background:#050a0b;display:grid;place-content:center;text-align:center;transition:.7s}.boot.hide{opacity:0;visibility:hidden}.mark{width:34px;height:39px;border:1px solid var(--cyan);border-radius:38% 38% 48% 48%;display:grid;place-items:center;color:var(--cyan);font-style:normal}.boot .mark{width:56px;height:64px;margin:auto;font-size:30px}.boot p{font:9px var(--mono);letter-spacing:.25em;margin-top:20px}.grain{position:fixed;z-index:20;pointer-events:none;inset:-40%;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{50%{transform:translate(3%,-2%)}}#rain{position:fixed;z-index:19;inset:0;pointer-events:none}header{position:fixed;z-index:30;inset:0 0 auto;height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:linear-gradient(#071012c9,transparent);backdrop-filter:blur(4px);font:9px var(--mono);letter-spacing:.14em}.brand{font:600 16px Manrope;display:flex;align-items:center;gap:12px;letter-spacing:.03em}.brand span{color:var(--cyan)}header nav{display:flex;gap:38px}.progress{position:fixed;z-index:25;right:4vw;top:42%;display:flex;align-items:end;gap:9px}.progress i{width:1px;height:100px;background:#ffffff20;position:relative}.progress i b{position:absolute;width:1px;height:16%;background:var(--cyan);transition:.5s}.progress strong,.progress small{font:12px var(--mono)}.progress small{font-size:8px;color:#788}.scene{min-height:100svh;position:relative;overflow:hidden}.bg{position:absolute;inset:-8%;background-size:cover;background-position:center;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#061012e8,transparent 65%),linear-gradient(0deg,#071012,transparent 25%,transparent 80%,#071012)}.copy,.story,.card,.role,.mapbox,.market,.raidcopy,.finalcopy{position:relative;z-index:2}.copy{padding:25vh 8vw;max-width:950px}.eyebrow{font:9px var(--mono);letter-spacing:.22em;color:var(--cyan)}h1,h2{font-weight:500;letter-spacing:-.06em;line-height:.9;margin:24px 0}h1{font-size:clamp(4rem,8.8vw,9rem)}h2{font-size:clamp(3.2rem,6vw,7rem)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #dce3dfaa}.lead,.story>p:last-child,.role>p:last-child,.market>p,.raidcopy>p,.finalcopy>p{max-width:520px;line-height:1.75;color:#acb8b5}.scroll{display:block;margin-top:55px;font:9px var(--mono);letter-spacing:.2em}.chapter{position:absolute;z-index:5;left:4vw;top:112px;font:9px var(--mono);letter-spacing:.18em}.chapter b{color:var(--cyan);border:1px solid #68edee44;padding:8px;margin-right:14px}.quest,.districts{padding:14vh 7vw;background:radial-gradient(circle at 70% 45%,#143035,#071012 55%)}.grid{min-height:75vh;display:grid;grid-template-columns:1fr minmax(340px,470px);align-items:center;gap:9vw}.card{padding:30px;background:linear-gradient(145deg,#143034db,#071012f2);border:1px solid #68edee66;box-shadow:0 30px 90px #000b;transform-style:preserve-3d;transition:.15s}.scan{position:absolute;inset:0;background:linear-gradient(transparent 45%,#68edee12 50%,transparent 55%);background-size:100% 80px;animation:scan 4s linear infinite}@keyframes scan{to{background-position:0 320px}}.cardtop{font:9px var(--mono);letter-spacing:.14em}.cardtop b{float:right;color:var(--amber)}.diamond{font-size:52px;color:var(--cyan);margin:45px 0 15px}.card h3{font-size:31px;margin:0}.card>p{color:#aab6b4;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;background:#ffffff18;gap:1px}.stats span{padding:15px 8px;background:#0a1719;font:9px var(--mono)}.stats small{display:block;color:#71817e;margin-bottom:8px;font-size:7px}.card button{width:100%;height:52px;border:0;background:var(--cyan);color:#071012;font:700 9px var(--mono);letter-spacing:.12em}.roles,.raid{min-height:120vh}.role{position:absolute;top:32%;width:33vw}.manager{left:6vw}.runner{right:5vw;text-align:right}.runner p{margin-left:auto}.toggle{position:absolute;z-index:4;left:50%;bottom:7%;transform:translateX(-50%);display:flex;border:1px solid #ffffff33}.toggle button{border:0;background:#071012cc;color:#788;padding:15px 25px;font:9px var(--mono)}.toggle .active{background:var(--fg);color:var(--bg)}.districts{background:#091315}.mapbox{padding:2vw;background:radial-gradient(circle,#132d30,#071012 70%);border:1px solid #ffffff13}.mapbox svg{width:100%;transform:rotateX(12deg)}.district{fill:#14282b;stroke:#476468;stroke-width:2;cursor:pointer;transition:.25s}.district:hover,.district.active{fill:#1d4a4c;stroke:var(--cyan);filter:drop-shadow(0 0 7px var(--cyan))}.routes path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:8 10;animation:dash 7s linear infinite}@keyframes dash{to{stroke-dashoffset:-180}}.mapbox circle{fill:var(--cyan)}.mapname{position:absolute;left:28px;bottom:25px;font-family:var(--mono)}.mapname small,.mapname strong{display:block}.mapname small{font-size:7px;color:#778}.mapname strong{margin-top:7px;color:var(--cyan)}.value{border-top:1px solid #68edee33;margin-top:40px;padding-top:22px}.value small,.value strong,.value b{font-family:var(--mono);margin-right:14px}.value small{font-size:7px;color:#788}.value strong{font-size:27px}.value b{font-size:9px;color:var(--amber)}.value svg{width:100%;margin-top:18px}.value path{fill:none;stroke:var(--amber);stroke-width:3;filter:drop-shadow(0 0 5px var(--amber));stroke-dasharray:500;stroke-dashoffset:500}.in-view .value path{animation:draw 2s forwards}@keyframes draw{to{stroke-dashoffset:0}}.raidcopy{position:absolute;left:7vw;top:30%;max-width:720px}.count{display:flex;align-items:center;gap:16px;margin-top:35px}.count b{font:62px var(--mono);color:var(--cyan)}.count span{font:8px/1.6 var(--mono)}.finale{display:grid;place-items:center;text-align:center}.finale .bg{filter:brightness(.55);background-position:left}.finale .shade{background:#07101288}.finalcopy{max-width:850px;padding:14vh 5vw}.finalcopy .mark{margin:0 auto 30px;width:58px;height:66px;font-size:28px}.finalcopy>p{margin:0 auto}.finalcopy form{display:flex;max-width:540px;margin:45px auto 15px;border-bottom:1px solid #68edee55}.finalcopy input{flex:1;background:none;border:0;outline:0;color:white;padding:17px;font:9px var(--mono)}.finalcopy button{border:0;background:none;color:var(--cyan);font:9px var(--mono)}.finalcopy>small{font:7px var(--mono);color:#788}.finale footer{position:absolute;bottom:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:7px var(--mono);color:#788}.reveal{opacity:0;transform:translateY(40px);transition:1s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){header{height:66px}header nav,header>a:last-child,.progress{display:none}.copy{padding:24vh 7vw}h1{font-size:15vw}.quest,.districts{padding:14vh 6vw 8vh}.grid{grid-template-columns:1fr}.card{max-width:430px;margin:auto}.roles{min-height:145vh}.roles .bg{background-position:63%}.role{width:75vw}.manager{top:22%;left:7vw}.runner{top:62%;right:7vw}.market{order:-1}.raid .bg{background-position:65%}.raidcopy{left:7vw;right:7vw}.finalcopy form{display:block;border:0}.finalcopy input{width:100%;border-bottom:1px solid #68edee55;text-align:center}.finalcopy button{padding:20px}.finale footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.scan,.routes path{animation:none}.parallax{transform:none!important}.reveal{opacity:1;transform:none;transition:none}}