:root{--ink:#f2f0ec;--dim:#a8a294;--edge:#c8c0b247;--panel:#14161aeb;--panel-2:#232830;--sun:#f0c24a;--go:#63c07a;--stop:#e2705f;--font:"Avenir Next Rounded", ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#14161a;margin:0;overflow:hidden}#app{user-select:none;position:fixed;inset:0;overflow:hidden;container:stage/size}#game-canvas{touch-action:none;width:100%;height:100%;display:block}#boot-status{text-align:center;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700;position:absolute;inset:auto 0 46%}#hud{pointer-events:none;position:absolute;inset:0}.hud-top{padding:max(8px, env(safe-area-inset-top)) calc(58px + max(10px, env(safe-area-inset-right))) 0 max(10px, env(safe-area-inset-left));align-items:center;gap:8px;display:flex}.modes{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;border-radius:999px;gap:3px;padding:3px;display:flex}.modes button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:32px;padding:7px 12px;font-size:12.5px;font-weight:800}.modes button[aria-selected=true]{background:var(--panel-2);color:var(--ink)}.tally{background:var(--panel);border:1px solid var(--edge);border-radius:999px;align-items:baseline;gap:6px;margin-left:auto;padding:6px 12px;display:flex}.tally-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:800}.tally-value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.coach{text-align:center;background:var(--panel);border:1px solid var(--edge);opacity:0;border-radius:14px;max-width:min(86cqw,460px);margin:0;padding:8px 16px;font-size:14px;font-weight:700;line-height:1.35;transition:opacity .2s;position:absolute;top:30cqh;left:50%;transform:translate(-50%)}.coach.on{opacity:1}.coach.bump{color:#ffd9d1;border-color:#e2705fb3}.screen-tab{color:var(--ink);font:inherit;cursor:pointer;touch-action:none;text-shadow:0 1px 3px #000000d9;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:6px;padding:5px 5px 0;display:flex;position:absolute}.screen-tab:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.screen-name{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);background:#0c0e12b8;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800}.screen-hint{text-align:right;color:var(--dim);background:#0c0e1299;border-radius:999px;padding:3px 7px;font-size:8.5px;font-weight:700;line-height:1.2}.screen-hint:empty,.screen-tab[hidden]{display:none}.pad{height:var(--pad-h);--pad-h:clamp(124px, 27cqh, 178px);padding:0 max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.pad>*{pointer-events:auto}.wheel{touch-action:none;cursor:grab;border-radius:50%;flex:none;place-items:center;width:clamp(96px,30cqw,148px);height:clamp(96px,30cqw,148px);display:grid;position:relative}.wheel:active{cursor:grabbing}.wheel-art{width:100%;height:100%;transform:rotate(calc(var(--turn,0) * 1deg));filter:drop-shadow(0 4px 10px #00000080);transition:transform 60ms linear}.wheel-art .rim{fill:#10121673;stroke:#454c57;stroke-width:22px}.wheel-art .spokes{stroke:#454c57;stroke-width:15px;stroke-linecap:round}.wheel-art .hub{fill:#566070}.wheel:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.wheel-mark{background:var(--sun);border-radius:2px;width:4px;height:13px;position:absolute;top:2px;box-shadow:0 0 8px #f0c24a99}.wheel-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);text-align:center;pointer-events:none;font-size:8.5px;font-weight:800;line-height:1.15;position:absolute}.pedals{flex-direction:column;flex:none;gap:8px;width:clamp(96px,27cqw,132px);display:flex}.pedal{border:1px solid var(--edge);background:var(--panel);min-height:clamp(52px,8.5cqh,68px);color:var(--ink);font:inherit;cursor:pointer;touch-action:none;border-radius:16px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.pedal-arrow{color:var(--dim);font-size:15px}#go-fwd[data-on=true]{color:#10210f;background:#63c07ae6;border-color:#0000}#go-rev[data-on=true]{color:#2a2110;background:#f0c24aeb;border-color:#0000}.pedal[data-on=true] .pedal-arrow{color:inherit}.park-it{background:var(--go);color:#10210f;min-height:50px;font:inherit;cursor:pointer;border:0;border-radius:16px;align-self:center;margin-bottom:clamp(10px,3cqh,26px);padding:0 18px;font-size:15px;font-weight:900;animation:.26s ease-out rise;box-shadow:0 6px 18px #00000073}.park-it[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@container stage (height<=420px){.pad{--pad-h:clamp(104px, 30cqh, 132px)}.wheel{width:clamp(88px,22cqw,116px);height:clamp(88px,22cqw,116px)}.wheel-hint{display:none}}dialog#done,dialog#menu{border:1px solid var(--edge);color:var(--ink);background:#1b1f25;border-radius:18px;width:calc(100% - 32px);max-width:360px;padding:0}dialog::backdrop{background:#080a0eb8}.sheet{padding:20px 20px 16px}.sheet-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sun);margin:0;font-size:10px;font-weight:800}.sheet-title{margin:4px 0 14px;font-size:21px}.sheet-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--panel-2);border-radius:12px;padding:10px 4px}.stat-value{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;display:block}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:2px;font-size:9.5px;font-weight:800;display:block}.sheet-line{margin:14px 0 0;font-size:15px;font-weight:800}.sheet-note{color:var(--dim);margin:8px 0 0;font-size:12.5px;line-height:1.5}.sheet-note:empty{display:none}.sheet-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sheet-actions button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--ink);border:1px solid var(--edge);border-radius:999px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:800}.sheet-actions button.primary{background:var(--sun);color:#2a2110;border-color:#0000}.sheet-foot{color:var(--dim);margin:12px 0 0;font-size:11.5px;line-height:1.5}.field-label{margin:0 0 8px;font-size:13px;font-weight:800}.field-help{color:var(--dim);margin:8px 0 0;font-size:12px;line-height:1.5}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--dim);border:1px solid var(--edge);border-radius:999px;min-height:44px;padding:9px 13px;font-size:13px;font-weight:800}.chips button[aria-checked=true]{color:#2a2110;background:var(--sun);border-color:#0000}#cross-promo{background:var(--panel-2);color:var(--ink);border:1px solid var(--edge);border-radius:12px;margin-top:14px;padding:10px 12px;text-decoration:none;display:block}.promo-kicker{letter-spacing:.11em;text-transform:uppercase;color:var(--dim);font-size:9.5px;font-weight:800;display:block}.promo-body{margin-top:3px;font-size:12.5px;line-height:1.45;display:block}@media (prefers-reduced-motion:reduce){.wheel-art{transition:none}.park-it{animation:none}}