@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;1,600;1,800&family=DM+Mono&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#eaf3f7;--muted:#94a6af;--accent:#19c2ec;--hot:#ff4d5c;--panel:#101b25}*{box-sizing:border-box}body{margin:0;background:#071019;color:var(--ink);font-family:Manrope,Arial;overflow:hidden}.screen{display:none;min-height:100dvh;padding:24px 5vw;position:relative;overflow:hidden}.screen.active{display:block}button{font:inherit;border:0;cursor:pointer;color:inherit}.hero{background:radial-gradient(ellipse at 68% 46%,#25456a 0,#122333 24%,#071019 67%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(114deg,transparent 0 60px,rgba(255,255,255,.025) 61px 62px);opacity:.7}.brand{position:relative;font-family:'Barlow Condensed';font-size:28px;font-weight:800;letter-spacing:2px}.brand .mark{color:var(--accent);font-size:21px}.brand em{color:var(--accent);font-style:normal}.hero-copy{position:absolute;z-index:2;top:18%;left:8%;max-width:470px}.eyebrow{font:600 12px 'DM Mono';letter-spacing:2px;color:var(--accent);margin:0 0 10px}h1,h2,h3{font-family:'Barlow Condensed';text-transform:uppercase;margin:0}h1{font-size:clamp(68px,11vw,150px);line-height:.78;letter-spacing:-3px}h2{font-size:clamp(40px,5vw,72px);line-height:.9;letter-spacing:-1px}h1 i,h2 i{color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:280px;color:#b5c8d0;font-size:14px;line-height:1.7;margin:22px 0}.primary{position:relative;z-index:2;background:var(--accent);color:#041119;font-weight:800;letter-spacing:.5px;padding:15px 19px;min-width:185px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);transition:.2s}.primary:hover{background:#8de4f6;transform:translateY(-2px)}.primary b{float:right;font-size:18px;margin-left:22px}.hero-bike{position:absolute;right:8%;bottom:12%;width:min(52vw,740px);height:44vh;filter:drop-shadow(0 30px 18px #0008)}.bike-art{--bike:#1685df;--trim:#e5eff5;position:relative;width:100%;height:100%}.bike-art:before,.bike-art:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,#222 0 30%,#9db3bf 32% 36%,#071019 38% 62%,#313d44 64% 68%,#05090b 70%);width:27%;aspect-ratio:1;bottom:7%}.bike-art:before{left:10%}.bike-art:after{right:8%}.bike-art span,.bike-art i,.bike-art b{position:absolute;display:block}.bike-art span{width:57%;height:28%;left:22%;bottom:31%;border-radius:45% 21% 10% 25%;background:linear-gradient(150deg,var(--bike) 0 39%,var(--trim) 40% 54%,#101820 55%);transform:skewX(-12deg);box-shadow:inset -10px -9px #0004}.bike-art i{width:36%;height:20%;right:11%;bottom:46%;background:linear-gradient(140deg,#0e151b 28%,var(--bike) 29% 76%,#eef7fa 77%);clip-path:polygon(13% 0,100% 20%,78% 100%,0 76%)}.bike-art b{width:26%;height:13%;left:19%;bottom:51%;background:#0a0e12;border-radius:60% 15% 20% 30%;transform:rotate(-12deg)}.sport span{border-radius:36% 6% 18% 30%}.hero-stats{position:absolute;bottom:5%;left:8%;display:flex;gap:42px;font:11px 'DM Mono';color:var(--muted)}.hero-stats strong{display:block;font:700 30px 'Barlow Condensed';color:#fff}header{display:flex;align-items:center;justify-content:space-between}.small{font-size:20px}.back,.icon,.pause{width:40px;height:40px;background:#162633;color:#d5eaf1;font-size:22px}.selection,.garage-wrap{max-width:1150px;margin:8vh auto 0}.bike-cards,.route-cards{display:flex;gap:12px;margin:25px 0}.bike-card{width:132px;height:90px;text-align:left;padding:10px;background:#12222e;border-bottom:3px solid transparent;color:#a6bac3;transition:.2s}.bike-card.active{color:#fff;border-color:var(--accent);background:#193649}.bike-card b{display:block;font:700 21px 'Barlow Condensed';color:inherit}.bike-card small{font:10px 'DM Mono'}.selected-bike{display:grid;grid-template-columns:1.25fr .75fr;min-height:365px;background:linear-gradient(110deg,#102a3c,#0a151d)}.showcase{position:relative;min-height:340px;background:radial-gradient(ellipse at center,#275a7a,#112636 36%,transparent 68%)}.showcase:after{content:"";position:absolute;inset:auto 13% 12% 13%;height:9px;background:#060b0e;border-radius:50%;filter:blur(7px)}#showBike{width:78%;height:82%;position:absolute;left:8%;top:7%;z-index:1}.specs{padding:52px 35px;background:#0d1a23}.specs h3,.garage-bike h3{font-size:42px;line-height:.9;margin-bottom:25px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:32px}.spec-grid span,.tune-stat span{font:10px 'DM Mono';color:var(--muted)}.spec-grid strong,.tune-stat strong{display:block;color:#fff;font:700 20px 'Barlow Condensed';margin-top:5px}.routes{max-width:1040px}.route-cards{display:grid;grid-template-columns:repeat(4,1fr)}.route-card{height:210px;padding:20px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b6e91,#0b1f2e);border-bottom:4px solid transparent}.route-card:nth-child(2){background:linear-gradient(145deg,#ed9a5d,#1b6a91)}.route-card:nth-child(3){background:linear-gradient(145deg,#5b9f6c,#1a4b3b)}.route-card:nth-child(4){background:linear-gradient(145deg,#45546d,#131b27)}.route-card.active{border-color:#fff}.route-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#051018e8)}.route-card b,.route-card small{position:relative;z-index:1;display:block}.route-card b{font:700 29px 'Barlow Condensed';line-height:.85}.route-card small{position:absolute;bottom:17px;font:10px 'DM Mono';color:#d3e2e6}.time-toggle{display:flex;gap:4px;margin:26px 0}.time-toggle button{font:700 12px 'DM Mono';padding:14px 20px;background:#152530;color:#83a0ab}.time-toggle .chosen{background:var(--accent);color:#041119}.wide{width:245px}.garage-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;background:#0d1922;min-height:410px}.garage-bike{padding:45px;background:radial-gradient(ellipse at center,#27435b,#11202a 55%)}#garageBike{height:220px}.garage-bike h3{font-size:38px;margin:3px 0}.garage-bike p{font:10px 'DM Mono';color:var(--muted)}.tunes{padding:45px}.tune{margin-bottom:24px}.tune label{font:12px 'DM Mono';color:#a9bac2;display:flex;justify-content:space-between}.tune label b{color:var(--accent)}input{width:100%;accent-color:var(--accent);margin-top:11px}.tune-stat{background:#152630;display:flex;justify-content:space-around;padding:14px;margin:26px 0}.game{padding:0;background:#0b1720}.game.active{display:block}#road{width:100%;height:100dvh;display:block}.game-top{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:linear-gradient(#061019b9,transparent);font:700 14px 'Barlow Condensed';letter-spacing:1px}.game-top div{text-align:center}.game-top small{display:block;font:10px 'DM Mono';color:#a6d5e1;margin-top:3px}.speedo{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);height:164px;width:300px;border-radius:150px 150px 0 0;background:linear-gradient(180deg,#142c39ee,#071017f2);border:1px solid #4a7687;overflow:hidden}.arc{position:absolute;width:260px;height:260px;border:11px solid #19c2ec;border-color:#19c2ec #19c2ec transparent transparent;border-radius:50%;top:28px;left:19px;transform:rotate(-45deg)}.speed{position:absolute;top:44px;width:100%;text-align:center}.speed strong{display:block;font:800 66px 'Barlow Condensed';line-height:.8;letter-spacing:1px}.speed span,.gear span{font:10px 'DM Mono';color:#8facb7}.gear{position:absolute;left:23px;bottom:18px;text-align:center}.gear b{display:block;font:700 32px 'Barlow Condensed'}.rpm{position:absolute;right:20px;bottom:26px;display:flex;align-items:end;height:33px;gap:3px}.rpm i{display:block;width:4px;height:13px;background:#4c7580}.rpm i.active{background:var(--hot);height:30px}.controls{position:absolute;bottom:27px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 5vw;align-items:end}.controls button{width:70px;height:70px;border-radius:50%;background:#152b38cc;border:1px solid #6a99a9;color:#cfe4e8;font:700 13px 'Barlow Condensed';touch-action:none}.controls #left,.controls #right{font-size:42px;line-height:0}.controls #throttle{background:#168dabcc;border-color:#7ce8ff}.countdown{display:none;position:absolute;inset:0;place-items:center;font:800 160px 'Barlow Condensed';background:#06101855}.finish{background:radial-gradient(ellipse at 50% 35%,#24587a,#071019 67%);padding-top:34px;text-align:center}.finish .brand{text-align:left}.finish .eyebrow{margin-top:13vh}.finish h2{font-size:70px}.finish-num{font:800 100px 'Barlow Condensed';color:var(--accent);margin-top:25px}.finish-num small{font-size:25px}.results{display:flex;justify-content:center;gap:40px;margin:15px 0 35px}.results span{font:10px 'DM Mono';color:var(--muted)}.results b{display:block;color:white;font:700 21px 'Barlow Condensed';margin-top:4px}@media(max-width:700px){.screen{padding:18px 20px}.hero-copy{left:8%;top:15%}.hero-bike{right:-15%;bottom:19%;width:118vw;height:32vh}.hero-stats{bottom:7%;gap:24px}.hero-stats strong{font-size:25px}.selection,.garage-wrap{margin-top:6vh}.bike-cards{overflow:auto;margin-right:-20px}.bike-card{min-width:124px}.selected-bike,.garage-grid{grid-template-columns:1fr}.showcase{min-height:260px}.specs{padding:28px 25px}.specs h3{font-size:36px}.route-cards{grid-template-columns:1fr 1fr}.route-card{height:150px}.garage-bike{padding:25px}.tunes{padding:28px}.game-top{padding:15px 18px}.speedo{transform:translateX(-50%) scale(.82);transform-origin:bottom}.controls{padding:0 16px;bottom:20px}.controls button{width:58px;height:58px}.controls #left,.controls #right{font-size:32px}.controls #brake{margin-right:auto;margin-left:9px}.controls #throttle{margin-left:9px}.finish h2{font-size:57px}}