@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#203c3e;background:#c3d9d9;font-synthesis:none;--ink:#203c3e;--accent:#e87851;--cream:#fff9ef;--edge:clamp(24px,4.4vw,76px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.hidden{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none}#lake{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(244,242,222,.22),transparent 24%,transparent 70%,rgba(9,43,48,.16));z-index:1}.topbar{position:absolute;top:max(32px,env(safe-area-inset-top));left:var(--edge);right:var(--edge);display:flex;align-items:flex-start;justify-content:space-between;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:4px;font-weight:750}.wordmark svg{width:37px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.wordmark small{font-size:8px;letter-spacing:2.5px;font-weight:600;display:block;margin-top:6px}.top-actions{display:flex;gap:9px}.icon-button{width:40px;height:40px;border:1px solid #25494c35;background:#ecf2e626;border-radius:50%;display:grid;place-items:center;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button:hover{background:#ffffff70}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted{opacity:.5}.icon-button.muted:after{content:"";position:absolute;width:22px;height:1px;background:currentColor;transform:rotate(-45deg)}.intro{position:absolute;top:27%;left:var(--edge);z-index:3;animation:arrive 1s ease both}.location{font-size:10px;letter-spacing:2.2px;font-weight:650;display:flex;gap:10px;align-items:center}.location span{width:6px;height:6px;background:var(--accent);border-radius:50%}.location i{font-style:normal;opacity:.45}h1{font-family:Manrope,sans-serif;font-size:clamp(64px,6.5vw,108px);line-height:1.05;letter-spacing:-6px;font-weight:500;margin:23px 0 25px}h1 em{font-style:normal;color:#e47750}p{font-size:15px;line-height:1.8;color:#365257;margin:0 0 30px}.primary{border:0;background:var(--accent);color:#fffaf0;border-radius:4px;min-height:54px;min-width:192px;padding:0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:600;letter-spacing:.25px;box-shadow:0 6px 18px #713f1620;transition:background .2s,transform .2s}.primary:hover{background:#d96843;transform:translateY(-2px)}.primary span{font-size:23px;font-weight:400}.quick-guide{display:flex;gap:20px;margin-top:27px;font-size:10px;color:#345355}.quick-guide>span{display:flex;align-items:center;gap:7px}.quick-guide svg{width:16px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.key{border:1px solid #34535555;border-radius:3px;padding:3px 5px;font-size:7px;letter-spacing:.7px}.touch-label{display:none}.lake-label{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:var(--edge);z-index:2;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:2px;color:#e3eeeb;text-shadow:0 1px 8px #18494d70}.lake-label>span{border:1px solid #d9e8e378;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:8px;letter-spacing:0}.scoreboard{position:absolute;left:50%;top:-3px;transform:translate(-50%);display:flex;align-items:center;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:650}.scoreboard strong{font-family:Manrope,sans-serif;font-size:45px;line-height:1.25;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.scoreboard #best{font-size:9px;letter-spacing:1.6px;opacity:.55;margin-top:2px}.ride-status{position:absolute;left:50%;top:160px;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:2px;white-space:nowrap;z-index:2}.ride-status>span:first-child{height:5px;width:5px;border-radius:50%;background:currentColor}.combo{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;color:#fbfff5;opacity:0;transition:opacity .4s;text-shadow:0 2px 20px #133f4055;z-index:2}.combo.active{opacity:1}.combo>span:first-child{font-size:8px;letter-spacing:2.7px}.combo strong{display:block;font-family:Manrope,sans-serif;font-size:36px;font-weight:500;line-height:1.4}#combo-progress{width:76px;height:2px;background:#ffffff38;overflow:hidden;margin:auto}#combo-progress i{display:block;width:0;height:100%;background:#f9f5db}.tick{position:absolute;left:calc(100% + 12px);top:23px;font-size:17px;color:#fff0bd;white-space:nowrap;opacity:0}.tick.pop{animation:tick .85s ease-out}.balance-target{position:absolute;left:50%;top:54%;width:112px;height:112px;transform:translate(-50%,-50%);pointer-events:none;z-index:4;opacity:.55;transition:opacity .2s}.target-ring{position:absolute;inset:0;border:1px solid #f3ffef88;border-radius:50%}.target-ring:after{content:"";position:absolute;inset:38px;border:1px solid #f3ffef66;border-radius:50%}.target-axis{position:absolute;background:#f2fff056}.axis-x{left:7px;right:7px;top:50%;height:1px}.axis-y{top:7px;bottom:7px;left:50%;width:1px}#balance-dot{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;background:#fffce8;border-radius:50%;box-shadow:0 0 15px #e9facc80}.balance-target.held{opacity:1}.ride-hint{position:absolute;left:50%;top:calc(54% + 76px);transform:translate(-50%);color:#f1f6df;text-align:center;font-size:11px;letter-spacing:.25px;text-shadow:0 1px 10px #17414f;white-space:nowrap;pointer-events:none;transition:opacity 1s;z-index:2}.ride-hint span{display:block;margin-top:7px;font-size:9px;opacity:.7;letter-spacing:.6px}.telemetry{position:absolute;left:var(--edge);bottom:70px;display:flex;align-items:center;gap:27px;color:#f1f6e8;z-index:2}.telemetry>div{display:flex;flex-direction:column;gap:7px}.telemetry strong{font-family:Manrope,sans-serif;font-size:32px;line-height:1;font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}.telemetry span:not(.telemetry-line){font-size:8px;letter-spacing:1.6px;opacity:.7}.telemetry-line{height:36px;width:1px;background:#e9f5e33a}.altimeter{position:absolute;bottom:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#eef2e7;z-index:2}.altimeter>span{font-size:7px;letter-spacing:1.7px;opacity:.75}.height-track{position:relative;width:95px;height:3px;background:#eef2e733}.height-track:before{content:"";position:absolute;left:23%;width:57%;height:3px;background:#f0f4c955}#height-level{position:absolute;left:0;top:-3px;width:3px;height:9px;background:#fff7dc}.height-track b{position:absolute;right:0;height:3px;width:14%;background:#e7785188}.trigger-wrap{position:absolute;right:var(--edge);bottom:max(38px,env(safe-area-inset-bottom));z-index:6;display:flex;align-items:center;flex-direction:column;gap:15px}#trigger{width:96px;height:96px;border:1px solid #fff7df8c;border-radius:50%;background:#e77851;box-shadow:0 0 0 7px #dbece61a,0 8px 25px #143c3f20;color:#fff9e7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:none;transition:transform .12s,box-shadow .12s}#trigger svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}#trigger span{font-size:8px;font-weight:600;letter-spacing:2px}#trigger.active{transform:scale(.94);background:#ef8e60;box-shadow:0 0 0 10px #edb47d30,0 0 40px #ffbb6940}.trigger-caption{font-size:8px;letter-spacing:1.5px;color:#f0f5e6}.warning{position:absolute;bottom:22%;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:30px;background:#f3e1bded;color:#82492d;font-size:10px;font-weight:650;letter-spacing:1.4px;z-index:7;opacity:0;transition:opacity .2s;white-space:nowrap}.warning.visible{opacity:1}.overlay{position:absolute;inset:0;background:#d8e3d84d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:10;animation:arrive .6s ease both}.result-card{text-align:center;padding:35px 24px}.result-card h2{font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,65px);font-weight:500;letter-spacing:-2px;margin:14px 0}.result-card p{font-size:13px;margin-bottom:24px}.result-stats{display:flex;justify-content:center;gap:45px;margin:28px 0 36px}.result-stats>div{display:flex;flex-direction:column;gap:7px}.result-stats strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.result-stats span{font-size:8px;letter-spacing:1.8px}.result-card .primary{min-width:220px}.text-button{display:block;margin:20px auto 0;border:0;background:transparent;color:var(--ink);font-size:11px}.loading{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;background:#dce6dc;font-size:12px;letter-spacing:1px}.loader{width:18px;height:18px;border:1px solid #294b4b33;border-top-color:#e87851;border-radius:50%;animation:spin 1s linear infinite}body.playing .lake-label{display:none}body.playing .wordmark small{opacity:.65}body.crashed .balance-target,body.crashed .ride-hint{opacity:0!important}body.crashed .trigger-wrap{pointer-events:none;opacity:.3}.flash{animation:flash .6s ease-out}.score-bump{animation:score-bump .3s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tick{0%{opacity:0;transform:translateY(5px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes score-bump{40%{color:#c96943;scale:1.08}}@keyframes flash{0%{background:#fffa}to{background:transparent}}@media(pointer:coarse){.desktop-label,.quick-guide .key{display:none}.touch-label{display:inline}.quick-guide>span:last-child:before{content:"◉";font-size:16px}.balance-target{width:100px;height:100px}}@media(max-width:700px){:root{--edge:24px}.topbar{top:max(25px,env(safe-area-inset-top))}.wordmark{font-size:13px;letter-spacing:2.8px;gap:8px}.wordmark svg{width:27px}.wordmark small{font-size:6px;letter-spacing:1.6px}.icon-button{width:35px;height:35px}.intro{top:23%}h1{font-size:67px;letter-spacing:-4px;margin:20px 0}.location{font-size:8px;letter-spacing:1.5px}p{font-size:13px;line-height:1.65;margin-bottom:25px}.primary{min-height:50px;min-width:175px}.quick-guide{gap:15px;font-size:9px;margin-top:20px}.lake-label{font-size:7px;letter-spacing:1.4px;bottom:24px}.scoreboard{top:67px}.scoreboard strong{font-size:35px}.scoreboard .eyebrow,.scoreboard #best{font-size:7px}.ride-status{top:178px;font-size:8px}.combo{top:31%}.telemetry{bottom:54px;gap:18px}.telemetry strong{font-size:27px}.telemetry span:not(.telemetry-line){font-size:7px;letter-spacing:1px}.trigger-wrap{bottom:40px;gap:15px}#trigger{width:82px;height:82px}.trigger-caption{font-size:7px;letter-spacing:1px}.altimeter{bottom:23px}.height-track{width:65px}.altimeter>span{font-size:6px}.warning{font-size:8px;bottom:25%}.ride-hint{font-size:10px}.combo strong{font-size:31px}.combo>span:first-child{font-size:7px}}@media(max-height:550px)and (orientation:landscape){.topbar{top:20px}.intro{top:24%}h1{font-size:52px;letter-spacing:-3px;margin:12px 0}.intro p{display:none}.location{font-size:8px}.quick-guide{margin-top:15px}.lake-label{bottom:17px}.scoreboard{top:-7px}.scoreboard strong{font-size:30px}.ride-status{top:102px}.combo{top:30%;left:67%}.telemetry{bottom:40px}.trigger-wrap{bottom:27px}#trigger{width:70px;height:70px}.ride-hint{top:calc(54% + 62px)}.balance-target{width:90px;height:90px}.altimeter{bottom:23px}.warning{bottom:15%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.intro{top:auto!important;bottom:11%;left:50%;transform:translate(-50%);text-align:center;animation:none}.intro .primary{min-width:180px}.quick-guide{justify-content:center;white-space:nowrap;color:#f1f6e8}.key{border-color:#e9f5e380}.wordmark{font-size:23px;letter-spacing:-1px;font-family:Manrope,sans-serif;font-weight:650}.primary{border-radius:6px}.intro .primary span{font-size:16px}.result-card h2{font-size:40px}.intro .quick-guide{margin-top:22px}#ride-ui{pointer-events:none}.trigger-wrap,#trigger{pointer-events:auto}@media(min-width:701px)and (min-height:551px){.combo{top:26%}}#balance-dot.danger{background:#ff8057;box-shadow:0 0 16px #ff8057}.balance-target{opacity:.85}#balance-pad{--front:.16;--back:.16;--left:0;--right:0;--shift-x:0px;--shift-y:0px;position:absolute;left:50%;bottom:max(72px,env(safe-area-inset-bottom));transform:translate(-50%);width:clamp(112px,21vh,160px);aspect-ratio:1;border:1px solid #f4ffe993;border-radius:50%;background:#d9f2e716;box-shadow:inset 0 0 26px #eafbe814,0 4px 24px #092e3715;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;pointer-events:auto;cursor:grab;z-index:4;overflow:hidden;transition:border-color .15s,box-shadow .15s}#balance-pad.held{cursor:grabbing;border-color:#fbffdf;box-shadow:inset 0 0 26px #eafbe820,0 0 0 5px #f3ffe310}.pad-pressure{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#faffdb,transparent 70%)}.pad-left{opacity:var(--left)}.pad-right{opacity:var(--right);transform:rotate(180deg)}.ghost-feet{position:absolute;inset:0;width:100%;height:100%;fill:#f9ffdf;stroke:#ffffed;stroke-width:1;pointer-events:none;transform:translate(var(--shift-x),var(--shift-y))}.ghost-front{opacity:var(--front)}.ghost-back{opacity:var(--back)}body.crashed #balance-pad{opacity:0;pointer-events:none}.warning{bottom:calc(max(72px,env(safe-area-inset-bottom)) + clamp(112px,21vh,160px) + 16px);pointer-events:none}@media(max-width:700px)and (orientation:portrait){#balance-pad{bottom:max(102px,calc(env(safe-area-inset-bottom) + 80px))}.warning{bottom:calc(max(102px,calc(env(safe-area-inset-bottom) + 80px)) + clamp(112px,21vh,160px) + 12px)}}@media(max-height:550px)and (orientation:landscape){#balance-pad{width:100px;bottom:42px;left:72%}.warning{bottom:153px;left:72%}}@media(max-width:700px)and (orientation:portrait){.combo{top:24%}}#open-leaderboard{color:#f7ffe9;font-size:13px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}#end{overflow-y:auto;align-items:start;touch-action:pan-y;background:#dce8e2d9}#end .result-card{width:min(460px,100%);box-sizing:border-box;margin:auto;padding:20px 24px 28px}#end h2{font-size:30px;margin:4px 0 12px}#end .result-stats{margin:12px 0 16px;gap:42px}#end .result-stats strong{font-size:28px}.leaderboard{text-align:left;color:#234c4c;font-size:13px;min-width:0}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #244e4b28;padding-bottom:8px;margin-bottom:12px}.leaderboard h3{margin:0;font-size:17px;font-weight:650;letter-spacing:-.3px}.leaderboard-refresh,.leaderboard-close{border:0;background:transparent;color:inherit;min-width:40px;min-height:40px;font-size:23px;cursor:pointer}#score-form{display:flex;gap:8px}#player-name{min-width:0;width:100%;border:1px solid #264b4b40;background:#f7fcf4;color:#214343;border-radius:6px;padding:11px 12px;font:inherit;font-size:16px;touch-action:manipulation}#save-score{white-space:nowrap;border:0;border-radius:6px;background:#244c4c;color:#f5f8eb;padding:10px 14px;font:inherit;font-weight:600}#save-score:disabled{opacity:.55;cursor:default}#leaderboard-status{font-size:12px;min-height:18px;margin:8px 0;color:#385d59}#leaderboard-rows{list-style:none;margin:0;padding:0;max-height:min(30vh,240px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#leaderboard-rows li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #204d4a15;border-radius:4px;font-variant-numeric:tabular-nums}#leaderboard-rows .rank{opacity:.65}#leaderboard-rows .rider-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboard-rows .rider-score{font-weight:650}#leaderboard-rows .is-you{background:#e4ae6b40}#leaderboard-mine{font-size:12px;text-align:center;margin:12px 0 18px;font-weight:600}#leaderboard-mine:empty{display:none}#end #restart{margin-top:16px;width:100%}#leaderboard-dialog{border:1px solid #ffffff80;border-radius:14px;background:#e5eee4;color:#234c4c;width:min(420px,calc(100% - 40px));max-height:85dvh;box-sizing:border-box;padding:24px;overflow-y:auto;touch-action:pan-y}#leaderboard-dialog::backdrop{background:#173d4666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leaderboard-close{display:block;margin:-12px -10px 0 auto}#leaderboard-dialog #leaderboard-rows{max-height:50dvh}#player-name:focus-visible,#save-score:focus-visible,.leaderboard button:focus-visible{outline:2px solid #b3613e;outline-offset:3px}@media(max-height:550px){#end .result-card{padding-top:12px;padding-bottom:16px}#leaderboard-rows{max-height:140px}#end h2{font-size:25px}}
