@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,800;0,900;1,900&family=DM+Mono:wght@400;500&display=swap";:root{--acid:#dfff2f;--ink:#07131b;--mist:#e9f5f3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:#fff;font-family:DM Mono,monospace}button{font:inherit}#world{position:absolute;inset:0;width:100%;height:100%;display:block}.intro,.finish{position:absolute;inset:0;z-index:10;display:flex;align-items:center;padding:clamp(28px,7vw,110px);background:linear-gradient(90deg,#030e14e0,#030e1480 40%,#030e1408 75%);transition:opacity .8s,visibility .8s}.intro.is-hidden,.finish{opacity:0;visibility:hidden;pointer-events:none}.finish.is-visible{opacity:1;visibility:visible;pointer-events:auto}.intro__wash{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(110deg,transparent 0 9px,rgba(255,255,255,.08) 10px 11px);mix-blend-mode:overlay}.intro__content{position:relative;width:min(650px,80vw)}.eyebrow{margin:0 0 22px;color:var(--acid);font-size:11px;letter-spacing:.28em;text-transform:uppercase}h1,h2{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(92px,16vw,230px);line-height:.68;letter-spacing:-.07em;margin:0;text-transform:uppercase;text-shadow:0 10px 60px rgba(0,0,0,.28)}h1 i,h2 i{color:var(--acid);font-style:italic}.lede{max-width:420px;line-height:1.8;color:#ffffffb3;font-size:12px;margin:38px 0 28px}.ride-btn{width:240px;height:62px;border:0;background:var(--acid);color:var(--ink);padding:0 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,0 100%);transition:transform .2s,filter .2s}.ride-btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.ride-btn b{font-size:24px}.warning{font-size:8px;opacity:.38;margin-top:18px;letter-spacing:.1em;text-transform:uppercase}.intro__side{position:absolute;right:5vw;bottom:7vw;display:flex;flex-direction:column;align-items:flex-end}.intro__side span{font:800 clamp(42px,7vw,100px)/1 "Barlow Condensed"}.intro__side small{color:var(--acid);letter-spacing:.2em}.hud{position:absolute;inset:0;z-index:5;padding:25px 30px;opacity:0;transition:opacity .5s;pointer-events:none}.hud.is-visible{opacity:1}.hud__top{display:flex;align-items:center;justify-content:space-between}.brand{font:900 21px/1 Barlow Condensed;letter-spacing:-.03em}.brand i{color:var(--acid)}.icon-btn,.controls button{pointer-events:auto;color:#fff;border:0;background:transparent;font-size:9px;letter-spacing:.1em;cursor:pointer}.icon-btn span{color:var(--acid)}.speed{position:absolute;right:30px;bottom:52px;display:flex;align-items:flex-end}.speed strong{font:800 clamp(70px,10vw,120px)/.7 "Barlow Condensed";letter-spacing:-.07em}.speed span{color:var(--acid);font-size:9px;margin-left:10px}.gforce{position:absolute;left:30px;top:45%;width:150px;display:grid;grid-template-columns:1fr 35px;gap:7px;align-items:center;font-size:8px;letter-spacing:.12em}.gforce>div{grid-row:2;height:2px;background:#fff3}.gforce>div i{display:block;height:100%;width:0;background:var(--acid);transition:width .1s}.gforce strong{grid-row:2;font-size:11px}.progress{position:absolute;left:30px;right:30px;bottom:25px;height:1px;background:#ffffff2e}.progress i{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 8px var(--acid)}.controls{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:24px;font-size:8px;opacity:.65}kbd{border:1px solid rgba(255,255,255,.45);padding:3px 5px;margin-right:4px;font-family:inherit}.countdown{position:absolute;z-index:8;inset:0;display:grid;place-items:center;font:900 min(40vw,350px)/1 "Barlow Condensed";color:var(--acid);pointer-events:none;text-shadow:0 0 60px rgba(223,255,47,.3)}.vignette{pointer-events:none;position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 140px 30px #0000008c}.speedlines{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 3deg,rgba(255,255,255,.06) 3.1deg 3.25deg);-webkit-mask-image:radial-gradient(circle,transparent 0 20%,black 75%);mask-image:radial-gradient(circle,transparent 0 20%,black 75%);transition:opacity .3s}.lens{position:absolute;z-index:6;inset:0;pointer-events:none;overflow:hidden}.drop{position:absolute;border-radius:50% 50% 45% 55%;background:radial-gradient(circle at 35% 30%,#fffc,#a0e6ff4d 25%,#ffffff0d 60%);box-shadow:inset -2px -3px 5px #003c5a4d,0 1px 3px #fff6;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:drip 2.6s ease-in forwards}@keyframes drip{0%{transform:translateY(-30px) scale(.5);opacity:0}10%{opacity:.85}70%{transform:translateY(25vh) scale(1)}to{transform:translateY(110vh) scale(.65);opacity:0}}.finish{justify-content:center;text-align:center;background:#030e14c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column}.finish h2{font-size:clamp(75px,12vw,150px);line-height:.78}.finish__stats{display:flex;gap:60px;margin:40px 0}.finish__stats span{font-size:10px;display:flex;flex-direction:column;color:var(--acid)}.finish__stats b{font:800 46px/1 Barlow Condensed;color:#fff}.finish__stats small{margin-top:5px}.finish .ride-btn{margin:auto}@media(max-width:700px){.intro{align-items:flex-end;padding:36px 24px 80px}.intro__side{top:30px;bottom:auto}.lede{margin:30px 0 20px}.gforce{top:30%;left:20px}.hud{padding:20px}.speed{right:20px}.controls span{display:none}.controls{left:20px;transform:none}.progress{left:20px;right:20px}.finish__stats{gap:30px}}@media(prefers-reduced-motion:reduce){.speedlines{display:none}.drop{animation-duration:5s}}