:root{--font:"Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-12:12px;--fs-13:13px;--fs-15:15px;--fs-19:19px;--fs-24:24px;--fs-30:30px;--fs-38:38px;--fs-48:48px;--fs-60:60px;--inset:12px;--inset-top:max(var(--inset), env(safe-area-inset-top));--inset-right:max(var(--inset), env(safe-area-inset-right));--inset-bottom:max(var(--inset), env(safe-area-inset-bottom));--inset-left:max(var(--inset), env(safe-area-inset-left));--radius-card:24px;--radius-pill:999px;--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}body{color:var(--ink);font-family:var(--font);font-weight:600;font-size:var(--fs-15);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.35}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{font-weight:700;line-height:1.1}#game{z-index:0;cursor:default}#game.is-playing{cursor:crosshair}#hud{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#menu{z-index:20;overscroll-behavior:contain;background:var(--dim);transition:background-color .3s;position:fixed;inset:0;overflow:hidden auto}#menu.is-open{animation:menu-in .15s var(--ease-out) both}#menu.is-feed-paused{background:var(--dim-paused)}#modal-root{z-index:30;pointer-events:none;position:fixed;inset:0}#toast-root{top:calc(var(--inset-top) + 52px);z-index:40;position:fixed;left:50%;transform:translate(-50%)}:focus-visible{outline:3px dashed var(--focus);outline-offset:3px}:focus:not(:focus-visible){outline:none}.btn{--btn-fill:var(--quiet);--btn-rim:var(--quiet-rim);--btn-label-rim:transparent;border:3px solid var(--btn-rim);border-radius:var(--radius-pill);background:var(--btn-fill);min-width:48px;min-height:48px;box-shadow:0 4px 0 var(--btn-rim);color:#fff;font:inherit;font-size:var(--fs-19);letter-spacing:.01em;cursor:pointer;-webkit-text-stroke:4px var(--btn-label-rim);paint-order:stroke fill;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-weight:700;line-height:1;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter .12s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.05)}.btn:active:not([aria-disabled=true]){box-shadow:0 1px 0 var(--btn-rim);transform:translateY(3px)}.btn[aria-disabled=true]{cursor:default;filter:saturate(.3)brightness(1.02);opacity:.72}.btn.is-busy{cursor:progress;filter:none;opacity:1}.btn-go{--btn-fill:var(--go);--btn-rim:var(--go-rim);--btn-label-rim:var(--go-label)}.btn-act{--btn-fill:var(--act);--btn-rim:var(--act-rim);--btn-label-rim:var(--act-label)}.btn-quiet{color:var(--ink);-webkit-text-stroke:0}.btn-wide{width:100%}.btn-icon{width:40px;height:40px;color:var(--ink-soft);font:inherit;font-size:var(--fs-19);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:inline-grid}.btn-icon:hover{background:var(--quiet);color:var(--ink)}.field{border:3px solid var(--field-rim);border-radius:var(--radius-pill);background:var(--field);width:100%;min-height:52px;color:var(--ink);font:inherit;font-size:var(--fs-19);text-align:center;padding:0 20px;font-weight:600}.field::placeholder{color:var(--ink-soft);opacity:1}.spinner{border:.18em solid var(--spinner-track);border-top-color:var(--spinner-arc);vertical-align:-.15em;border-radius:50%;flex:none;width:1em;height:1em;animation:.9s linear infinite spin;display:inline-block}.spinner-lg{font-size:48px}.btn .spinner{--spinner-track:#ffffff59;--spinner-arc:#fff;font-size:.8em}.card{background:var(--card);color:var(--ink);border:3px solid var(--card-rim);border-radius:var(--radius-card);box-shadow:var(--card-shadow)}:root[data-style=sketch] .card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--card-shadow-ink);border-radius:6px;transform:rotate(-.6deg)}:root[data-style=sketch] .btn{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);-webkit-text-stroke:4px var(--ink);border-radius:14px}:root[data-style=sketch] .btn-quiet{-webkit-text-stroke:0}:root[data-style=sketch] .field{border:2px solid var(--ink);border-radius:12px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes menu-in{0%{opacity:0}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:0s!important}:root[data-motion=reduce] #menu.is-open,:root[data-motion=reduce] .modal,:root[data-motion=reduce] .toast{animation:none!important}:root[data-motion=reduce] .spinner{animation-duration:2.4s}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#22303c;--ink-soft:#5d6b78;--card:#fff;--card-rim:#d5dbe0;--card-shadow:0 24px 56px -16px #1620298c, 0 2px 0 #22303c0f;--card-shadow-ink:#2b2b2b;--dim:#161f286b;--dim-paused:#161f289e;--modal-dim:#161f284d;--field:#f1f4f6;--field-rim:#d5dbe0;--quiet:#eef2f5;--quiet-rim:#d5dbe0;--go:#3dbe5a;--go-rim:#319848;--go-label:#1e5c2c;--act:#3d6fe0;--act-rim:#3159b3;--act-label:#1f3a78;--focus:#2ea8e6;--mark:#f5c518;--spinner-track:#22303c24;--spinner-arc:#3dbe5a;--live:#3dbe5a;--hud-panel:#22303cad;--hud-ink:#fff;--hud-text-rim:#1a1a1a;--bot-tag:#fff3;--toast-bg:#22303c;--toast-ink:#fff}:root[data-style=sketch]{--ink:#2b2b2b;--ink-soft:#5b5650;--card:#fbf7ee;--card-rim:#2b2b2b;--card-shadow:none;--card-shadow-ink:#2b2b2b;--dim:#faf6ec8c;--dim-paused:#faf6ecc7;--modal-dim:#2b2b2b2e;--field:#fffdf8;--field-rim:#2b2b2b;--quiet:#f1ebdc;--quiet-rim:#2b2b2b;--spinner-track:#2b2b2b29;--spinner-arc:#2b2b2b;--hud-panel:#fbf7eeeb;--hud-ink:#2b2b2b;--hud-text-rim:#2b2b2b;--bot-tag:#2b2b2b1f;--toast-bg:#2b2b2b;--toast-ink:#fbf7ee}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6edf2;--ink-soft:#a9b6c1;--card:#1b2329;--card-rim:#2c3740;--card-shadow:0 24px 56px -16px #000000bf;--card-shadow-ink:#000;--dim:#00000080;--dim-paused:#000000b3;--modal-dim:#0006;--field:#12181d;--field-rim:#2c3740;--quiet:#26313a;--quiet-rim:#34414b;--spinner-track:#ffffff1f;--hud-panel:#0000008c;--hud-ink:#fff;--hud-text-rim:#000;--bot-tag:#ffffff29;--toast-bg:#e6edf2;--toast-ink:#121619}:root[data-theme=dark][data-style=sketch]{--ink:#e8e8e0;--ink-soft:#b9bdb2;--card:#1e2622;--card-rim:#e8e8e0;--card-shadow-ink:#0c100e;--field:#161c19;--field-rim:#e8e8e0;--quiet:#2a332e;--quiet-rim:#e8e8e0;--spinner-arc:#e8e8e0;--hud-panel:#1e2622e6;--hud-ink:#e8e8e0;--hud-text-rim:#111;--toast-bg:#e8e8e0;--toast-ink:#1e2622}.menu-layout{min-height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid}.menu-center{gap:16px;width:min(100%,400px);display:grid}.play-card{text-align:center;gap:14px;padding:30px 28px 24px;display:grid;position:relative}.play-gear{position:absolute;top:10px;right:10px}.wordmark{font-size:var(--fs-60);letter-spacing:.005em;-webkit-user-select:none;user-select:none;margin:0 0 6px;font-weight:700;line-height:1}.wm-glyphs{align-items:baseline;display:inline-flex}.wm-letter{color:var(--wm-fill);-webkit-text-stroke:6px var(--wm-rim);paint-order:stroke fill}.wm-dot{border:.06em solid var(--wm-rim);background:var(--wm-fill);border-radius:50%;width:.27em;height:.27em;margin:0 .05em 0 .04em;display:inline-block}:root[data-style=sketch] .wm-letter{-webkit-text-stroke-color:var(--ink)}:root[data-style=sketch] .wm-dot{border-color:var(--ink)}.wordmark.has-art{line-height:0}.wm-art{width:auto;max-width:min(100%,480px);height:auto;max-height:160px}.play-form{gap:12px;display:grid}.btn-play{min-height:64px;font-size:var(--fs-30);-webkit-text-stroke-width:5px}.play-note,.play-status,.play-hint,.play-count{color:var(--ink-soft);font-size:var(--fs-15);margin:0}.play-status{justify-content:center;align-items:center;gap:10px;min-height:24px;display:flex}.play-status .spinner{font-size:18px}.play-hint{padding-top:2px}.play-count{justify-content:center;align-items:center;gap:8px;display:flex}.play-count:before{content:"";border:2px solid var(--go-rim);background:var(--live);border-radius:50%;width:10px;height:10px}.summary-card{text-align:center;gap:14px;padding:0 24px 24px;display:grid;overflow:hidden}.summary-art-wrap{margin:0 -24px -8px;line-height:0;display:block}.summary-art{width:100%;height:auto;display:block}.summary-art-shadow{fill:var(--ink);opacity:.1}.summary-title{font-size:var(--fs-30);margin:0}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.summary-stat{background:var(--field);border-radius:16px;flex-direction:column-reverse;justify-content:flex-end;gap:2px;min-width:0;padding:12px 4px 10px;display:flex}.summary-value{font-size:var(--fs-24);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.1}.summary-caption{color:var(--ink-soft);font-size:var(--fs-13);line-height:1.2}:root[data-style=sketch] .summary-stat{border:2px dashed var(--ink-soft);background:0 0;border-radius:8px}.modal-layer{pointer-events:auto;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-backdrop{background:var(--modal-dim);position:absolute;inset:0}.modal{text-align:center;width:min(100%,380px);max-height:calc(100% - 32px);animation:modal-in .16s var(--ease-out) both;padding:28px 24px 24px;position:relative;overflow:auto}.modal:focus{outline:none}.modal-close{width:40px;height:40px;color:var(--ink-soft);font:inherit;font-size:var(--fs-19);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.modal-close:hover{background:var(--quiet);color:var(--ink)}.dialog{justify-items:center;gap:12px;display:grid}.dialog-title{font-size:var(--fs-24);margin:0}.dialog-body{max-width:34ch;color:var(--ink-soft);font-size:var(--fs-15);margin:0;line-height:1.45}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.dialog-connecting .dialog-title{font-size:var(--fs-19);color:var(--ink-soft)}@keyframes modal-in{0%{opacity:0;scale:.96}}@media (width<=420px){.play-card{padding:24px 18px 18px}.wordmark{font-size:var(--fs-48)}.wm-letter{-webkit-text-stroke-width:5px}.summary-card{padding:0 14px 18px}.summary-art-wrap{margin:0 -14px -8px}.summary-value{font-size:var(--fs-19)}}@media (height<=600px){.summary-art-wrap{display:none}.summary-card{padding-top:20px}}@media (pointer:coarse){.btn-icon,.modal-close{width:48px;height:48px}}.hud-panel{background:var(--hud-panel);color:var(--hud-ink);border-radius:16px}.hud-leaderboard{top:var(--inset-top);right:var(--inset-right);width:220px;padding:10px 14px 12px;position:absolute}.lb-title{font-size:var(--fs-19);text-align:center;margin:0 0 6px}.lb-list{font-size:var(--fs-15);gap:1px;margin:0;padding:0;list-style:none;display:grid}.lb-row{align-items:baseline;gap:6px;min-width:0;line-height:1.5;display:flex}.lb-rank{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:2.4ch}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.lb-row.is-you .lb-name{text-decoration:underline;-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark);text-underline-offset:4px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:3px}.lb-row.is-extra{border-top:1px dashed;margin-top:4px;padding-top:4px}.lb-star{color:var(--mark);flex:none}.lb-bot{border-radius:var(--radius-pill);background:var(--bot-tag);flex:none;align-self:center;padding:0 7px;font-size:11px;line-height:18px}:root[data-style=sketch] .hud-panel{border:2px solid var(--ink);border-radius:6px}.hud-score{left:var(--inset-left);bottom:var(--inset-bottom);color:#fff;font-variant-numeric:tabular-nums;-webkit-text-stroke:5px var(--hud-text-rim);paint-order:stroke fill;font-size:22px;font-weight:700;line-height:1;position:absolute}.hud-stats{top:var(--inset-top);left:var(--inset-left);border-radius:var(--radius-pill);background:var(--hud-panel);color:var(--hud-ink);font-size:var(--fs-13);font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 10px;position:absolute}.hud-top{top:var(--inset-top);justify-items:center;gap:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-chip{border-radius:var(--radius-pill);background:var(--hud-panel);color:var(--hud-ink);font-size:var(--fs-15);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.hud-laggy-icon:before{content:"🐢"}.hud-banner{background:var(--toast-bg);color:var(--toast-ink);font-size:var(--fs-15);white-space:nowrap;border-radius:14px;padding:8px 18px}.toast-root{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex}.toast{background:var(--toast-bg);color:var(--toast-ink);font-size:var(--fs-15);text-align:center;animation:toast-in .18s var(--ease-out) both;border-radius:14px;padding:10px 18px;box-shadow:0 10px 24px -10px #0000008c}.toast.is-leaving{animation:.18s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;translate:0 -8px}}@keyframes toast-out{to{opacity:0;translate:0 -8px}}@media (width<=520px){.hud-leaderboard{width:168px;padding:8px 10px 10px}.lb-title{font-size:var(--fs-15)}.lb-list{font-size:var(--fs-13)}}