@charset "UTF-8";
:root{color-scheme:dark;--ink:#142b2d;--paper:#f4f2df;--lime:#cdf568;--muted:#a0b4ae;--line:#34494a;--red:#bc583e;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 30%,#1b3939 0,transparent 50%);min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--lime)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{width:20px;height:20px}.site-header,main{max-width:1420px;margin:0 auto;padding-left:52px;padding-right:52px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand>b,.brand b{color:var(--lime)}.brand small{display:block;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:2.4px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #658374;border-radius:50%;color:var(--lime)}.brand-mark svg{width:37px;height:34px;stroke-width:2}.back-link{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:500;color:#c2d0c7}.back-link span{color:var(--lime);font-size:24px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 0 30px;gap:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:11px;color:#c5d0bb}.edition{border:1px solid #62756a;padding:3px 5px;margin-left:5px;font-size:8px;letter-spacing:1px;border-radius:3px;color:var(--muted)}.aland-flag{display:inline-block;position:relative;flex-shrink:0;width:28px;height:18px;background:#2468a4;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}.aland-flag:before,.aland-flag:after{content:"";position:absolute;background:#f4cf49}.aland-flag:before{top:7px;left:0;width:100%;height:5px;border-top:1.5px solid #f4cf49;border-bottom:1.5px solid #f4cf49;background:#c54532}.aland-flag:after{top:0;left:9px;width:5px;height:100%;background:linear-gradient(90deg,#f4cf49 0 28%,#c54532 28% 72%,#f4cf49 72%)}h1{font-size:clamp(35px,4.85vw,70px);font-family:Impact,"Arial Narrow",Arial,sans-serif;line-height:1.04;letter-spacing:.4px;font-weight:900;margin:15px 0 0}h1 em{font-style:normal;color:var(--lime)}.title-dot{color:var(--lime)}.intro>p{font-size:12px;line-height:1.75;color:#e0e4d2;margin:0 0 4px}.intro>p span{color:var(--muted)}.arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px;align-items:stretch}.game-shell{overflow:hidden;border:1px solid #577066;border-radius:12px;background:#183333;box-shadow:0 18px 55px #06161738}.dashboard{height:74px;padding:0 23px;display:flex;align-items:center;gap:32px;background:#193133;border-bottom:1px solid #456059}.time-block,.best-block{display:flex;flex-direction:column;gap:3px}.stat-label{font-size:8px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}.time-value{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px}.time-value b{font-size:30px;line-height:1;letter-spacing:-1.2px}.time-value small{font-size:13px;color:#b1c2b7}.best-block strong{font-size:16px;color:var(--lime);font-variant-numeric:tabular-nums}.dashboard-actions{display:flex;gap:4px;margin-left:auto}.icon-button{width:40px;height:42px;border:0;border-radius:6px;background:transparent;color:#c1d3bd;display:grid;place-items:center}.icon-button:hover:not(:disabled){background:#344f48;color:var(--lime)}.icon-button[aria-pressed=true]{color:var(--lime)}.stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.88;background:#c9e6df}.stage canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.ready-overlay{justify-content:flex-end;padding-right:7%;pointer-events:none}.start-card{width:315px;padding:27px 28px 24px;border-radius:9px;background:#f6f4e6ef;color:var(--ink);box-shadow:0 8px 0 #163c2510,0 14px 35px #264b3119;pointer-events:auto;border:1px solid #ffffffad}.small-caps{display:block;font-size:8px;font-weight:800;letter-spacing:1.65px}.start-card .small-caps{color:#527362}.start-card h2,.dialog-card h2{font-size:37px;font-weight:850;line-height:1.01;letter-spacing:-1.6px;margin:14px 0 13px}.start-card p,.dialog-card>p{font-size:12px;line-height:1.65;color:#537063;margin:0 0 19px}.button{border:0;border-radius:5px;min-height:46px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.7px;transition:background .12s,transform .12s}.button.primary{background:var(--lime);color:#1a322a;width:100%;border:1px solid #b1d854;box-shadow:0 3px 0 #83aa46}.button.primary:hover{background:#ddff92;transform:translateY(-1px)}.button.primary:active{transform:translateY(2px);box-shadow:none}.button span{margin-left:auto;font-size:22px;line-height:1}.start-hint{display:block;text-align:center;font-size:9px;color:#597263;margin-top:15px}.road-status{display:flex;align-items:center;justify-content:space-between;gap:8px;height:35px;padding:0 23px;background:#263e33;border-top:1px solid #6f875438;color:#d4eab3;letter-spacing:1.2px;font-size:8px}.road-status>div{display:flex;align-items:center;gap:8px}.pace-dot{width:5px;height:5px;background:var(--lime);border-radius:50%}#pace-number{color:#b0c398;white-space:nowrap}.controls-bar{min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:10px 23px;gap:14px;font-size:10px;color:#bac9bc}kbd{font:700 8px Arial,sans-serif;color:#d5dfcc;letter-spacing:1px;border:1px solid #5a7167;border-bottom:2px solid #5a7167;padding:5px 7px;border-radius:3px;margin-right:7px}.control-separator{margin:0 7px;color:#6e8a7a}.controls-note{font-size:9px;color:#9db19f}.jump-button{display:none;touch-action:none}.leaderboard{background:#1b3334;border:1px solid #3b5450;border-radius:12px;padding:24px 22px 20px;display:flex;flex-direction:column;min-width:0}.leaderboard-top{display:flex;justify-content:space-between;align-items:center;color:#a7b99f}.leaderboard-top svg{height:21px;width:21px;color:var(--lime)}.leaderboard h2{font-size:26px;letter-spacing:-1.2px;margin:12px 0 21px;line-height:1.1}.leaderboard h2>span{color:var(--lime)}.leaderboard-sub{display:flex;justify-content:space-between;align-items:center;gap:5px;padding-bottom:13px;border-bottom:1px solid #3b514b;font-size:8px;font-weight:700;letter-spacing:.8px;color:#a2b39c}#score-mode{font-size:7px;letter-spacing:.5px;color:#cdddab}.empty-scores{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:16px 0}.empty-scores h3{font-size:15px;font-weight:600;margin:20px 0 0}.empty-scores p{font-size:11px;line-height:1.7;color:#aabca9;margin:8px 0}.empty-medal{width:51px;height:51px;border:1px solid #607957;border-radius:50%;align-self:center;position:relative;color:var(--lime);background:#304b3c;display:grid;place-items:center}.empty-medal span{font-size:20px;font-weight:800;letter-spacing:-.7px}.empty-medal i{position:absolute;bottom:-10px;z-index:-1;background:#475e3f;width:12px;height:22px;left:11px;transform:rotate(16deg)}.empty-medal i:last-child{left:28px;transform:rotate(-16deg)}.score-list{list-style:none;margin:0;padding:0;flex:1}.score-list li{display:flex;align-items:center;gap:10px;height:35px;border-bottom:1px solid #304a43;font-size:11px}.score-rank{font-size:9px;font-weight:700;color:#819d88;min-width:18px}.score-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e1e7d6}.score-time{margin-left:auto;color:#d5e5b9;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.score-list li:first-child .score-rank,.score-list li:first-child .score-time{color:var(--lime)}.score-list li.is-new{background:#cdf5680e}.leaderboard-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid #3b514b;padding-top:16px;margin-top:18px}.leaderboard-bottom .aland-flag{width:23px;height:15px}.leaderboard-bottom p{font-size:9px;color:#a2b59c;line-height:1.6;margin:0}.score-notice{font-size:10px;color:#b7c8a9;line-height:1.6;margin-top:10px}.score-notice:empty{display:none}.refresh-button{color:var(--lime);font-size:11px;background:none;border:1px solid #5f7954;border-radius:4px;min-height:40px;margin-top:10px}.ride-notes{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;margin:30px 0 36px}.ride-notes>div{display:flex;align-items:flex-start;gap:13px}.note-number{font-size:10px;color:#839877;padding-top:4px}.ride-notes p{display:flex;flex-direction:column;gap:8px;margin:0}.ride-notes strong{font-size:12px;font-weight:600;color:#d6dfc9}.ride-notes p>span{font-size:10px;color:#9fb19c;line-height:1.5}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:21px 0 30px;gap:15px;font-size:8px;letter-spacing:1.3px;color:#8fa28f}.footer-dot{padding:0 10px;color:var(--lime)}.dim-overlay{background:#132d3470;backdrop-filter:blur(3px);z-index:5}.dialog-card{background:var(--paper);border:1px solid #ffffff87;color:var(--ink);border-radius:10px;width:360px;padding:25px 28px;box-shadow:0 18px 50px #0f202757}.dialog-card>.small-caps{color:#67805d}.result-card h2{font-size:28px;margin:9px 0 0}.result-time{display:flex;align-items:baseline;gap:8px;margin:6px 0}.result-time strong{font-size:57px;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.05}.result-time>span{font-size:12px;color:#597164}.dialog-card>p.crash-reason{font-size:10px;margin:5px 0 12px}#score-form label{font-size:10px;font-weight:700;display:block;margin:0 0 7px}.name-row{display:flex;gap:6px}.name-row input{min-width:0;flex:1;border:1px solid #bbcbb0;background:#fffef5;border-radius:4px;padding:10px;font-size:16px;color:var(--ink);width:100%}.name-row input:focus-visible{outline-color:#577c37}.button.dark{font-size:10px;letter-spacing:0;padding:10px 12px;background:#203e36;color:#edf4d8;white-space:nowrap;box-shadow:none;min-height:42px}.dialog-card .save-status{font-size:10px;min-height:15px;margin:7px 0 9px;line-height:1.4;color:#416746}.save-status.is-error{color:#ad432f}.dialog-card .button.primary{min-height:43px}.pause-card{width:300px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.game-shell:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}.game-shell:fullscreen .stage{flex:1;aspect-ratio:auto;min-height:0}.game-shell:fullscreen .controls-bar{justify-content:center}.game-shell:fullscreen .controls-note{display:none}.game-shell:fullscreen .ready-overlay{padding-right:15%}.embedded .site-header{display:none}.embedded .intro{padding-top:25px}.embedded footer{display:none}.embedded main{padding-top:0;padding-bottom:15px}
@media(min-width:1500px){.stage{aspect-ratio:1.9}}
@media(max-width:1150px){.site-header,main{padding-left:30px;padding-right:30px}.arcade-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.leaderboard{padding:20px 18px}.stage{aspect-ratio:1.62}.start-card{width:280px;padding:24px}.start-card h2{font-size:33px}.ready-overlay{padding-right:5%}.intro>p{font-size:11px}.controls-note{display:none}.dashboard{padding:0 18px}.ride-notes{gap:20px}.leaderboard h2{font-size:23px}.result-card{padding:19px 23px;width:330px}.result-time strong{font-size:49px}}
@media(max-width:850px){.arcade-layout{grid-template-columns:1fr}.stage{aspect-ratio:1.88}.intro{align-items:center}.intro>p{display:none}h1{font-size:clamp(38px,7.5vw,68px)}.leaderboard{padding:22px}.empty-scores{min-height:135px}.empty-medal{width:38px;height:38px}.empty-medal span{font-size:16px}.empty-scores h3{margin-top:14px}.leaderboard h2{margin:8px 0 15px}.leaderboard-bottom{margin-top:15px}.leaderboard-sub{padding-bottom:12px}.ride-notes{gap:18px;grid-template-columns:1fr 1fr}.ride-notes>div:last-child{display:none}.score-list li{height:38px}.result-card{padding:20px 24px}.leaderboard-top{float:none}}
@media(max-width:520px){.site-header,main{padding-left:17px;padding-right:17px}.site-header{height:83px}.brand{font-size:18px;gap:9px}.brand-mark{width:37px;height:37px}.brand-mark svg{width:29px;height:29px}.brand small{font-size:6px;letter-spacing:1.8px}.back-link{font-size:0;gap:0}.back-link span{font-size:25px}.intro{padding:26px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}.eyebrow .aland-flag{width:23px;height:15px}.edition{font-size:7px;margin-left:2px}h1{font-size:clamp(30px,8.8vw,46px);margin-top:13px;letter-spacing:-.2px;white-space:nowrap}.game-shell{border-radius:10px}.dashboard{height:68px;gap:22px;padding:0 15px}.dashboard-actions{gap:0}.icon-button{width:35px;height:44px}.stat-label{font-size:7px;letter-spacing:1.2px}.time-value b{font-size:27px}.best-block strong{font-size:15px}.stage{height:354px;aspect-ratio:auto}.ready-overlay{justify-content:center;padding:14px 17px 28px}.start-card{padding:23px;width:260px;background:#f6f4e6ed}.start-card h2{font-size:31px}.start-card p{font-size:11px;margin-bottom:15px}.start-hint{font-size:8px;margin-top:13px}.start-card .small-caps{font-size:7px}.road-status{height:33px;padding:0 15px;font-size:7px;letter-spacing:.8px}.controls-bar{padding:11px 13px;min-height:73px}.desktop-controls{display:none}.jump-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;border:1px solid #60804e;border-bottom:3px solid #537941;background:#2e4a38;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--lime)}.jump-button:active:not(:disabled){background:#4c673e;transform:translateY(1px)}.jump-button>span{font-size:22px}.jump-button:disabled{opacity:.5}.ride-notes{margin:25px 0 27px;grid-template-columns:1fr;gap:20px}.ride-notes>div:last-child{display:flex}.ride-notes p{gap:6px}.ride-notes strong{font-size:11px}.ride-notes p>span{font-size:10px}.note-number{padding-top:2px;font-size:9px}footer{font-size:7px;line-height:1.8;gap:10px;flex-direction:column;padding:17px 0 22px}.leaderboard{padding:21px;margin-top:1px}.leaderboard h2{font-size:25px}.dialog-card.result-card{padding:18px 20px;width:295px}.result-card h2{font-size:27px}.result-time strong{font-size:48px}.result-card .small-caps{font-size:7px}.result-card .button.primary{font-size:10px}.result-card .save-status{margin-bottom:8px}.name-row input{font-size:16px;padding:8px}.game-shell:fullscreen .ready-overlay{padding:20px}.game-shell:fullscreen .stage{height:auto}.embedded .intro{padding-top:18px}}
@media(max-width:350px){.site-header,main{padding-left:11px;padding-right:11px}.dashboard{gap:13px;padding:0 10px}.icon-button{width:32px}.stage{height:345px}.dialog-card.result-card{padding:17px;width:270px}.start-card{width:249px}.road-status{font-size:6.5px}.leaderboard{padding:18px}}
@media(pointer:coarse) and (min-width:521px){.controls-bar{justify-content:center}.jump-button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 34px;gap:12px;background:#2e4a38;color:var(--lime);border:1px solid #60804e;border-radius:5px;font-size:12px;font-weight:700}.desktop-controls{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.dim-overlay{backdrop-filter:none}}
.stage{min-height:380px}
@media(max-width:520px){.stage{min-height:354px}}
@media(max-width:350px){.stage{min-height:345px}}
@media(min-width:521px){.icon-button{min-width:44px}}
@media(max-width:520px){.dashboard{gap:12px}.icon-button{width:44px;height:44px}}
.game-shell:fullscreen .overlay{position:fixed;inset:0;z-index:30}
.environment-tag{position:absolute;right:21px;top:20px;padding:5px 7px;font-size:8px;font-weight:800;letter-spacing:1px;color:#244e43;background:#edf1d7b8;border-radius:4px;pointer-events:none}
.ride-power{position:absolute;top:43px;left:21px;display:flex;gap:7px;align-items:center;pointer-events:none}
#lives-count{color:#d8fa80;background:#1d433de8;font-size:12px;font-weight:800;padding:5px 8px;border:1px solid #d8fa8040;border-radius:5px}
#shield-status{color:#a5f0f1;background:#173d44e8;border:1px solid #a5f0f150;font-size:9px;font-weight:700;padding:6px 8px;border-radius:5px}
.pickup-tip{display:block;text-align:center;font-size:9px;color:#50735d;margin-top:11px}.pickup-tip b{color:#426e42;font-size:13px}.pickup-tip span{margin:0 6px}

@media(max-width:520px){.environment-tag{top:12px;right:12px;font-size:6.5px;letter-spacing:.4px}.ride-power{top:36px;left:12px}.pickup-tip{font-size:8px;margin-top:10px}.start-card{padding-top:19px;padding-bottom:19px}}

/* The outer viewport enters native fullscreen; the inner shell can rotate independently. */
.game-viewport{min-width:0;display:flex;position:relative}.game-viewport>.game-shell{width:100%}
.display-button{min-width:54px;width:54px;height:46px;display:flex;flex-direction:column;justify-content:center;gap:2px}.display-button svg{width:19px;height:19px}.display-button span{font-size:7px;line-height:1.2;white-space:nowrap}
html.ride-expanded,html.ride-expanded body{overflow:hidden;overscroll-behavior:none}
.game-viewport.is-immersive{position:fixed;inset:0;width:var(--view-width,100vw);height:var(--view-height,100dvh);z-index:2147483000;background:#10282a;display:block;border:0;overflow:hidden}
.game-viewport:fullscreen,.game-viewport:-webkit-full-screen{background:#10282a}
.is-immersive>.game-shell{position:absolute;left:50%;top:50%;width:var(--game-width,100%);height:var(--game-height,100%);transform:translate(-50%,-50%);border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;padding:0}
.is-immersive.is-rotated>.game-shell{transform:translate(-50%,-50%) rotate(90deg)}
.is-immersive .dashboard{flex-shrink:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));z-index:20}
.is-immersive .stage{height:auto;min-height:0;aspect-ratio:auto;flex:1;display:flex;align-items:center;justify-content:center;background:#10282a}
.is-immersive canvas{flex-shrink:0;max-width:100%;max-height:100%}
.is-immersive .road-status,.is-immersive .controls-bar{flex-shrink:0}
.is-immersive .overlay{position:absolute;inset:0;padding:18px;z-index:10}.is-immersive .ready-overlay{justify-content:flex-end;padding-right:7%}
.is-immersive .dialog-card,.is-immersive .start-card{max-height:100%;overflow:auto;overscroll-behavior:contain}
.is-immersive .controls-note{display:none}.is-immersive .controls-bar{justify-content:center}
.is-compact .dashboard{position:absolute;top:0;left:0;right:0;height:52px;background:linear-gradient(#142b2df0,#142b2d99);border:0;gap:24px}
.is-compact .time-value b{font-size:25px}.is-compact .stat-label{font-size:7px}.is-compact .best-block{display:flex}.is-compact .best-block strong{font-size:14px}
.is-compact .stage{height:100%;flex:none}.is-compact .road-status{position:absolute;bottom:0;left:0;right:0;z-index:4;height:23px;pointer-events:none;background:#19372cbb}
.is-compact .controls-bar{position:absolute;bottom:30px;right:max(12px,env(safe-area-inset-right));z-index:6;min-height:44px;padding:0;background:none}
.is-compact .desktop-controls{display:none}.is-compact .jump-button{display:flex;align-items:center;justify-content:center;gap:8px;width:144px;min-height:44px;padding:8px;background:#18382bac;border:1px solid #b8d58377;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--lime)}
.is-compact .overlay{padding:59px 12px 29px}.is-compact .ready-overlay{justify-content:flex-end;padding-right:7%}
.is-compact .start-card{padding:14px 20px;width:270px}.is-compact .start-card h2{font-size:27px;margin:9px 0}.is-compact .start-card p{font-size:11px;margin-bottom:10px}.is-compact .start-hint,.is-compact .pickup-tip{display:none}.is-compact .environment-tag{top:61px;right:12px;font-size:7px}.is-compact .ride-power{top:86px;left:12px}
.is-compact .dialog-card.result-card{display:grid;grid-template-columns:1fr 1.2fr;grid-template-areas:"eyebrow form" "title form" "time status" "reason retry";gap:6px 18px;width:560px;max-width:96%;padding:14px 20px;text-align:left}
.is-compact #result-eyebrow{grid-area:eyebrow;font-size:7px}.is-compact #result-title{grid-area:title;font-size:24px;margin:0}.is-compact .result-time{grid-area:time;margin:0}.is-compact .result-time strong{font-size:40px}
.is-compact #crash-reason{grid-area:reason;font-size:10px;line-height:1.35;margin:0;align-self:center}.is-compact #score-form{grid-area:form;align-self:center}.is-compact #save-status{grid-area:status;font-size:10px;margin:0;align-self:center}.is-compact #restart-button{grid-area:retry;align-self:center}
.is-compact .name-row input{min-width:0;font-size:16px}.is-compact .name-row .button{padding:10px;font-size:10px}
@media(max-width:640px){.dashboard{gap:8px;padding:0 8px}.dashboard .best-block{display:none}.dashboard-actions{gap:0}.icon-button{min-width:44px;width:44px;min-height:44px}.display-button{min-width:54px;width:54px}.is-compact .dashboard .best-block{display:flex}}
@media(max-width:520px){.is-immersive:not(.is-compact) .ready-overlay{justify-content:center;padding:18px}}

/* The dial sits inside the playfield, with room for the island HUD beside it. */
.dashboard{height:70px;display:flex;gap:24px;padding:5px 18px}.dashboard .time-block{min-width:82px}
.stage{--dial-size:176px}.stage .speedometer{position:absolute;right:calc(var(--playfield-inset,0px) + 8px);top:8px;width:var(--dial-size);height:var(--dial-size);pointer-events:none;filter:drop-shadow(0 4px 5px #17323655);z-index:2}.stage .speedometer canvas{width:100%;height:100%;display:block}.environment-tag{left:12px;right:auto;top:32px;font-size:7px}.ride-power{left:12px;top:61px;flex-wrap:wrap;max-width:calc(100% - var(--dial-size) - 30px);gap:4px;row-gap:4px}
#apple-count,#pancake-status{font-size:8px;font-weight:800;padding:6px 8px;border:1px solid #d7c77d66;border-radius:5px;color:#f7df9a;background:#344733ed}#pancake-status{color:#ffdfa0;background:#634c32ed}


.result-time{flex-wrap:wrap;column-gap:7px;row-gap:2px}.result-apples{flex-basis:100%;font-size:10px;letter-spacing:.1px;color:#42633d;margin:3px 0 5px}
.ready-overlay,.is-immersive .ready-overlay{justify-content:center;padding:12px;z-index:5}.overlay{padding:12px}.branded-card,.dialog-card.result-card.branded-card{display:grid;grid-template-columns:175px minmax(0,1fr);width:560px;max-width:100%;max-height:100%;padding:0;gap:0;overflow:auto;overscroll-behavior:contain;background:#f4f2df;grid-template-areas:none}
.brand-panel{display:flex;align-items:center;justify-content:center;min-height:0;background:radial-gradient(ellipse at 50% 30%,#4b5642,#11282b 78%);border-radius:8px 0 0 8px;overflow:hidden}.ride-logo{display:block;width:130%;max-width:none;height:auto;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.start-content,.result-content{min-width:0;padding:24px}.start-card h2{font-size:32px;margin:10px 0 12px}.start-card p{font-size:11px;margin-bottom:16px}.start-hint{margin-top:13px}.pickup-tip{line-height:1.6;font-size:9px}.result-content h2{font-size:27px;margin:8px 0 4px}.result-content .crash-reason{font-size:10px;line-height:1.5;margin:6px 0 12px;color:#537063}.result-time strong{font-size:47px}.result-content .save-status:empty{min-height:0;margin:8px 0}.result-content .small-caps{color:#537063}
.is-compact .dashboard{position:relative;height:58px;display:flex;gap:18px;padding:4px 12px;background:#193133}.is-compact .stage{height:auto;flex:1;min-height:0;--dial-size:144px}.is-compact .overlay{padding:8px 12px 29px}.is-compact .environment-tag{top:28px;left:12px;right:auto}.is-compact .ride-power{top:53px;left:12px}
.is-compact .branded-card{grid-template-columns:150px minmax(0,1fr);width:540px}.is-compact .start-content{padding:14px 20px}.is-compact .start-card h2{font-size:25px}.is-compact .dialog-card.result-card.branded-card{width:730px;grid-template-columns:130px minmax(0,1fr);padding:0;gap:0;grid-template-areas:none}.is-compact .result-content{display:grid;grid-template-columns:1fr 1.2fr;grid-template-areas:"eyebrow form" "title form" "time status" "reason retry";gap:6px 14px;padding:14px 18px}.is-compact .result-content .result-apples{font-size:9px}.is-compact #crash-reason{font-size:10px}.is-compact .brand-panel{height:auto}
@media(max-width:640px){.dashboard{display:flex;height:63px;gap:6px;padding:4px 6px}.dashboard .time-block{min-width:76px;flex-direction:column;gap:3px}.dashboard .time-value b{font-size:24px}.dashboard .stat-label{font-size:7px;letter-spacing:.6px}.dashboard .dashboard-actions{margin-left:auto;gap:0}.dashboard .best-block{display:none}.stage{--dial-size:140px}.stage .speedometer{right:calc(var(--playfield-inset,0px) + 6px);top:6px}#apple-count,#pancake-status,#shield-status{font-size:7px;padding:5px 6px}.is-compact .dashboard .best-block{display:none}}
@media(max-width:520px){.branded-card,.dialog-card.result-card.branded-card{grid-template-columns:1fr;width:315px}.brand-panel{height:100px;border-radius:8px 8px 0 0}.ride-logo{height:100%;width:auto;max-width:100%;object-fit:contain;transform:scale(1.1)}.start-content{padding:12px 18px 15px}.start-card h2{font-size:27px;margin:6px 0 8px}.start-card h2 br{display:none}.start-card p{font-size:10px;margin:0 0 10px}.start-hint{display:none}.pickup-tip{font-size:8px;margin:9px 0 0}.start-card .button{min-height:43px}.result-card .brand-panel{height:70px}.result-content{padding:10px 15px 12px}.result-content h2{font-size:23px;margin:5px 0 0}.result-time strong{font-size:39px}.result-time>span{font-size:10px}.result-apples{font-size:9px}.result-content .crash-reason{font-size:9px;line-height:1.4;margin:2px 0 8px}.result-card .save-status{font-size:9px}.result-card .result-time{margin:3px 0}.overlay{padding:8px}.is-immersive:not(.is-compact) .ready-overlay{padding:8px}}
@media(max-height:370px){.is-compact .dashboard{height:54px}.is-compact .start-content{padding:10px 16px}.is-compact .result-content{padding:10px 12px;gap:4px 10px}.is-compact .result-time strong{font-size:34px}}

.is-compact .branded-card .brand-panel{height:auto;min-height:100px;border-radius:8px 0 0 8px}.is-compact .branded-card .ride-logo{width:130%;max-width:none;height:auto;transform:none}

/* Place-name overlays are removed. YouTube invitations belong to the page and menu cards. */
.stage .environment-tag{top:12px}.stage .ride-power{top:39px}.is-compact .stage .environment-tag{top:8px}.is-compact .stage .ride-power{top:34px}
.youtube-icon{display:block;flex:0 0 auto;width:36px;height:27px;stroke:none}
.youtube-header{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;color:#e4ead9}.youtube-header:hover{color:#fff}.youtube-header .youtube-icon{width:32px;height:24px}
.branded-card .youtube-card{flex-direction:column;gap:12px;padding:15px 0;min-width:0;color:#f4f2df;transition:background .15s}.youtube-card:hover{background:radial-gradient(ellipse at 50% 30%,#626449,#142d2e 78%)}.youtube-card:focus-visible{outline-offset:-4px}
.youtube-card-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 8px 2px;text-align:center;max-width:100%;line-height:1.4}.youtube-card-prompt strong{display:block;font-size:10px;letter-spacing:.55px}.youtube-card-prompt small{display:block;margin-top:5px;font-size:9px;color:#c2d0be;line-height:1.5}.youtube-card-prompt .youtube-icon{width:38px;height:29px;filter:drop-shadow(0 2px 4px #0003)}
.youtube-banner{display:flex;align-items:center;gap:20px;margin-top:22px;padding:22px 26px;min-height:100px;border:1px solid #526750;border-radius:10px;background:linear-gradient(115deg,#244139,#1a3031);color:#f4f2df}.youtube-banner:hover{border-color:#a0bb71;background:linear-gradient(115deg,#2d4b3c,#1b3334)}.youtube-banner>.youtube-icon{width:58px;height:44px}.youtube-banner-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.youtube-banner-copy strong{font-size:23px;letter-spacing:-.7px}.youtube-banner-copy>span{font-size:12px;line-height:1.5;color:#b9cbb6}.youtube-banner-action{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:12px 16px;border:1px solid #758e62;border-radius:5px;background:#142e2b;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.youtube-banner-action>span{font-size:17px;color:#d7efb8}
@media(max-width:700px){.youtube-banner{gap:14px;padding:18px}.youtube-banner-copy strong{font-size:20px}.youtube-banner-copy>span{font-size:11px}.youtube-banner-action{font-size:9px;padding:10px}}
@media(max-width:520px){
  .youtube-header{gap:7px;font-size:10px;max-width:121px;line-height:1.4}.youtube-header .youtube-icon{width:28px;height:21px}
  .branded-card .youtube-card{flex-direction:row;justify-content:center;gap:6px;padding:6px 10px;height:100px}.result-card.branded-card .youtube-card{height:82px}.branded-card .youtube-card .ride-logo{width:116px;height:88px;max-width:43%;transform:none;object-fit:contain}.result-card.branded-card .youtube-card .ride-logo{height:68px}
  .youtube-card-prompt{flex:1;align-items:flex-start;text-align:left;gap:5px;padding:0;min-width:0}.youtube-card-prompt .youtube-icon{width:32px;height:24px}.youtube-card-prompt strong{font-size:9px;letter-spacing:.25px}.youtube-card-prompt small{font-size:8px;margin-top:3px}
  .youtube-banner{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:18px;padding:18px}.youtube-banner>.youtube-icon{width:42px;height:32px}.youtube-banner-copy strong{font-size:21px}.youtube-banner-action{grid-column:1/-1;width:100%;margin:0;font-size:10px}
}
.is-compact .branded-card .youtube-card{flex-direction:column;justify-content:center;gap:5px;padding:9px 0;height:auto;min-height:155px}.is-compact .branded-card .youtube-card .ride-logo{width:130%;max-width:none;height:auto;max-height:118px;transform:none}.is-compact .youtube-card-prompt{flex:0 0 auto;align-items:center;text-align:center;gap:5px;padding:0 7px 2px}.is-compact .youtube-card-prompt .youtube-icon{width:30px;height:23px}.is-compact .youtube-card-prompt strong{font-size:8px;letter-spacing:.1px}.is-compact .youtube-card-prompt small{font-size:8px;margin-top:3px}
