@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin-wght.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/ibm-plex-mono-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--bg:#0e1530;--ink:#eef0f7;--mute:#9aa3c0;--panel:#121a36;--edge:#2a3460;--acc:#e8c84a;--acc-ink:#1b1b1b;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--top:calc(14px + env(safe-area-inset-top,0px));color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--display);overflow:hidden}[hidden]{display:none!important}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{inset:var(--top) var(--gutter-r) auto var(--gutter-l);z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed}.hud-id{gap:2px;min-width:0;display:grid}.hud-id b{letter-spacing:-.01em;font-size:clamp(18px,2.4vw,26px);font-weight:750}.hud-id span{font:400 12px var(--mono);color:var(--mute)}.hud-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill{font:500 12px var(--mono);color:var(--ink);background:var(--panel);border:1px solid var(--edge);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;min-height:44px;padding:9px 14px;text-decoration:none;display:inline-flex}.pill:disabled{opacity:.6;cursor:wait}.pill:focus-visible{outline:2px solid var(--acc);outline-offset:2px}#plain{z-index:9;background:var(--bg);padding-block:calc(28px + env(safe-area-inset-top,0px)) 48px;padding-inline:var(--gutter-l) var(--gutter-r);display:none;position:fixed;inset:0;overflow:auto}#plain[data-open]{display:block}.plain-in{gap:28px;max-width:760px;margin:0 auto;display:grid}.plain-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plain-note{font:400 13px/1.5 var(--mono);color:var(--mute);margin:0}#plain h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,6vw,54px);font-weight:750;line-height:1}.plain-intro{font:400 15px/1.6 var(--mono);margin:-16px 0 0}#plain section{border-top:1px solid var(--edge);padding-top:16px}#plain h2{margin:0;font-size:22px}#plain:focus{outline:none}.stop-kicker{font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--acc);margin:0}.stop-body{font:400 14px/1.6 var(--mono)}.stop-body ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.stop-body strong{font-family:var(--display);font-size:16px;font-weight:700}.stop-body a{color:var(--acc)}#plain section .stop-body{margin-top:12px}.board-ui{z-index:4;pointer-events:none;position:fixed;inset:0}.board-hit{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute}.board-bar{pointer-events:auto;opacity:0;align-items:center;gap:6px;transition:opacity .3s ease-out;display:flex;position:absolute;container-type:inline-size}.board-ui[data-ready] .board-bar{opacity:1}.board-count{background:color-mix(in srgb, var(--panel) 88%, transparent);text-align:center;min-width:6ch;font:500 13px var(--mono);white-space:nowrap;color:var(--ink);border-radius:999px;padding:6px 8px}@container (width<=340px){.board-count{display:none}}.board-cta{white-space:nowrap;background:var(--acc);min-height:44px;color:var(--acc-ink);font:700 14px/1.2 var(--display);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;margin-left:auto;padding:10px 18px;box-shadow:0 6px 24px #0007}.board-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.board-ui[data-still] .board-bar{transition:none}@media (prefers-reduced-motion:reduce){.board-bar{transition:none}}[data-board-up] [data-minimap]{visibility:hidden}.pill-icon{justify-content:center;width:44px;padding:0}.pill-icon[aria-expanded=true]{border-color:var(--acc)}.settings{z-index:7;top:calc(var(--top) + 60px);right:var(--gutter-r);width:min(380px,100vw - 32px);max-height:calc(100% - var(--top) - 76px);overscroll-behavior:contain;border:1px solid var(--edge);background:color-mix(in srgb, var(--panel) 96%, transparent);pointer-events:auto;overflow-wrap:break-word;border-radius:16px;align-content:start;gap:14px;padding:14px 16px 18px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0008}.settings:focus{outline:none}.settings-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings h2{letter-spacing:-.01em;margin:0;font-size:20px}.settings fieldset{border:0;min-width:0;margin:0;padding:0}.settings legend,.settings-label,.tunes summary{font:500 12px/1.4 var(--mono);color:var(--mute);margin-bottom:6px;padding:0}.seg-row{flex-wrap:wrap;gap:6px;display:flex}.seg-row label{flex:auto;position:relative}.seg-row input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-row span{border:1px solid var(--edge);min-height:44px;font:500 12px/1.2 var(--mono);text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:flex}.seg-row input:checked+span{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}.seg-row input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}.seg-row input:disabled+span{opacity:.6}.seg-row small{font:400 10px var(--mono);color:var(--acc)}.settings-note{font:400 11px/1.5 var(--mono);color:var(--mute);margin:6px 0 0}.settings-switch{min-height:44px;color:var(--ink);font:500 13px var(--mono);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 4px 0 0;display:flex}.settings-switch i{border:1px solid var(--edge);background:var(--bg);border-radius:13px;width:44px;height:26px;transition:background-color .15s;position:relative}.settings-switch i:after{content:"";background:var(--mute);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.settings-switch[aria-pressed=true] i{background:color-mix(in srgb, var(--acc) 30%, var(--bg));border-color:var(--acc)}.settings-switch[aria-pressed=true] i:after{background:var(--acc);transform:translate(18px)}.settings-switch:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.settings-switch:disabled{opacity:.6;cursor:wait}.settings-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-links .settings-label{flex-basis:100%;margin:0}.tunes{border-top:1px solid var(--edge);padding-top:12px}.tunes summary{cursor:pointer;min-height:32px;color:var(--ink);align-items:center;font-size:13px;display:flex}.tunes[open]{gap:12px;display:grid}.tune-group{gap:8px;margin-top:14px;display:grid}.tune{font:400 12px/1.3 var(--mono);grid-template-columns:1fr auto;gap:2px 8px;display:grid}.tune output{color:var(--acc)}.tune input[type=range]{width:100%;accent-color:var(--acc);grid-column:1/-1;height:28px;margin:0}@media (pointer:fine){.touch-only{display:none}}@media (prefers-reduced-motion:reduce){.settings-switch i,.settings-switch i:after{transition:none}}.board-hit{touch-action:pan-y}.board-link{pointer-events:auto;min-height:44px;color:var(--acc);font:500 16px var(--mono);text-underline-offset:4px;align-items:center;display:flex;position:absolute}.board-link:focus-visible{outline:2px solid var(--ink)}.board-ui[data-fallback][data-details]{background:var(--panel);border:2px solid var(--acc);pointer-events:auto;padding:16px;inset:18% 5% 24%;overflow:auto}.board-ui[data-fallback] .board-hit{display:none}.board-ui[data-fallback] .board-bar,.board-ui[data-fallback] .board-link{width:auto;position:static}.board-ui[data-fallback][data-details] [data-board-sr]{clip-path:none;white-space:normal;width:auto;height:auto;margin:16px 0;position:static}.board-ui[data-details] .board-count{min-width:4ch;padding-inline:4px;display:inline}.board-ui[data-fallback]:not([data-details]) .board-bar{width:auto;position:absolute;inset:auto 5% 24% auto}.board-ui[data-fallback]:not([data-details]) [data-board-prev],.board-ui[data-fallback]:not([data-details]) [data-board-next],.board-ui[data-fallback]:not([data-details]) .board-count{display:none}
