:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--target-min:48px;--target-comfort:56px;--target-gap:8px;--radius-s:8px;--radius-m:14px;--radius-l:22px;--radius-pill:999px;--font-family-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-score:4.5rem;--font-size-display:2rem;--font-size-title:1.375rem;--font-size-body:1.0625rem;--font-size-label:.9375rem;--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-snug:1.3;--line-height-body:1.5;--letter-spacing-tight:-.02em;--letter-spacing-caps:.08em;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--surface-base:#0e1116;--surface-raised:#171b22;--surface-field:#0e1116;--scrim:#06080bb8;--border-subtle:#232935;--border-strong:#5e6b81;--text-primary:#eef1f5;--text-secondary:#a2abb7;--action-fill:#d5dde8;--text-on-action:#0e1116;--text-on-accent:#14100a;--focus-ring:#eef1f5;--danger:#ed8f84;--shadow-raised:none;--accent-amber:#e9a94d;--accent-olive:#adbe3c;--accent-plum:#e0a2d3;--accent:var(--accent-amber);--player-red:#d84155;--player-orange:#b56425;--player-olive:#7d7d1a;--player-green:#1d8b33;--player-teal:#1b8686;--player-blue:#3279d5;--player-indigo:#8a60de;--player-magenta:#cf2ac9}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--surface-base:#f2f4f7;--surface-raised:#fff;--surface-field:#fff;--scrim:#0e111670;--border-subtle:#dfe3ea;--border-strong:#727e8f;--text-primary:#0e1116;--text-secondary:#455060;--action-fill:#1b2430;--text-on-action:#fff;--text-on-accent:#fff;--focus-ring:#0e1116;--danger:#982519;--shadow-raised:0 1px 2px #0e111614, 0 10px 24px #0e111612;--accent-amber:#6e470e;--accent-olive:#4c541a;--accent-plum:#832c72}}:root[data-theme=light]{--surface-base:#f2f4f7;--surface-raised:#fff;--surface-field:#fff;--scrim:#0e111670;--border-subtle:#dfe3ea;--border-strong:#727e8f;--text-primary:#0e1116;--text-secondary:#455060;--action-fill:#1b2430;--text-on-action:#fff;--text-on-accent:#fff;--focus-ring:#0e1116;--danger:#982519;--shadow-raised:0 1px 2px #0e111614, 0 10px 24px #0e111612;--accent-amber:#6e470e;--accent-olive:#4c541a;--accent-plum:#832c72}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms}}*,:before,:after{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-family-ui);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-text-size-adjust:100%;margin:0}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.screen{flex-direction:column;min-block-size:100dvh;display:flex}.screen__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border-subtle);display:flex}.screen__bar h1{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);flex:1;min-inline-size:0;margin:0}.screen__body{padding:var(--space-4);flex:1;padding-block-end:var(--space-8)}.screen__actions{gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface-base);border-block-start:1px solid var(--border-subtle);display:flex;position:sticky;bottom:0}.screen__actions .btn{flex:1}.btn{min-block-size:var(--target-min);padding:0 var(--space-5);border-radius:var(--radius-m);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;text-align:center;transition:transform var(--motion-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{min-block-size:var(--target-comfort)}.btn--tool{background:var(--action-fill);color:var(--text-on-action)}.btn--quiet{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-primary)}.btn--destructive{background:var(--surface-raised);border-color:var(--danger);color:var(--danger)}.btn[aria-disabled=true],.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--action-fill);border-color:var(--action-fill);color:var(--text-on-action)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>label{font-size:var(--font-size-label);color:var(--text-secondary)}.field>input{min-block-size:var(--target-min);padding:0 var(--space-3);background:var(--surface-field);border:1px solid var(--border-strong);border-radius:var(--radius-s);color:var(--text-primary);font:inherit;inline-size:100%}.field__message{font-size:var(--font-size-label);color:var(--danger)}.people{gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.person{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);box-shadow:var(--shadow-raised);display:flex}.person__mark{border-radius:var(--radius-pill);flex:none;block-size:1.5rem;inline-size:1.5rem}.person__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.person__remove{min-inline-size:var(--target-min);min-block-size:var(--target-min);border-radius:var(--radius-s);color:var(--text-secondary);font:inherit;font-size:var(--font-size-title);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.person--lit{border-color:var(--border-strong)}.person--won{border-color:var(--action-fill)}.modes{gap:var(--space-2);margin-block-end:var(--space-4);display:flex}.mode{min-block-size:var(--target-min);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text-primary);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;flex:1}.mode[aria-pressed=true]{background:var(--action-fill);border-color:var(--action-fill);color:var(--text-on-action)}.board{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-l);touch-action:none;-webkit-user-select:none;user-select:none;block-size:40dvh;min-block-size:14rem;position:relative;overflow:hidden}.mark{align-items:center;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-1rem)}.mark__dot{border-radius:var(--radius-pill);block-size:2rem;inline-size:2rem}.mark__number{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1}.mark--lit .mark__dot{box-shadow:0 0 0 3px var(--border-strong)}.mark--won .mark__dot{box-shadow:0 0 0 4px var(--action-fill);transform:scale(1.25)}.board__note{margin-block-start:var(--space-3)}.board__tools{gap:var(--space-2);margin-block-start:var(--space-3);display:flex}.board__tools .btn{padding-inline:var(--space-3);flex:auto}.counts{gap:var(--space-2);margin-block-end:var(--space-4);display:flex}.count{min-inline-size:var(--target-min);min-block-size:var(--target-min);border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text-primary);font:inherit;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;cursor:pointer;flex:1;padding:0}.count[aria-pressed=true]{background:var(--action-fill);border-color:var(--action-fill);color:var(--text-on-action)}.dice{place-content:center;gap:var(--space-3);min-block-size:calc(9rem + var(--space-3));max-inline-size:calc(3 * 4.5rem + 2 * var(--space-3));flex-wrap:wrap;margin-inline:auto;display:flex}.die{gap:var(--space-1);block-size:4.5rem;inline-size:4.5rem;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface-raised);box-shadow:var(--shadow-raised);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid}.pip{border-radius:var(--radius-pill);background:var(--text-primary);place-self:center;block-size:.55rem;inline-size:.55rem}.die--locked{box-shadow:inset 0 0 0 3px var(--action-fill)}.die--rolling{animation:shake var(--motion-slow) var(--ease-standard)}.die--fast.die--rolling{animation-duration:var(--motion-fast)}@keyframes shake{0%{transform:none}20%{transform:rotate(-10deg)translateY(-8%)scale(1.06)}45%{transform:rotate(8deg)translateY(5%)scale(1.04)}70%{transform:rotate(-5deg)translateY(-3%)scale(1.02)}to{transform:none}}.dice__note{margin-block-start:var(--space-3)}.dice__tools{gap:var(--space-2);margin-block-start:var(--space-3);display:flex}.dice__tools .btn{padding-inline:var(--space-3);flex:auto}.section-label.dice__history-label{margin-block-start:var(--space-5)}.rolls{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.roll{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-block-size:var(--target-min);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);display:flex}.roll__faces{font-variant-numeric:tabular-nums;flex:1;min-inline-size:0}.roll__total{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.roll__source{color:var(--text-secondary);font-size:var(--font-size-label)}.draw,.total{text-align:center;padding:var(--space-5) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-l);background:var(--surface-raised);margin-block-end:var(--space-5)}.total{margin-block-start:var(--space-4)}.draw__label,.total__label{color:var(--text-secondary);font-size:var(--font-size-label);margin:0 0 var(--space-2)}.draw__who,.total__value{font-size:min(var(--font-size-score), 15vw);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);overflow-wrap:anywhere;margin:0}.total__value{font-variant-numeric:tabular-nums}.draw__order{color:var(--text-secondary);font-size:var(--font-size-label);margin:var(--space-3) 0 0}.hint{color:var(--text-secondary);font-size:var(--font-size-label);margin:0}.update{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.update__what{min-inline-size:0;font-size:var(--font-size-body);flex:1;margin:0}.tiles{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.tile{align-items:center;gap:var(--space-4);min-block-size:var(--target-comfort);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);color:inherit;inline-size:100%;font:inherit;text-align:start;cursor:pointer;text-decoration:none;display:flex}.tile__text{flex:1;min-inline-size:0}.tile__name{font-size:var(--font-size-title);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);display:block}.tile__what{color:var(--text-secondary);font-size:var(--font-size-label);display:block}.tile__go{color:var(--text-secondary);font-size:var(--font-size-title)}.section-label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--text-secondary);margin:0 0 var(--space-3)}.back{min-inline-size:var(--target-min);min-block-size:var(--target-min);border-radius:var(--radius-s);color:var(--text-secondary);font:inherit;font-size:var(--font-size-title);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.version{color:var(--text-secondary);font-size:var(--font-size-label);text-align:center;padding:var(--space-4);margin:0}