:root{--sky: #f6f0d8;--ink: #23212b;--paper: #fffcf2;--accent: #e8601c;--shoes: #7a4fd0;--shoe-sole: #2b2b33;--fade: #000000;--vignette: #06060a;--chip: color-mix(in srgb, var(--paper) 80%, transparent);--gold: #e3b93b;--silver: #c3c8cf;--bronze: #d0915a;--ach-face: #1c1f24;--ach-rim: #6b7078;--ach-lit: #8dff8a;--ach-dim: #5d636c;--pad-bg: var(--sky);--pad-surface: var(--paper);--pad-ink: var(--ink);--pad-accent: var(--accent);--pad-accent-strong: color-mix(in srgb, var(--accent) 70%, var(--ink));--pad-accent-ink: var(--paper);--pad-muted: color-mix(in srgb, var(--ink) 65%, var(--paper));--pad-line: color-mix(in srgb, var(--ink) 15%, var(--paper));--pad-tile: color-mix(in srgb, var(--ink) 6%, var(--paper));--pad-radius: 16px;--pad-font: system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--sky);color:var(--ink);font-family:system-ui,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 24vmin 16vmin color-mix(in srgb,var(--vignette) 92%,transparent);opacity:0;pointer-events:none}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fade);opacity:0;pointer-events:none}#loading{position:absolute;left:50%;top:50%;width:min(240px,60vw);height:4px;transform:translate(-50%,-50%);border-radius:2px;background:color-mix(in srgb,var(--paper) 20%,transparent);overflow:hidden}#loading-bar{width:0;height:100%;background:var(--paper);transition:width .15s}#spinner{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:22px;height:22px;border:2.5px solid color-mix(in srgb,var(--paper) 20%,transparent);border-top-color:var(--paper);border-radius:50%;animation:spin .8s linear infinite}#spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){#spinner{animation-duration:2.4s}}header{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}header .right{display:flex;gap:8px;margin-left:auto}#timer{font-variant-numeric:tabular-nums}.back{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--chip);color:var(--ink);text-decoration:none;font-size:14px}.notice{position:fixed;inset:auto 16px 50% 16px;margin:0;text-align:center}.chip{margin:0;padding:6px 12px;border-radius:999px;background:var(--chip);font-size:14px}.chip[hidden]{display:none}#pause{border:0;color:var(--ink);font:inherit;font-size:14px;touch-action:manipulation}#stick{position:fixed;left:max(28px,env(safe-area-inset-left));bottom:max(36px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 25%,transparent);background:color-mix(in srgb,var(--paper) 25%,transparent);pointer-events:none}#stick[hidden]{display:none}#knob{position:absolute;left:32px;top:32px;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--ink) 35%,transparent)}#stick.sprint #knob{background:color-mix(in srgb,var(--accent) 75%,transparent)}body[data-stick=right] #stick{left:auto;right:max(28px,env(safe-area-inset-right))}body[data-stick=right] #action{right:auto;left:max(24px,env(safe-area-inset-left))}#prompt{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);white-space:nowrap;font-size:16px}#prompt.flipped{transform:translate(-50%) rotate(180deg)}kbd{padding:0 5px;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:4px;font:inherit}#action{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));width:96px;height:96px;padding:8px;border:0;border-radius:50%;background:var(--chip);box-shadow:inset 0 0 0 4px var(--accent);color:var(--ink);font:600 13px system-ui,sans-serif;touch-action:none;-webkit-touch-callout:none}#action[hidden]{display:none}#shoes{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));margin:0;padding:6px;line-height:0;pointer-events:none}#shoes svg{fill:var(--shoes)}#shoes svg .sole{fill:var(--shoe-sole)}#shoes[hidden]{display:none}#action:not([hidden])~#shoes{bottom:calc(max(36px,env(safe-area-inset-bottom)) + 108px)}#toast{position:fixed;left:50%;top:30%;transform:translate(-50%);font-size:16px;text-align:center;white-space:nowrap}#fps{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(6px,env(safe-area-inset-bottom));padding:4px 10px;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}#coords{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:calc(max(6px,env(safe-area-inset-bottom)) + 30px);padding:4px 10px;font-size:12px;font-variant-numeric:tabular-nums;white-space:pre;pointer-events:none}.card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));padding:24px;border-radius:16px;background:color-mix(in srgb,var(--paper) 90%,transparent);text-align:center;box-shadow:0 8px 32px color-mix(in srgb,var(--ink) 15%,transparent)}.card[hidden]{display:none}.card h1{margin:0 0 8px;font-size:24px}.card p{margin:0 0 12px;line-height:1.4}.small{font-size:13px;opacity:.75}#go{padding:10px 24px;border:0;border-radius:999px;background:var(--ink);color:var(--sky);font:600 16px system-ui,sans-serif;cursor:pointer}#result[hidden]{display:none}.result-time{font:600 28px system-ui,sans-serif;font-variant-numeric:tabular-nums}.medal{display:inline-block;padding:2px 10px;border-radius:999px;color:var(--ink);font-weight:600}.medal.gold{background:var(--gold)}.medal.silver{background:var(--silver)}.medal.bronze{background:var(--bronze)}.board{width:100%;margin:0 0 8px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.board[hidden]{display:none}.board td{padding:3px 4px;text-align:left}.board td:first-child,.board td:last-child{width:1%;white-space:nowrap}.board td:last-child{text-align:right}.board tr.mine{background:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:600}.board .tag{opacity:.55;font-size:12px}.card .links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 14px;margin:16px 0 0}.card .links[hidden]{display:none}.link{padding:6px 0;border:0;background:none;color:var(--pad-accent-strong);font:400 16px system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link:hover,.link:focus-visible{color:var(--ink)}#tune{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--ink) 15%,transparent);font-size:13px;-webkit-user-select:auto;user-select:auto;touch-action:auto}#tune[hidden]{display:none}.tune-grid{display:grid;grid-template-columns:1fr 110px 3.5em;gap:4px 8px;align-items:center;margin:8px 0}.tune-grid output{font-variant-numeric:tabular-nums;text-align:right}#playtest{margin-top:14px;text-align:left;font-size:13px}#playtest[hidden]{display:none}#playtest summary{cursor:pointer;font-weight:600;text-align:center}#playtest p{margin:6px 0}#playtest .row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}#playtest button,#playtest select{padding:5px 10px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:999px;background:none;color:var(--ink);font:inherit}#playtest button[aria-checked=true]{background:var(--ink);color:var(--paper)}