.stage{min-height:100svh;padding:calc(var(--space-3) + var(--safe-top)) var(--space-3) calc(var(--space-3) + var(--safe-bottom));flex-direction:column;display:flex}.stage__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-hairline) solid var(--color-rule);display:flex}.stage__title{font-size:var(--text-xl)}.stage__meta{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stage__canvas-wrap{flex:auto;min-height:0;position:relative}.stage__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage__footer{padding-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;text-wrap:pretty}.stage__footer strong{color:var(--color-accent);font-weight:var(--weight-medium)}.panel{gap:var(--space-3);padding-top:var(--space-2);display:grid}.panel .hud{padding-top:0}.panel .controls{border-top:none;padding-top:0}@media (min-width:880px){.stage{column-gap:var(--space-6);grid-template:"header header""hint hint""table panel"minmax(0,1fr)/minmax(0,1fr) 20rem;width:100%;max-width:96rem;height:100svh;margin-inline:auto;display:grid}.stage__header{grid-area:header}.stage__canvas-wrap{grid-area:table}.panel{grid-area:panel;align-self:center}}:root[data-orientation=landscape] .stage{--table-box-aspect:1.8;--stage-chrome-height:12rem;--table-box-width:min(100%, calc((100svh - var(--stage-chrome-height)) * var(--table-box-aspect)));grid-template:"header""hint"1fr"table""panel""."1fr/minmax(0,1fr);width:100%;max-width:96rem;height:100svh;margin-inline:auto;display:grid}:root[data-orientation=landscape] .stage__header{grid-area:header}:root[data-orientation=landscape] .stage__canvas-wrap{width:var(--table-box-width);aspect-ratio:var(--table-box-aspect);grid-area:table;justify-self:center}:root[data-orientation=landscape] .panel{width:var(--table-box-width);margin-top:var(--space-3);justify-self:center;align-items:center;column-gap:var(--space-6);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-border);grid-area:panel;grid-template-columns:auto minmax(0,1fr)}:root[data-orientation=landscape] .panel .hud{column-gap:var(--space-5);border-bottom:none;grid-template-columns:auto auto;grid-template-areas:"shots remaining""flash flash";row-gap:0;padding:0}:root[data-orientation=landscape] .panel .hud__stat:first-child{grid-area:shots}:root[data-orientation=landscape] .panel .hud__stat--end{grid-area:remaining}:root[data-orientation=landscape] .panel .hud__flash{grid-area:flash}:root[data-orientation=landscape] .panel .controls{align-items:center;column-gap:var(--space-5);grid-template-columns:minmax(12rem,auto) minmax(8rem,1fr) minmax(14rem,auto);position:relative}@media (max-width:720px){:root[data-orientation=landscape] .panel{row-gap:var(--space-2);grid-template-columns:minmax(0,1fr)}:root[data-orientation=landscape] .panel .controls{column-gap:var(--space-3);grid-template-columns:auto minmax(6rem,1fr) auto}}:root[data-device=phone] .stage{padding:calc(var(--space-2) + var(--safe-top)) calc(var(--space-3) + var(--safe-right)) calc(var(--space-2) + var(--safe-bottom)) calc(var(--space-3) + var(--safe-left))}:root[data-device=phone] .stage__header{padding-bottom:var(--space-2)}:root[data-device=phone] .stage__header--archive .stage__header-actions{justify-content:flex-end;row-gap:var(--space-2);flex-wrap:wrap;min-width:0}:root[data-device=phone] .stage__title{font-size:var(--text-lg)}:root[data-device=phone] .stage__header-actions{gap:var(--space-2)}:root[data-device=phone] .stage__header .btn--icon{min-width:36px;min-height:36px;font-size:var(--text-base)}@media (max-width:380px){:root[data-device=phone] .stage__header-actions{gap:var(--space-1)}}:root[data-device=phone] .panel{gap:var(--space-2);padding-top:var(--space-1)}:root[data-device=phone] .hud{padding:var(--space-1) 0}:root[data-device=phone] .hud__value{font-size:var(--text-lg)}:root[data-device=phone] .hud__flash{font-size:var(--text-xs)}:root[data-device=phone] .controls{gap:var(--space-2)}:root[data-device=phone] .controls__value{font-size:var(--text-base)}:root[data-device=phone] .controls .btn{min-height:40px}:root[data-device=phone] .btn--nudge{min-width:40px;font-size:var(--text-xl)}:root[data-device=phone] .controls__aim{gap:var(--space-1)}:root[data-device=phone] .controls__slider{height:24px}:root[data-device=phone] .spin{--spin-size:56px}:root[data-device=phone][data-orientation=portrait] .controls{align-items:center;column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}:root[data-device=phone][data-orientation=portrait] .controls__power{gap:0}:root[data-device=phone][data-orientation=portrait] .controls__actions{grid-column:1/-1}:root[data-device=phone][data-orientation=landscape] .stage{column-gap:var(--space-4);grid-template:"table header""table panel"minmax(0,1fr)/minmax(0,1fr) 15rem;width:100%;max-width:none;height:100svh;display:grid}:root[data-device=phone][data-orientation=landscape] .stage__header{row-gap:var(--space-1);flex-wrap:wrap;grid-area:header}:root[data-device=phone][data-orientation=landscape] .stage__canvas-wrap{aspect-ratio:auto;grid-area:table;justify-self:stretch;width:auto;height:100%}:root[data-device=phone][data-orientation=landscape] .panel{width:auto;padding-top:var(--space-2);border-top:none;grid-area:panel;grid-template-columns:minmax(0,1fr);place-self:center stretch;margin-top:0}:root[data-device=phone][data-orientation=landscape] .panel .controls{grid-template-columns:minmax(0,1fr);column-gap:0}:root[data-device=phone][data-orientation=landscape] .stage__header-actions{justify-content:space-between;row-gap:var(--space-2);flex-wrap:wrap;flex-basis:100%}:root[data-device=phone][data-orientation=landscape] .stage__meta{white-space:nowrap;flex-basis:100%}:root[data-orientation=landscape] .panel .hud__result{grid-area:flash}.cue-layer{pointer-events:none;width:100%;height:100%;z-index:var(--z-cue);position:fixed;inset:0}.controls{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-border);display:grid}.controls__aim{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.controls__readout{justify-content:center;align-items:baseline;gap:var(--space-2);margin:0;display:flex}.controls__label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.controls__value{color:var(--color-text);font-size:var(--text-lg)}.controls__power{gap:var(--space-1);display:grid}.controls__actions{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr;display:grid}.btn{min-height:44px;padding:0 var(--space-4);border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){background-color:var(--color-surface-raised)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{color:var(--color-text-muted);border-color:var(--color-border);cursor:default;opacity:.55}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--weight-medium)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-quiet)}.btn--primary:disabled{background-color:var(--color-surface);color:var(--color-text-muted)}.btn--nudge{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none;min-width:44px;font-size:var(--text-2xl);padding:0;line-height:1}.btn--quiet{min-height:36px;padding:0 var(--space-3);border-color:var(--color-border);font-size:var(--text-sm)}.controls__slider{width:100%;height:28px;accent-color:var(--color-accent);cursor:pointer;background:0 0;margin:0}.spin{--spin-size:80px;place-items:center;display:grid;position:relative}.spin__reset{top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-raised);width:22px;height:22px;color:var(--color-text);box-shadow:var(--shadow-raised);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute}.spin__reset:before{content:"";inset:calc(var(--space-2) * -1);position:absolute}.spin__reset[hidden]{display:none}.spin__reset:disabled{cursor:default;opacity:.55}.spin__reset:focus-visible{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px}.spin__pad{width:var(--spin-size);height:var(--spin-size);border-radius:var(--radius-full);background:radial-gradient(circle at 34% 30%, #ffffff8c, transparent 55%), var(--color-cue-ball);box-shadow:var(--shadow-raised);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.spin__pad--set{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.spin__pad:focus-visible{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px}.spin__pad[aria-disabled=true]{cursor:default;opacity:.55}.spin__limit{width:calc(var(--spin-limit,.5) * 100%);height:calc(var(--spin-limit,.5) * 100%);border:var(--border-hairline) dashed var(--color-text-inverse);border-radius:var(--radius-full);opacity:.4;pointer-events:none;margin:auto;position:absolute;inset:0}.spin__tip{width:12px;height:12px;transform:translate(-50%, -50%) translate(calc(var(--tip-x,0) * var(--spin-size) / 2), calc(var(--tip-y,0) * var(--spin-size) / 2));border:var(--border-hairline) solid var(--color-text-inverse);border-radius:var(--radius-full);background-color:var(--color-accent);pointer-events:none;position:absolute;top:50%;left:50%}.hud{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-hairline) solid var(--color-border);grid-template-columns:1fr auto 1fr;display:grid}.hud__stat{align-items:baseline;gap:var(--space-2);margin:0;display:flex}.hud__stat--end{justify-content:flex-end}.hud__label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hud__value{font-size:var(--text-xl);line-height:var(--leading-tight);display:inline-block}.hud__value--penalised{color:var(--color-scratch)}.hud__flash{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;min-height:1.2em;margin:0}.hud__flash[data-tone=pot]{color:var(--color-pot)}.hud__flash[data-tone=scratch]{color:var(--color-scratch)}.hud__flash[data-tone=miss]{color:var(--color-miss)}.overlay{z-index:var(--z-overlay);padding:var(--space-5);background-color:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay:not([hidden]){animation:fade-in var(--dur-slow) var(--ease-out)}.overlay:not([hidden]) .overlay__card{animation:rise-in var(--dur-slow) var(--ease-out)}.overlay:not([hidden]) .overlay__score{animation:rise-in var(--dur-slow) var(--ease-out) var(--dur-base) both}.overlay:not([hidden]) .result__shot{animation:dot-in var(--dur-base) var(--ease-out) both;animation-delay:calc(var(--dur-slow) + var(--i,0) * var(--stagger))}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--space-3))}}@keyframes dot-in{0%{opacity:0;transform:scale(.6)}}.hint{align-items:center;gap:var(--space-3);width:-moz-fit-content;width:fit-content;max-width:min(100%,32rem);margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);animation:rise-in var(--dur-slow) var(--ease-out) var(--dur-slow) both;grid-area:hint;display:flex}:root[data-device=phone] .hint{margin-top:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);font-size:var(--text-xs)}:root[data-device=phone][data-orientation=landscape] .hint{display:none}:root[data-orientation=landscape]:not([data-device=phone]) .hint{margin-bottom:var(--space-3);align-self:end}.hint__text{line-height:var(--leading-snug);margin:0}.hint__text strong{color:var(--color-accent);font-weight:600}.overlay__card{justify-items:center;gap:var(--space-3);width:min(100%,22rem);padding:var(--space-6) var(--space-5);border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-table);text-align:center;display:grid}.overlay__title{font-size:var(--text-2xl);color:var(--color-accent)}.overlay__score{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);margin:0}.overlay__detail{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.result__kicker{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.result__kicker[hidden]{display:none}.result__shots{justify-content:center;gap:var(--space-2);margin:var(--space-1) 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.result__shot{display:grid}.shot-dot{border-radius:var(--radius-full);width:18px;height:18px;box-shadow:inset 0 -2px 0 var(--color-ball-shadow);flex:none;display:inline-block}.shot-dot--potted{background-color:var(--color-pot)}.shot-dot--multi{background-color:var(--color-multi)}.shot-dot--miss{background-color:var(--color-miss)}.shot-dot--scratch{background-color:var(--color-scratch)}.shot-key{justify-content:center;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.shot-key__item{align-items:center;gap:var(--space-1);display:inline-flex}.shot-key .shot-dot{width:12px;height:12px}.result__wide{width:100%}.result__share{gap:var(--space-2);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.result__share[hidden]{display:none}.result__share .btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;padding-inline:var(--space-2);white-space:nowrap;display:inline-flex}.result__share svg{flex:none}.result__row{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}.result__row .btn{line-height:var(--leading-tight);place-content:center;display:grid}.result__soon{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.result__status{min-height:1.25em;color:var(--color-accent);font-size:var(--text-sm);margin:0}.stage__header-actions{align-items:center;gap:var(--space-3);display:flex}.notice{align-content:center;justify-items:center;gap:var(--space-4);min-height:100svh;padding:var(--space-5) var(--space-4);text-align:center;margin:0;display:grid}.notice--loading{color:var(--color-text-muted)}.notice__title{font-size:var(--text-2xl);color:var(--color-accent);margin:0}.notice__body{max-width:28rem;color:var(--color-text-muted);margin:0}.challenge{bottom:var(--space-4);z-index:var(--z-challenge);position:fixed;left:50%;transform:translate(-50%)}.overlay__card{position:relative}.result__close{top:var(--space-2);right:var(--space-2);position:absolute}.hud__result{justify-self:center}.hud__result[hidden]{display:none}.btn--icon{min-width:36px;font-size:var(--text-lg);padding:0;line-height:1}.settings{width:min(100% - var(--space-5) * 2, 24rem);max-height:min(100% - var(--space-5) * 2, 40rem);border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-table);padding:0}.settings::backdrop{background-color:var(--color-scrim)}.settings[open]{animation:settings-in var(--dur-base) var(--ease-out)}@keyframes settings-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}}.settings__card{gap:var(--space-5);padding:var(--space-5);display:grid}.settings__header{justify-content:space-between;align-items:center;display:flex}.settings__title{font-size:var(--text-2xl);color:var(--color-accent);margin:0}.settings__section{gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--color-border);display:grid}.settings__heading{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0;display:flex}.settings__note{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-normal);letter-spacing:var(--tracking-normal);text-transform:none}.settings__field{gap:var(--space-2);border:none;min-width:0;margin:0;padding:0;display:grid}.settings__label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:0}.settings__value{color:var(--color-text);font-size:var(--text-base);letter-spacing:var(--tracking-normal)}.settings__footer{display:grid}.segmented{border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented__option{cursor:pointer;display:grid;position:relative}.segmented__option+.segmented__option{border-left:var(--border-hairline) solid var(--color-rule)}.segmented__option input{opacity:0;pointer-events:none;position:absolute}.segmented__option span{min-height:44px;padding:0 var(--space-2);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.segmented__option:hover span{background-color:var(--color-surface-raised)}.segmented__option input:checked+span{background-color:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--weight-medium)}.segmented__option input:focus-visible+span{outline:var(--border-thick) solid var(--color-focus);outline-offset:-3px}.theme-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));display:grid}.theme-option{gap:var(--space-1);cursor:pointer;display:grid;position:relative}.theme-option input{opacity:0;pointer-events:none;position:absolute}.theme-option__swatch{border:var(--border-thick) solid transparent;border-radius:var(--radius-md);background-color:var(--color-rail);box-shadow:var(--shadow-soft);padding:5px;display:block}.theme-option__cloth{aspect-ratio:2;border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-cloth-sheen), var(--color-cloth) 55%, var(--color-cloth-edge));display:block;position:relative}.theme-option__ball{aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--color-cue-ball);width:22%;box-shadow:0 0 0 1px var(--color-ball-outline);position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}.theme-option__name{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text-muted)}.theme-option__tier{padding:0 var(--space-1);border:var(--border-hairline) solid var(--color-rule);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.625rem;display:inline-block}.theme-option input:checked+.theme-option__swatch{border-color:var(--color-accent)}.theme-option input:checked~.theme-option__name{color:var(--color-text)}.theme-option input:focus-visible+.theme-option__swatch{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how-to-play{width:min(100% - var(--space-4) * 2, 34rem);max-height:calc(100% - var(--space-4) * 2);font-size:var(--text-base)}.how-to-play__card{gap:var(--space-4)}.how-to-play__header{align-items:flex-start}.how-to-play p{line-height:var(--leading-normal);margin:0}.how-to-play__lede{margin-top:var(--space-1);color:var(--color-text);font-size:var(--text-lg)}.how-to-play__rules{gap:var(--space-2);padding-left:var(--space-5);line-height:var(--leading-normal);margin:0;display:grid}.how-to-play__section{gap:var(--space-3);display:grid}.how-to-play__section--ruled{padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--color-border)}.how-to-play__heading{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-bold);margin:0}.how-to-play__example{gap:var(--space-2);margin:0;display:grid}.how-to-play__row{gap:var(--space-2);display:flex}.how-to-play__row .shot-dot{width:28px;height:28px}.shot-dot--blank{box-shadow:inset 0 0 0 2px var(--color-rule);background-color:#0000}.how-to-play figcaption{color:var(--color-text-muted);line-height:var(--leading-normal)}.how-to-play figcaption strong{color:var(--color-text)}.how-to-play__bands{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.how-to-play__bands th,.how-to-play__bands td{padding:var(--space-1) 0;border-bottom:var(--border-hairline) solid var(--color-border);text-align:left}.how-to-play__bands th{color:var(--color-accent);font-weight:var(--weight-medium)}.how-to-play__bands td{color:var(--color-text-muted);text-align:right}.how-to-play__daily{padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--color-border);color:var(--color-text-muted)}.how-to-play__documents{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (min-width:48rem){.how-to-play{width:min(100% - var(--space-6) * 2, 40rem);font-size:var(--text-lg)}.how-to-play__card{gap:var(--space-5);padding:var(--space-6)}.how-to-play__lede{font-size:var(--text-xl)}.how-to-play__bands{font-size:var(--text-base)}.how-to-play__row .shot-dot{width:34px;height:34px}}.stats{width:min(100% - var(--space-4) * 2, 30rem);max-height:calc(100% - var(--space-4) * 2)}.stats__card{gap:var(--space-4)}.stats__numbers{gap:var(--space-2);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.stats__numbers>div{gap:var(--space-1);flex-direction:column;display:flex}.stats__numbers dd{font-size:var(--text-2xl);color:var(--color-text);order:-1;margin:0}.stats__numbers dt{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.stats__average{color:var(--color-text-muted);text-align:center;margin:0}.stats__average strong{color:var(--color-text)}.stats__section{gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--color-border);display:grid}.stats__bars{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.stats__bar{align-items:center;gap:var(--space-3);font-size:var(--text-sm);grid-template-columns:6.5rem 1fr;display:grid}.stats__bar-label{color:var(--color-text-muted)}.stats__bar-track{display:block}.stats__bar-fill{box-sizing:border-box;width:max(2rem, calc(var(--share,0) * 100%));padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);color:var(--color-text);text-align:right;display:block}.stats__bar--today .stats__bar-label{color:var(--color-accent);font-weight:var(--weight-medium)}.stats__bar--today .stats__bar-fill{background-color:var(--color-accent);color:var(--color-text-inverse)}.stats__next{text-align:center;justify-items:center}.stats__next[hidden]{display:none}.stats__next-label,.stats__next-time{margin:0}.stats__next-label{color:var(--color-text-muted)}.stats__next-time{font-size:var(--text-2xl);color:var(--color-text)}.stats__note{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;margin:0}.calendar{width:min(100% - var(--space-4) * 2, 26rem);max-height:calc(100% - var(--space-4) * 2)}.calendar__body{gap:var(--space-4);display:grid}.calendar__nav{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.calendar__month{font-size:var(--text-lg);text-align:center;margin:0}.calendar__grid{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar__weekday{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center}.calendar__day{aspect-ratio:1;border:var(--border-hairline) solid transparent;border-radius:var(--radius-md);min-height:36px;color:var(--color-text);font:inherit;font-size:var(--text-sm);background:0 0;place-items:center;padding:0;display:grid}button.calendar__day{cursor:pointer}button.calendar__day:hover{background-color:var(--color-surface-raised)}button.calendar__day:focus-visible{outline:var(--border-thick) solid var(--color-focus);outline-offset:1px}.calendar__day--future,.calendar__day--before{color:var(--color-text-muted);opacity:.4}.calendar__day--under{background-color:var(--color-multi);color:var(--color-text-inverse)}.calendar__day--par{background-color:var(--color-pot);color:var(--color-text-inverse)}.calendar__day--over{background-color:var(--color-miss);color:var(--color-text-inverse)}.calendar__day--unfinished{border-color:var(--color-scratch)}.calendar__day--today{border-color:var(--color-accent);font-weight:var(--weight-bold)}.calendar__day--playing{outline:var(--border-thick) solid var(--color-accent);outline-offset:1px}.calendar__legend{justify-content:center;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.calendar__legend li{align-items:center;gap:var(--space-1);display:inline-flex}.calendar__dot{border-radius:var(--radius-sm);width:12px;height:12px}.calendar__dot--under{background-color:var(--color-multi)}.calendar__dot--par{background-color:var(--color-pot)}.calendar__dot--over{background-color:var(--color-miss)}.calendar__dot--unfinished{border:var(--border-hairline) solid var(--color-scratch)}.calendar__note{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;margin:0}.settings__hint{color:var(--color-text-muted);font-size:var(--text-sm)}.settings__field[hidden]{display:none}.account__pitch,.account__who{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.account__who{gap:var(--space-1);display:grid}.account__email{color:var(--color-text);font-weight:var(--weight-medium);overflow-wrap:anywhere}.account__row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.account__notice{color:var(--color-scratch);font-size:var(--text-sm);margin:0}.account__delete{color:var(--color-text-muted);justify-self:start}.account__confirm{gap:var(--space-2);display:grid}.account__delete-yes{border-color:var(--color-scratch);color:var(--color-scratch)}.account-button[data-signed-in]{color:var(--color-accent)}.account-dialog .settings__card{gap:var(--space-4)}.settings__toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.settings__toggle input{width:20px;height:20px;accent-color:var(--color-accent);margin:0}.cue-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.cue-option{gap:var(--space-1);cursor:pointer;display:grid;position:relative}.cue-option input{opacity:0;pointer-events:none;position:absolute}.cue-option__swatch{border:var(--border-thick) solid transparent;border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-cue-tip) 0 4%, var(--color-cue-ferrule) 4% 12%, var(--color-cue-shaft) 12% 62%, var(--color-cue-ring) 62% 67%, var(--color-cue-butt) 67% 100%);height:14px;box-shadow:var(--shadow-soft);background-clip:padding-box;display:block}.cue-option input:checked+.cue-option__swatch{border-color:var(--color-accent)}.cue-option input:focus-visible+.cue-option__swatch{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px}