@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;900;1000&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#28382e;background:#f6f3ea;font-synthesis:none;--red:#d94a35;--green:#2e4936;--ink:#28382e;--cream:#f6f3ea}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d94a35;outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:default}svg{display:block}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.site-header{max-width:1312px;margin:0 auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd0}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:-.5px;line-height:1.3}.brand strong{font-weight:1000}.brand small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:700;margin-top:5px}.brand-icon{display:grid;place-items:center;width:43px;height:46px;border-radius:12px 12px 12px 3px;background:var(--red);color:#fff9e7;font-size:43px;font-weight:900;line-height:1}.header-actions{display:flex;align-items:center;gap:27px}.little-label{font-size:10px;letter-spacing:1.4px;font-weight:700;display:flex;align-items:center;gap:8px}.little-label i,.game-footer i{width:6px;height:6px;display:inline-block;border-radius:100%;background:#71926c}.icon-button{width:39px;height:39px;border:1px solid #dadbce;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.icon-button:hover{background:#eae9df}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main{max-width:1216px;margin:0 auto;padding:48px 0 34px;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.intro{padding-left:0}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:25px;white-space:nowrap}.tiny-bike{font-size:18px;color:var(--red)}h1{position:relative;font-size:clamp(54px,5.8vw,82px);font-weight:900;line-height:1.02;letter-spacing:-5px;margin:0 0 25px}h1 em{font-style:normal;color:var(--red)}.title-spark{position:absolute;width:52px;height:52px;left:290px;bottom:15px;fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;transform:rotate(-10deg)}.intro-copy{font-size:15px;line-height:1.85;color:#6b7368;margin:0 0 31px}.instructions{border-top:1px solid #deded2;padding-top:23px;max-width:390px}.instructions h2{font-size:9px;letter-spacing:1.6px;font-weight:800;margin:0 0 21px;color:#727b6c}.instruction{display:flex;gap:15px;align-items:center;margin-bottom:20px}.instruction-icon{width:45px;min-width:45px;height:40px;display:grid;place-items:center;background:#edecdf;border-radius:10px}.instruction-icon svg{width:28px;height:28px}.instruction strong{display:block;font-size:12px;font-weight:750}.instruction small{display:block;font-size:11px;margin-top:4px;color:#7b7d70}.keys{display:flex;align-items:center;justify-content:center;gap:3px}.keys kbd{width:18px;height:21px;background:#fffdf3;border:1px solid #d5d7c5;border-bottom-width:3px;display:grid;place-items:center;border-radius:4px;font-size:12px}.coin-icon{font-size:29px;color:#ad7c25;background:#f4e9cb}.record-card{max-width:390px;display:flex;align-items:center;gap:15px;background:#efeee3;border:1px solid #e3e3d5;border-radius:12px;padding:16px 18px;margin-top:27px}.trophy{width:32px;height:36px;color:#a68b4a}.trophy svg{width:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.record-card div>span{display:block;font-size:8px;letter-spacing:1.3px;color:#727869;font-weight:800}.record-card strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:800;margin-top:3px}.record-card strong small{font-size:11px;font-weight:500;letter-spacing:0;color:#7d8371}.record-note{margin-left:auto;font-size:10px;line-height:1.6;color:#858775;text-align:right}.mobile-tip{font-size:10px;color:#929385;margin-top:18px}.mobile-tip>span{font-size:17px;margin-right:6px}
.game-section{min-width:0}.game-frame{overflow:hidden;position:relative;border:1px solid #d5d8c7;background:#fffdf3;border-radius:18px;box-shadow:0 6px 0 #dedfcf,0 22px 50px -25px #35412e30}.hud{height:74px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#fdfbef;gap:12px;border-bottom:1px solid #dce0c7}.hud-score>span{display:block;font-size:8px;letter-spacing:1.8px;color:#899078;font-weight:800}.hud-score strong{font-size:28px;line-height:1.25;letter-spacing:1px;font-variant-numeric:tabular-nums}.hud-trip{display:flex;flex-direction:column;gap:5px;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.hud-trip>span{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.hud-trip small{font-size:7px;letter-spacing:1.1px;font-weight:750;color:#869273}.hud-right{display:flex;align-items:center;gap:16px}.lives{color:var(--red);font-size:18px;letter-spacing:2px;white-space:nowrap}.lives .lost{color:#d8dbcd}.pause-button{width:29px;height:29px;border:1px solid #dce0cf;background:none;color:#5c6a53;border-radius:7px;display:grid;place-items:center}.pause-button:disabled{opacity:.4}.pause-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:2.5}.playfield{position:relative;isolation:isolate;aspect-ratio:600/605;overflow:hidden;background:#b7d4a0}canvas{display:block;width:100%;height:100%;touch-action:none}.route-label{position:absolute;top:17px;left:18px;display:flex;align-items:center;gap:7px;color:#53644b;font-size:7px;font-weight:800;letter-spacing:1px;border:1px solid #e3e9cba0;padding:6px 9px;border-radius:20px;background:#f6f7dfb8;pointer-events:none}.route-label>span:first-child{font-size:13px}.route-dot{display:inline-block;width:4px;height:4px;background:#6b8c54;border-radius:50%;margin-left:3px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:91px;pointer-events:none}.overlay-card{position:relative;width:calc(100% - 98px);max-width:378px;text-align:center;padding:29px 24px 20px;background:#fffdf1f5;box-shadow:0 8px 0 #31432d0c,0 13px 35px #2a412523;border:1px solid #fffef8;border-radius:17px;pointer-events:auto}.overlay-eyebrow{display:block;font-size:7px;letter-spacing:1.8px;color:#9a957d;font-weight:800}.overlay-card h2{font-size:25px;letter-spacing:-1px;line-height:1.2;margin:13px 0 10px;font-weight:850}.overlay-card p{font-size:11px;color:#82846e;line-height:1.7;margin:0 0 19px}.start-button{padding:14px 21px;width:100%;background:var(--red);color:#fffeee;border:0;border-bottom:4px solid #ae3829;border-radius:9px;font-size:14px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:21px;transition:background .15s,transform .15s}.start-button:hover{background:#c83e2b;transform:translateY(-1px)}.start-button:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.start-button>span{font-size:23px;line-height:1}.start-hint{display:block;margin-top:12px;font-size:8px;color:#a09d85}.steer-controls{position:absolute;bottom:21px;left:20px;right:20px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.steer-button{pointer-events:auto;background:#fffdefe8;backdrop-filter:blur(8px);border:1px solid #fffef7;box-shadow:0 4px 0 #4b62452b;border-radius:13px;width:58px;height:50px;color:#39523b;display:grid;place-items:center;transition:transform .1s,background .1s;touch-action:none;user-select:none}.steer-button:hover{background:#fffef7}.steer-button:active,.steer-button.pressed{transform:translateY(3px);background:#e8eccf;box-shadow:0 1px 0 #4b62452b}.steer-button svg{width:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bike-caption{font-size:6px;letter-spacing:1.3px;color:#f4f1df;display:flex;gap:5px;align-items:center;padding-bottom:6px;text-shadow:0 1px 3px #3e4c36}.bike-caption span{font-size:14px;color:#f8dc8e}.game-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 19px;font-size:7px;font-weight:650;letter-spacing:.7px;color:#828c73;background:#fdfbef}.game-footer>span{display:flex;align-items:center;gap:6px}.game-footer kbd{font-family:inherit;font-size:8px;color:#6d7b60;border:1px solid #d8ddc9;border-bottom-width:2px;border-radius:3px;padding:1px 4px;min-width:17px;text-align:center}.footer-separator{color:#c4c8b3;margin:0 4px}.below-game{font-size:10px;color:#8a907d;text-align:center;margin-top:19px;letter-spacing:.1px}.below-game>span{color:#929e72;font-size:16px;margin-right:4px}.toast{position:absolute;top:25%;left:50%;transform:translate(-50%,-8px);padding:10px 17px;background:#fffcefe8;color:#394c31;border:1px solid #fffdf5;border-radius:24px;font-size:12px;font-weight:800;opacity:0;transition:opacity .15s,transform .2s;pointer-events:none;white-space:nowrap;box-shadow:0 3px 14px #3a542024}.toast.visible{opacity:1;transform:translate(-50%,0)}.result{font-size:35px;font-weight:900;letter-spacing:-1px;margin:-3px 0 17px;color:var(--red)}.result small{display:block;font-size:10px;letter-spacing:.2px;font-weight:550;color:#899078;margin-top:5px}.game-frame.is-playing .route-label{opacity:.7}.game-frame.is-paused .overlay,.game-frame.is-over .overlay{background:#334a302e;backdrop-filter:blur(3px)}.game-frame.is-over .overlay,.game-frame.is-paused .overlay{align-items:center;padding-top:0}.game-frame.hit{animation:hit .3s}.site-footer{max-width:1216px;margin:0 auto;padding:23px 0 26px;border-top:1px solid #deded3;display:flex;justify-content:space-between;color:#929483;font-size:8px;letter-spacing:1px}.site-footer>span:last-child{letter-spacing:.1px}.site-footer>span:last-child>span{color:var(--red);font-size:17px;margin-left:8px}
.toast{display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);white-space:normal;text-align:center;justify-content:center}.toast img{width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid #f4e9c6}.toast span{line-height:1.5}
.route-picker{display:flex;gap:6px;margin:0 0 16px;padding:4px;background:#efefdf;border-radius:8px}.route-option{flex:1;font-size:9px;font-weight:700;padding:9px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:#7b846c;white-space:nowrap}.route-option.selected{background:#fffdf0;color:#394f36;border-color:#dfdfcd;box-shadow:0 1px 3px #2c3d2710}.route-option:hover{color:#d94a35}
@keyframes hit{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}70%{transform:translateX(-3px)}}
@media(min-width:1500px){main{padding-top:65px;padding-bottom:48px}.playfield{aspect-ratio:600/650}}
@media(max-width:1300px){.site-header{margin:0 36px;padding:25px 0}main{padding:40px 42px 30px;gap:45px}.site-footer{margin:0 42px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:72px}.title-spark{left:255px}.overlay{padding-top:75px}.overlay-card{width:calc(100% - 70px)}}
@media(max-width:1050px){main{gap:30px;padding-left:30px;padding-right:30px}.site-header{margin:0 30px}.eyebrow{letter-spacing:.8px;font-size:7px}h1{font-size:64px;letter-spacing:-3.8px}.title-spark{left:220px;width:45px}.intro-copy{font-size:13px}.instruction strong{font-size:11px}.instruction small{font-size:10px}.instruction{gap:10px}.hud{padding:0 15px;height:65px}.hud-right{gap:8px}.hud-trip small{font-size:6px}.lives{font-size:15px}.overlay-card{width:calc(100% - 45px);padding:23px 18px 17px}.overlay-card h2{font-size:23px}.overlay{padding-top:68px}.game-footer{font-size:6px;padding:11px 12px}.playfield{aspect-ratio:600/680}.site-footer{margin:0 30px}.record-card{padding:13px}}
@media(max-width:760px){.site-header{padding:17px 0;margin:0 22px}.brand{font-size:13px;gap:9px}.brand-icon{width:35px;height:38px;border-radius:10px 10px 10px 3px;font-size:35px}.brand small{font-size:6px;letter-spacing:1.2px}.little-label{display:none}.icon-button{width:35px;height:35px}main{display:flex;flex-direction:column;gap:23px;padding:28px 20px 17px}.intro{width:100%;max-width:520px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px}h1{font-size:48px;line-height:1;letter-spacing:-2.5px;margin-bottom:15px}h1 br:first-child{display:none}h1 br:first-child:after{content:' '}.title-spark{left:270px;width:34px;height:34px;bottom:5px}.intro-copy{font-size:12px;line-height:1.7;margin:0}.intro-copy br{display:none}.instructions,.record-card,.mobile-tip{display:none}.game-section{width:100%;max-width:520px}.playfield{height:clamp(440px,67dvh,650px);aspect-ratio:auto}.game-frame{border-radius:15px}.hud{height:62px;padding:0 17px}.hud-score strong{font-size:24px}.hud-trip small{font-size:6px}.hud-right{gap:14px}.lives{font-size:17px}.route-label{top:14px;left:14px;font-size:6px}.overlay{padding-top:76px}.overlay-card{width:calc(100% - 64px);max-width:340px;padding:24px 21px 18px}.overlay-card h2{font-size:25px}.overlay-card p{font-size:11px}.steer-controls{bottom:20px;left:17px;right:17px}.steer-button{width:60px;height:52px}.bike-caption{font-size:5px;letter-spacing:1px}.game-footer{font-size:6px;padding:12px 15px}.below-game{font-size:9px;margin:17px 0 4px}.site-footer{margin:0 22px;padding:18px 0;font-size:6px;letter-spacing:.7px;gap:15px}.site-footer>span:last-child{max-width:140px;text-align:right}.footer-separator{margin:0}.start-hint{font-size:8px}}
@media(max-width:760px){h1{font-size:44px;max-width:360px}h1 br{display:none}.title-spark{left:auto;right:15px;bottom:4px}.game-frame{scroll-margin-top:12px}.overlay{padding-top:40px}.overlay-card{padding:20px 18px 16px}.overlay-card h2{font-size:21px;letter-spacing:-.8px}.route-option{font-size:8px;padding:8px 3px}}
@media(max-width:370px){h1{font-size:40px}.title-spark{right:10px;left:auto;width:27px}.overlay-card{width:calc(100% - 35px)}.hud-right{gap:7px}.hud-trip{left:49%}.game-footer{font-size:5px}.bike-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.scene-tools{position:absolute;right:14px;top:15px;display:flex;gap:6px;z-index:1}.scene-tools button{border:1px solid #ffffedb0;border-radius:20px;padding:7px 10px;background:#f8f8e5d9;color:#42604d;backdrop-filter:blur(8px);font-size:9px;font-weight:750}.scene-tools button:hover{background:#fffbea}.scene-tools button:active{transform:translateY(1px)}.scene-tools+#x{display:none}.progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#2d563b22;pointer-events:none}.progress-track>div{height:100%;background:#f5d57c;width:0;transition:width .1s linear}.install-button{border:1px solid #d8d8c6;border-radius:20px;padding:9px 13px;font-size:11px;font-weight:750;background:#ececdd;color:#3a563f}.install-button:hover{background:#e0e6ce}.install-dialog{border:1px solid #dfdfca;border-radius:20px;max-width:410px;padding:34px 30px 27px;background:#fffdf0;color:#28382e;box-shadow:0 20px 100px #20372540}.install-dialog::backdrop{background:#29453273;backdrop-filter:blur(5px)}.install-dialog h2{font-size:25px;letter-spacing:-.8px}.install-dialog p{font-size:13px;line-height:1.8}.install-dialog .install-note{font-size:11px;color:#7a846e}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px;color:#829077}.header-actions{gap:13px}.icon-button[aria-pressed=true]{color:#36543b;background:#e7ebd9}.overlay{z-index:2}.toast{z-index:3}.playfield{background:#cbdedc}.game-frame.is-paused .overlay,.game-frame.is-over .overlay{backdrop-filter:blur(2px)}
@media(max-width:760px){.scene-tools{top:48px;right:12px}.scene-tools button{font-size:8px;padding:7px 9px}.install-button{padding:8px 10px;font-size:9px}.header-actions{gap:7px}.header-actions .little-label{display:none}.header-actions .icon-button{width:30px;height:30px}.brand{font-size:11px}.brand small{font-size:5px}.install-dialog{margin:auto 18px}.game-frame{scroll-margin-top:8px}.playfield{height:clamp(420px,67dvh,650px)}}
@media(display-mode:standalone){.site-header{padding-top:max(17px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
.share-button{border:0;background:none;color:#506a46;font-size:10px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.share-dialog{text-align:center;max-height:calc(100dvh - 30px);overflow:auto}.share-dialog h2{font-size:23px;margin-bottom:14px}.share-qr{display:block;margin:0 auto 12px;max-width:100%;height:auto;border:1px solid #e6e4d5;border-radius:10px}.share-url{display:block;color:#d94a35;font-size:21px;font-weight:850;letter-spacing:-.6px}.qr-download{display:inline-block;font-size:11px;font-weight:700;color:#4d6944;text-decoration:underline;text-underline-offset:4px;margin-top:4px}.share-status{font-size:10px!important;min-height:15px;margin:8px 0!important;color:#657f4e}.site-footer{align-items:center;gap:12px}@media(max-width:760px){.site-footer{flex-wrap:wrap}.share-button{font-size:9px}.share-dialog h2{font-size:21px}.share-qr{width:190px}}