*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#183a34;font-family:system-ui,sans-serif;color:#173a43}main{position:relative;width:100%;height:100dvh;max-width:600px;margin:auto;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;padding:9px 13px;border-radius:16px;background:linear-gradient(120deg,#153e37f2,#153e37dd);color:#fff3d5;pointer-events:none}header small{font-size:7px;letter-spacing:1.3px;font-weight:750;color:#e0dfb5}h1{font:850 19px system-ui,sans-serif;margin:3px 0;color:#fff3d5}#timer{font-size:14px;font-variant-numeric:tabular-nums;margin-right:8px}#speed-state{font-size:10px;color:#e0dfb5}#speed-state.powered{color:#ffd478}#score{display:block;font-size:11px;font-weight:700;margin-top:3px}button{border:0;border-radius:25px;padding:12px 24px;min-height:44px;background:#f3c56f;color:#17392d;font:750 16px system-ui;cursor:pointer;box-shadow:0 3px #173d31}button:focus-visible{outline:3px solid #f7bb25;outline-offset:4px}#intro{position:absolute;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));left:50%;transform:translate(-50%);white-space:nowrap}#finish{position:absolute;bottom:max(72px,calc(env(safe-area-inset-bottom) + 62px));left:6%;width:88%;padding:14px 18px;text-align:center;border-radius:18px;background:#fff9ebee;border:1px solid #fff8;box-shadow:0 8px 28px #143d3825;max-height:calc(100dvh - 90px);overflow-y:auto}#finish-message{font:800 20px/1.15 system-ui,sans-serif;color:#264e3d;margin:0 0 9px}.result-line{display:flex;justify-content:center;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:7px}#final-score{font-size:25px;font-weight:800;color:#285640;margin:0;font-variant-numeric:tabular-nums}#final-time{font-size:14px;font-weight:650;margin:0;font-variant-numeric:tabular-nums}#finish-detail{font-size:12px;line-height:1.4;margin:0 0 5px}#best-time{font-size:11px;color:#51694e;margin:0 0 10px}#replay{padding:10px 25px}#pause{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;padding:0;background:#153e37ed;color:#fff0cc;border:1px solid #ffffff44;border-radius:14px;box-shadow:none}.pause-icon{display:flex;align-items:center;justify-content:center;gap:6px}.pause-icon i{display:block;width:5px;height:20px;border-radius:2px;background:currentColor;box-shadow:0 1px #17392d55}#pause-card{position:absolute;top:35%;left:50%;transform:translate(-50%);width:210px;padding:18px;text-align:center;background:#fff9ebe8;border:1px solid #fff9;border-radius:18px;box-shadow:0 8px 30px #102f4140}#pause-title{font:800 22px system-ui,sans-serif;margin:0 0 15px}#resume{font-size:15px;padding:11px 20px}#resume:disabled{opacity:.55;cursor:default}main.paused #river{filter:blur(2px) brightness(.72)}#instruction{position:absolute;bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));width:100%;text-align:center;font-size:11px;line-height:1.5;pointer-events:none;opacity:1;transition:opacity .5s ease}#instruction.fading{opacity:0}#instruction span{display:inline-block;background:#fff9e9d9;padding:6px 12px;border-radius:14px}#fullscreen,#mute{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));font-size:11px;padding:10px 14px;background:#153e37ed;color:#fff0cc;border:1px solid #ffffff44;border-radius:14px;box-shadow:none}#fullscreen{left:14px}#mute{right:14px}#feedback{position:absolute;top:120px;left:50%;transform:translate(-50%);max-width:95%;padding:7px 12px;border-radius:18px;background:#fff6dbdf;color:#285440;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}#touch-guide{position:absolute;width:96px;height:64px;margin:-32px 0 0 -48px;border:1px solid #fff9;border-radius:50%;background:#173f4914;pointer-events:none;opacity:.7}#touch-guide:before{content:"";position:absolute;left:8px;right:8px;top:31px;border-top:1px dashed #fff9}#touch-dot{position:absolute;left:43px;top:27px;width:10px;height:10px;border-radius:50%;background:#fff9;box-shadow:0 0 0 1px #173f4955}#note{position:absolute;bottom:110px;left:8%;width:84%;text-align:center;background:#f7fff2}#note:empty{display:none}[hidden]{display:none!important}main.finished header{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(orientation:landscape){main{max-width:700px}header{top:7px;padding:6px 10px}h1{font-size:17px}#finish{left:auto;right:3%;width:51%;bottom:65px;padding:11px 14px}#finish-message{font-size:18px}#final-score{font-size:22px}.result-line{gap:10px}#feedback{top:105px}#instruction{bottom:65px}}@media(max-height:620px)and (orientation:portrait){#intro{bottom:32dvh}#finish{padding:12px 14px}#finish-message{font-size:18px}#final-score{font-size:23px}}@media(prefers-reduced-motion:reduce){#instruction{transition:none}#instruction.fading{opacity:1}}@media(orientation:landscape){#intro{left:auto;right:20px;transform:none;bottom:76px}#instruction{left:12px;width:40%;bottom:72px;font-size:10px}}#finish{top:max(16px,env(safe-area-inset-top));bottom:auto}#finish-level{display:block;font-size:11px;color:#51694e;margin-bottom:6px;font-weight:700}#next-run{font-size:11px;margin:0 0 9px;color:#51694e}#run-name{display:block;margin-top:3px;font-size:10px;color:#e0dfb5}#feedback{top:135px}@media(orientation:landscape){#finish{top:12px;bottom:auto}#feedback{top:123px}}#finish:not([hidden]){animation:result-reveal .25s ease-out both}@keyframes result-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#finish:not([hidden]){animation:none}}#mute[aria-pressed=true]{background:#edc270;color:#183a34;border-color:transparent}