:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#193b3b;background:#102e32}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}#game{position:relative;width:min(100vw,177.7778dvh);aspect-ratio:16/9;overflow:hidden;background:#ecebdc}#unity-canvas{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;background:#ecebdc;transition:opacity .4s ease;z-index:2}#loading.finished{opacity:0;pointer-events:none}header{text-align:center;padding:clamp(10px,2.7vw,40px) 20px 0;z-index:1}.eyebrow{font-size:clamp(8px,1vw,14px);font-weight:650;letter-spacing:.2em;color:#62847c}h1{font-size:clamp(23px,4.7vw,68px);line-height:1.05;letter-spacing:.075em;margin:12px 0 6px;font-weight:800}h1 span{color:#258777}header p{font-size:clamp(10px,1.25vw,18px);margin:0;color:#657e74}.journey{position:relative;flex:1;min-height:0;overflow:hidden;margin-top:1.5%;background:linear-gradient(#d7e7db 0%,#e7ecdb 75%)}.sun{position:absolute;left:74%;top:6%;width:5%;aspect-ratio:1;border-radius:50%;background:#eeb977;box-shadow:0 0 0 16px #eeb97718}.cloud{position:absolute;top:10%;width:12%;height:4%;background:#f5f5e7;border-radius:30px}.cloud:before{content:"";position:absolute;left:20%;bottom:0;width:50%;height:250%;background:inherit;border-radius:50%}.cloud-one{left:15%;top:15%}.cloud-two{left:64%;top:28%;opacity:.6}.hills{position:absolute;bottom:18%;width:200%;height:38%;border-radius:50% 70% 0 0;background:#afc8ab;transform:translateX(-20%)}.street{position:absolute;bottom:12%;height:90%;width:calc(100% + 900px);background:url(street.svg) repeat-x bottom left;background-size:900px auto;animation:ride 28s linear infinite}.road{position:absolute;bottom:0;width:calc(100% + 120px);height:16%;border-top:5px solid #eee8cf;background:#42615c}.road:after{content:"";position:absolute;left:0;right:0;top:58%;height:4px;background:repeating-linear-gradient(90deg,#efcb8a 0 36px,transparent 36px 120px);animation:road 1.2s linear infinite}.bike{position:absolute;width:25%;left:37.5%;bottom:2%;filter:drop-shadow(0 3px 2px #143c3212)}.bike svg{display:block;width:100%}.suspension{animation:suspension .7s ease-in-out infinite alternate}.wheel{transform-origin:var(--cx) var(--cy);animation:wheel .8s linear infinite}.district{position:absolute;left:4%;bottom:22%;font-size:clamp(7px,.9vw,12px);font-weight:650;letter-spacing:.14em;color:#f6f0db;background:#254f43;padding:6px 10px;border-radius:3px}footer{width:min(580px,72%);margin:2.3% auto 2%;text-align:center}.progress-caption{display:flex;justify-content:space-between;align-items:center;font-size:clamp(10px,1.15vw,16px);font-weight:650;margin-bottom:10px}#percent{font-variant-numeric:tabular-nums;color:#258777}#progress{height:8px;border-radius:10px;background:#d4d9c8;overflow:hidden}#fill{height:100%;width:0;background:#258777;border-radius:inherit;transition:width .18s ease}#tip{min-height:2.6em;font-size:clamp(9px,1vw,14px);line-height:1.45;color:#687e74;margin:12px 0 0}button{font:inherit;cursor:pointer;border:0;border-radius:6px;background:#258777;color:#fff;padding:10px 18px}#retry{margin-top:8px}#fullscreen{position:absolute;right:12px;bottom:12px;background:#102e32a0;font-size:24px;padding:3px 9px;z-index:1}button:focus-visible{outline:3px solid #e8ad67;outline-offset:3px}[hidden]{display:none!important}@keyframes ride{to{transform:translateX(-900px)}}@keyframes road{to{transform:translateX(-120px)}}@keyframes wheel{to{transform:rotate(360deg)}}@keyframes suspension{to{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.street,.road:after,.wheel,.suspension{animation:none}#loading,#fill{transition:none}}@media(max-height:440px){header{padding-top:8px}h1{margin-top:5px}.journey{margin-top:0}footer{margin-top:1%;margin-bottom:1%}#tip{margin-top:5px;min-height:1.5em}.progress-caption{margin-bottom:5px}}