@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#dcff71;--ink:#17162a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#fff9e9;font-family:'DM Sans',sans-serif;overflow:hidden;touch-action:none}canvas,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(15,17,31,.94),rgba(15,17,31,.45) 42%,transparent 75%)}header{position:fixed;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font:bold 25px 'Barlow Condensed',sans-serif;background:var(--lime);color:var(--ink);padding:6px 9px;text-decoration:none;transform:skew(-6deg);display:flex;align-items:center;gap:12px}.brand span{position:absolute;left:65px;color:#fff9e9;white-space:nowrap;font:800 19px 'Barlow Condensed';letter-spacing:2px}.tools{display:flex;gap:10px}button{cursor:pointer;font:700 11px 'DM Sans';letter-spacing:1px;color:inherit;border:1px solid #ffffff38;background:#19192a75;border-radius:8px;padding:13px 16px;touch-action:manipulation}button:hover{filter:brightness(1.13)}button:focus-visible{outline:3px solid white;outline-offset:4px}.panel{position:absolute;top:50%;left:9%;transform:translateY(-48%);max-width:570px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--lime);margin-bottom:19px}h1,h2{font:900 clamp(64px,8vw,116px)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:0 0 24px}h1 span,h2 span{color:var(--lime)}.tagline{font-size:19px;font-weight:600}.description{color:#c1bbc6;font-size:13px;line-height:1.8;margin:20px 0 28px}.primary{display:flex;justify-content:space-between;align-items:center;width:290px;padding:19px 23px;background:var(--lime);color:var(--ink);font-size:13px;border:none;border-radius:6px;box-shadow:0 6px 0 #829d36}.primary span{font-size:24px;line-height:15px}.instructions{display:flex;gap:22px;font-size:9px;letter-spacing:1px;margin-top:27px;color:#e3dfdc}.desktop{font-size:10px;color:#888797;margin-top:12px}footer{position:fixed;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#c7bacb80;pointer-events:none}.score{position:fixed;left:40px;top:110px;display:flex;flex-direction:column}.score small,.result small{font-size:9px;letter-spacing:2px;color:var(--lime)}.score strong{font:800 64px 'Barlow Condensed'}.score span{font-size:8px;letter-spacing:2px}.best{position:fixed;top:112px;right:40px;font-size:10px;letter-spacing:1px}.best b{color:var(--lime)}#caption{position:fixed;bottom:17%;left:50%;transform:translateX(-50%);text-align:center;font-weight:700;font-size:clamp(15px,3vw,23px);background:#16162bd9;border-radius:10px;padding:13px 22px;opacity:0;transition:opacity .15s;pointer-events:none;max-width:90%;width:max-content}.review{font-size:17px;color:#e8d6bf;max-width:320px;line-height:1.5}.result{display:flex;gap:46px;margin:22px 0}.result div{display:flex;flex-direction:column}.result strong{font:800 44px 'Barlow Condensed'}.result span{font-size:8px;color:#aaa4b3;letter-spacing:2px}.secondary{margin-top:19px;width:290px;background:transparent}#mobileControls{position:fixed;bottom:35px;left:20px;right:20px;display:flex;justify-content:space-between}#mobileControls button{background:#151629bb;font-size:20px;min-width:65px}#mobileControls #jump{color:var(--lime);font-size:13px}[hidden]{display:none!important}body.playing .vignette{background:linear-gradient(0deg,#11152544,transparent 35%)}body.playing footer{display:none}@media(max-width:650px){header{top:18px;left:20px;right:20px}.brand span{font-size:16px}.tools button{padding:10px;font-size:9px}.panel{left:7%;right:7%;top:49%}h1,h2{font-size:78px}.tagline{font-size:16px}.description{font-size:12px}.vignette{background:linear-gradient(90deg,#121528e8,#12152877 65%,#12152833)}footer{left:20px;right:20px;bottom:16px;font-size:7px}footer span:last-child{display:none}.score{left:20px;top:85px}.score strong{font-size:48px}.best{right:20px;top:88px}.primary,.secondary{width:265px}.desktop{font-size:9px}#caption{bottom:21%}}

/* Collection feedback stays clear of the road and controls. */
#caption{top:200px;bottom:auto;font-size:16px;max-width:90vw;padding:10px 16px;border:1px solid #dcff7144}.pickupScore{position:fixed;top:108px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;text-align:center}.pickupScore small{font-size:9px;letter-spacing:2px;color:var(--lime)}.pickupScore strong{font:800 54px 'Barlow Condensed';color:var(--lime)}.pickupScore span{font-size:8px;letter-spacing:1px}.lootResult{font-size:11px;color:var(--lime);margin-top:18px;letter-spacing:1px}.lootResult>b{font:800 38px 'Barlow Condensed'}.lootResult span{display:inline-block;margin-left:18px;color:#b4adbf}@media(max-width:650px){.pickupScore{top:84px}.pickupScore strong{font-size:40px}#caption{top:175px;font-size:12px}.best{top:146px;font-size:8px}}

#gagStatus{position:fixed;top:235px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:#fff0d4;text-align:center;pointer-events:none;background:#25263b99;border-radius:6px;padding:6px 9px}#gagStatus:empty{display:none}@media(max-width:650px){#gagStatus{top:208px;font-size:9px}.tools{gap:5px}.tools button{padding:9px 7px;font-size:8px}.brand span{font-size:13px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){#caption{transition:none}}