@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{--yellow:#f2c426;--ink:#11130f;--cream:#f4f0df}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#5f6662}body{color:var(--cream);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,108px);background:linear-gradient(90deg,#0e100ced,#0e100c94 45%,#0e100c14 78%);transition:opacity .7s,visibility .7s}.intro.is-hidden,.finish{opacity:0;visibility:hidden;pointer-events:none}.finish.is-visible{opacity:1;visibility:visible;pointer-events:auto}.rain{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(255,255,255,.3) 15px 16px);animation:rain .35s linear infinite}@keyframes rain{to{background-position:-18px 30px}}.intro__content{position:relative;width:min(630px,84vw)}.eyebrow{margin:0 0 22px;color:var(--yellow);font-size:10px;letter-spacing:.24em}.intro h1,.finish h2{font:900 clamp(84px,15vw,220px)/.68 "Barlow Condensed";letter-spacing:-.065em;margin:0;text-transform:uppercase}.intro h1 i,.finish h2 i{color:var(--yellow);font-style:italic}.lede{max-width:455px;font-size:12px;line-height:1.8;color:#ffffffb3;margin:38px 0 26px}.ride-btn{width:235px;height:60px;border:0;background:var(--yellow);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:11px;font-weight:500;clip-path:polygon(0 0,94% 0,100% 24%,100% 100%,0 100%);transition:.2s}.ride-btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.ride-btn b{font-size:23px}.warning{font-size:8px;opacity:.35;margin-top:17px}.route-stamp{position:absolute;right:5vw;bottom:6vw;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl;font:800 clamp(22px,3vw,45px) "Barlow Condensed";color:#fff}.route-stamp i{font:400 8px DM Mono;color:var(--yellow);letter-spacing:.15em}.hud{position:absolute;z-index:5;inset:0;padding:24px 28px;opacity:0;visibility:hidden;transition:opacity .4s;pointer-events:none}.hud.is-visible{opacity:1;visibility:visible}.hud__top{display:flex;justify-content:space-between;align-items:center}.brand{font:800 18px Barlow Condensed}.brand i{color:var(--yellow)}.hud button{pointer-events:auto;border:0;background:transparent;color:#fff;font-size:9px;letter-spacing:.1em;cursor:pointer}.hud button b{color:var(--yellow)}.meter{position:absolute;left:28px;bottom:50px;background:#151912;border:3px solid #30372c;border-radius:5px;width:128px;padding:11px 12px;box-shadow:0 5px 20px #00000080}.meter small{font-size:7px;color:#aab09e}.meter strong{display:block;color:#ff583d;font:800 32px/1 Barlow Condensed;text-shadow:0 0 8px rgba(255,74,50,.5)}.meter i{display:block;font-style:normal;font-size:7px;margin-top:5px;color:#b9c4ac}.speed{position:absolute;right:27px;bottom:48px;display:flex;align-items:flex-end}.speed strong{font:800 clamp(65px,9vw,105px)/.72 "Barlow Condensed";letter-spacing:-.06em}.speed span{font-size:8px;color:var(--yellow);margin-left:8px}.location{position:absolute;top:43%;left:27px}.location small{display:block;font-size:7px;letter-spacing:.15em;color:var(--yellow)}.location strong{font:800 22px Barlow Condensed}.progress{position:absolute;bottom:22px;left:28px;right:28px;height:2px;background:#ffffff26}.progress i{display:block;width:0;height:100%;background:var(--yellow)}.controls{position:absolute;bottom:51px;left:50%;transform:translate(-50%);display:flex;gap:22px;align-items:center;font-size:8px;opacity:.75}.controls kbd{border:1px solid rgba(255,255,255,.5);padding:3px 5px;font:inherit;margin-right:4px}.dialogue{position:absolute;z-index:7;left:50%;bottom:120px;transform:translate(-50%,15px);background:#0e110ce0;border-left:3px solid var(--yellow);padding:12px 18px;min-width:260px;opacity:0;transition:.3s;pointer-events:none}.dialogue.show{opacity:1;transform:translate(-50%)}.dialogue small{display:block;color:var(--yellow);font-size:7px;letter-spacing:.2em;margin-bottom:4px}.dialogue span{font-size:11px}.vignette{position:absolute;z-index:4;inset:0;pointer-events:none;box-shadow:inset 0 0 130px 20px #0000009e}.flash{position:absolute;z-index:6;inset:0;pointer-events:none;background:#cdeeff59;opacity:0}.flash.hit{animation:hit .35s ease-out}@keyframes hit{0%{opacity:.8}to{opacity:0}}.lens{position:absolute;z-index:6;inset:0;pointer-events:none;overflow:hidden}.drop{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffd9,#b4dce140 35%,#ffffff0d);box-shadow:inset -2px -3px 4px #143c3c40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:drip 3s ease-in forwards}@keyframes drip{0%{transform:translateY(-30px);opacity:0}12%{opacity:.8}70%{transform:translateY(28vh)}to{transform:translateY(110vh);opacity:0}}.finish{justify-content:center;flex-direction:column;text-align:center;background:#0e100ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.finish h2{font-size:clamp(70px,11vw,145px);line-height:.76}.receipt{display:flex;gap:50px;margin:36px 0}.receipt span{display:flex;flex-direction:column}.receipt small{font-size:7px;color:var(--yellow);letter-spacing:.12em}.receipt b{font:800 35px Barlow Condensed}.finish .ride-btn{margin:auto}@media(max-width:700px){.intro{align-items:flex-end;padding:28px 24px 76px}.route-stamp{top:25px;bottom:auto}.intro h1{font-size:clamp(74px,26vw,120px)}.lede{margin:27px 0 20px}.hud{padding:18px}.location{left:18px;top:29%}.meter{left:18px}.speed{right:18px}.controls span{display:none}.controls{left:auto;right:18px;transform:none;bottom:132px;flex-direction:column;align-items:flex-end}.progress{left:18px;right:18px}.receipt{gap:20px}.receipt b{font-size:28px}.finish h2{font-size:20vw}}