.scoreboard{height:100vh;height:100dvh;min-height:0;width:100%;position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--ui-color-surface);color:var(--ui-color-text)}.scoreboard-board{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.scoreboard-team{min-width:0;min-height:0;position:relative;container-type:size;background:color-mix(in srgb,var(--team-color) 18%,var(--ui-color-surface))}[data-theme=dark] .scoreboard-team{background:color-mix(in srgb,var(--team-color) 26%,var(--ui-color-surface-inset))}.scoreboard-add{appearance:none;width:100%;height:100%;border:0;border-radius:0;padding:max(1rem,env(safe-area-inset-top)) .75rem 4.5rem;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;gap:1rem;background:transparent;color:var(--ui-color-text);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.scoreboard-team[data-position="0"] .scoreboard-add{padding-left:max(.75rem,env(safe-area-inset-left))}.scoreboard-team[data-position="1"] .scoreboard-add{padding-right:max(.75rem,env(safe-area-inset-right))}.scoreboard-add:active:not(:disabled){background:color-mix(in srgb,var(--ui-color-text) 5%,transparent)}.scoreboard-point-feedback{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--ui-color-text) 7%,transparent);opacity:0;pointer-events:none;animation:scoreboard-point-flash .24s ease-out}.scoreboard-score[data-feedback]{animation:scoreboard-score-pop .24s ease-out}.scoreboard-add:focus-visible{outline-offset:-5px}.scoreboard-name{max-width:100%;font-size:clamp(1rem,4.5cqw,1.5rem);font-weight:500;line-height:1.3;overflow-wrap:anywhere}.scoreboard-team-heading{min-height:0;max-width:100%;max-height:100%;align-self:end;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.4rem}.scoreboard-players{min-height:2.8em;flex-shrink:0;max-width:100%;font-size:clamp(.75rem,3.3cqw,1rem);line-height:1.4;color:var(--ui-color-text-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.scoreboard-score{grid-row:2;font-size:min(var(--score-width),40cqh,18rem);font-weight:650;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.scoreboard-minus{appearance:none;position:absolute;bottom:1rem;width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ui-color-text) 25%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ui-color-surface) 45%,transparent);color:var(--ui-color-text);font-size:1.75rem;line-height:1;touch-action:manipulation}.scoreboard-team[data-position="0"] .scoreboard-minus{left:max(1rem,env(safe-area-inset-left))}.scoreboard-team[data-position="1"] .scoreboard-minus{right:max(1rem,env(safe-area-inset-right))}.scoreboard-minus:hover:not(:disabled){background:color-mix(in srgb,var(--ui-color-surface) 75%,transparent)}.scoreboard-minus:disabled{opacity:.3}.scoreboard-toolbar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;padding:.5rem max(.75rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--ui-color-surface)}.scoreboard .ui-button{min-height:44px;touch-action:manipulation}.scoreboard .ui-icon-button{width:44px;min-width:44px}.scoreboard-settings-button{grid-column:3;grid-row:1;justify-self:end}.scoreboard-swap{grid-column:2;grid-row:1}.scoreboard-settings-sheet{--scoreboard-settings-border: color-mix(in srgb, var(--ui-color-border) 65%, transparent);position:fixed;inset:auto 0 0;width:min(100%,48rem);max-width:100%;height:min(92dvh,52rem);max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)));margin:0 auto;padding:0;overflow:hidden;border:1px solid var(--scoreboard-settings-border);border-bottom:0;border-radius:1.5rem 1.5rem 0 0;background:var(--ui-color-page);color:var(--ui-color-text);box-shadow:var(--ui-shadow-md)}.scoreboard-settings-sheet[open]{animation:scoreboard-sheet-enter .22s var(--ui-ease-standard)}.scoreboard-settings-sheet::backdrop{background:var(--ui-color-overlay)}.scoreboard-settings{height:100%;display:flex;flex-direction:column}.scoreboard-settings-heading{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left))}.scoreboard-settings-heading h2{margin:0;font-size:1.5rem;letter-spacing:-.025em}.scoreboard .scoreboard-settings-close{flex-shrink:0;border-radius:50%;background:var(--ui-color-surface-inset);color:var(--ui-color-text-muted)}.scoreboard-settings-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.25rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:1.25rem}.scoreboard-settings-scroll>*{flex-shrink:0}.scoreboard-settings-body{display:grid;gap:1.25rem;align-items:start}.scoreboard-fieldset{min-width:0;margin:0;padding:0;border:0}.scoreboard-fieldset legend,.scoreboard-settings-group h3{margin:0;padding:0 .25rem .5rem;color:var(--ui-color-text-muted);font-size:.75rem;line-height:1.4;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.scoreboard-settings-card{border:1px solid var(--scoreboard-settings-border);border-radius:14px;background:var(--ui-color-surface);overflow:hidden}.scoreboard-team-editor+.scoreboard-team-editor{border-top:1px solid var(--scoreboard-settings-border)}.scoreboard-team-fields{display:grid;grid-template-columns:44px minmax(0,1fr) 4rem;gap:.25rem;align-items:center;padding:.5rem .5rem .25rem}.scoreboard .ui-input{min-width:0;min-height:44px;font-size:1rem}.scoreboard-inline-input{width:100%;min-width:0;min-height:44px;padding:.25rem;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-color-text);font-size:1rem}.scoreboard-inline-input:hover{background:var(--ui-color-surface-hover)}.scoreboard-inline-input:focus{background:var(--ui-color-surface)}.scoreboard-team-name-input{font-size:1.125rem;font-weight:650}.scoreboard .scoreboard-number-input{height:44px;padding-inline:.25rem;text-align:center;font-size:1.125rem;font-weight:650;border-radius:9px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.scoreboard-number-input::-webkit-inner-spin-button,.scoreboard-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scoreboard .ui-color-input{width:44px;height:44px;padding:6px;border:0;border-radius:50%;background:transparent}.scoreboard .ui-color-input::-webkit-color-swatch-wrapper{padding:0}.scoreboard .ui-color-input::-webkit-color-swatch{border:1px solid rgb(0 0 0 / 8%);border-radius:50%}.scoreboard .ui-color-input::-moz-color-swatch{border:1px solid rgb(0 0 0 / 8%);border-radius:50%}.scoreboard-disclosure-row{min-height:52px;padding:.75rem .875rem;display:flex;align-items:center;gap:.75rem;list-style:none;font-size:1rem;font-weight:550;cursor:pointer;touch-action:manipulation}.scoreboard-disclosure-row::-webkit-details-marker{display:none}.scoreboard-disclosure-row>svg{flex-shrink:0;width:14px;height:14px;margin-left:auto;color:var(--ui-color-text-subtle);transition:transform var(--ui-motion-fast)}.scoreboard-settings-card[open]>.scoreboard-disclosure-row>svg,.scoreboard-player-settings[open]>.scoreboard-disclosure-row>svg{transform:rotate(90deg)}.scoreboard-disclosure-row:hover{background:var(--ui-color-surface-hover)}.scoreboard-disclosure-row:focus-visible{outline-offset:-4px}.scoreboard-player-settings>summary{min-height:44px;padding-block:.5rem;gap:.5rem;color:var(--ui-color-text-muted);font-size:.9375rem;font-weight:400}.scoreboard-player-settings>summary>svg{margin-left:0}.scoreboard-player-avatars{display:flex;padding-left:2px}.scoreboard-player-avatar{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ui-color-surface-inset);color:var(--ui-color-text-muted);font-size:.75rem;font-weight:650}.scoreboard-player-avatars .scoreboard-player-avatar{margin-left:-2px;border:2px solid var(--ui-color-surface)}.scoreboard-player-avatars .scoreboard-player-avatar+.scoreboard-player-avatar{margin-left:-7px}.scoreboard-player-list{margin:.25rem .75rem .75rem;border:1px solid var(--scoreboard-settings-border);border-radius:10px;overflow:hidden}.scoreboard-player-row{display:flex;align-items:center;gap:.5rem;padding-left:.625rem;border-bottom:1px solid var(--scoreboard-settings-border)}.scoreboard-player-row .scoreboard-inline-input{flex:1}.scoreboard-remove-player,.scoreboard-add-player,.scoreboard-reset-button{min-height:44px;padding:.5rem .875rem;border:0;background:transparent;color:inherit;touch-action:manipulation}.scoreboard-remove-player{width:44px;flex-shrink:0;padding:.5rem;display:grid;place-items:center;color:var(--ui-color-text-subtle)}.scoreboard-remove-player svg{width:16px;height:16px}.scoreboard-add-player{width:100%;text-align:left;background:var(--ui-color-page);font-size:.9375rem;font-weight:550}.scoreboard-add-player:disabled{color:var(--ui-color-text-subtle)}.scoreboard-add-player:hover:not(:disabled),.scoreboard-remove-player:hover,.scoreboard-reset-button:hover{background:var(--ui-color-surface-hover)}.scoreboard-add-player:focus-visible,.scoreboard-remove-player:focus-visible,.scoreboard-reset-button:focus-visible{outline-offset:-4px}.scoreboard-player-limit{margin:0 .875rem .75rem;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.scoreboard-reset-row{border-top:1px solid var(--scoreboard-settings-border)}.scoreboard-reset-button{width:100%;min-height:48px;color:var(--ui-color-danger);font-weight:550}.scoreboard-rule{display:grid;grid-template-columns:minmax(0,1fr) 4.75rem;align-items:center;gap:.5rem;min-height:62px;padding:.5rem .875rem;border-bottom:1px solid var(--scoreboard-settings-border);font-size:1rem;font-weight:550;cursor:pointer}.scoreboard-rule:last-of-type{border-bottom:0}.scoreboard-rule .ui-switch{justify-self:end;width:3rem;height:1.875rem}.scoreboard-rule .ui-switch-track:after{width:1.5rem;height:1.5rem;left:2px;top:2px}.scoreboard-rule .ui-switch input:checked+.ui-switch-track:after{transform:translate(18px)}.scoreboard-rule-help{display:block;color:var(--ui-color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.35}.scoreboard-field-error{margin:.5rem .875rem;color:var(--ui-color-danger);font-size:var(--ui-font-size-xs)}.scoreboard-disclosure-content{padding:0 .875rem .875rem;border-top:1px solid var(--scoreboard-settings-border)}.scoreboard-disclosure-content p{margin-block:.75rem;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.scoreboard-url-options{margin:1rem 0;font-size:var(--ui-font-size-sm)}.scoreboard-url-options>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;padding-block:.75rem;border-bottom:1px solid var(--scoreboard-settings-border)}.scoreboard-url-options dt,.scoreboard-url-options dd{margin:0;overflow-wrap:anywhere}.scoreboard-url-options dd{color:var(--ui-color-text-muted)}.scoreboard-url-example{display:block;overflow-wrap:anywhere;font-size:var(--ui-font-size-xs)}.scoreboard-copy-status:empty{display:none}.scoreboard-url-help .ui-field{margin-top:.75rem}.scoreboard-all-tools{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;font-size:var(--ui-font-size-sm);text-underline-offset:.2em}.scoreboard-reset-dialog{width:min(25rem,calc(100% - 2rem));padding:1.5rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-raised);color:var(--ui-color-text);box-shadow:var(--ui-shadow-md)}.scoreboard-reset-dialog::backdrop{background:var(--ui-color-overlay)}.scoreboard-reset-dialog h2{font-size:1.25rem}.scoreboard-reset-dialog p{color:var(--ui-color-text-muted)}.scoreboard-reset-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.scoreboard-win-dialog{width:min(28rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.75rem 1.25rem 1.25rem;border:1px solid var(--ui-color-border);border-radius:20px;background:var(--ui-color-page);color:var(--ui-color-text);box-shadow:var(--ui-shadow-md);text-align:center;overflow-y:auto}.scoreboard-win-dialog[open]{animation:scoreboard-modal-enter .18s var(--ui-ease-standard)}.scoreboard-win-dialog::backdrop{background:var(--ui-color-overlay)}.scoreboard-win-close{position:absolute;top:.5rem;right:.5rem;border-radius:50%}.scoreboard-win-eyebrow{margin:0 2rem .75rem;color:var(--ui-color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.scoreboard-win-dialog h2{margin:0 0 1.5rem;font-size:1.5rem;overflow-wrap:anywhere}.scoreboard-win-label{margin:0 0 .75rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.scoreboard-final-scores{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}.scoreboard-final-team{position:relative;min-width:0;padding:1rem .5rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--ui-color-border);border-radius:12px;background:color-mix(in srgb,var(--team-color) 10%,var(--ui-color-surface))}.scoreboard-final-team[data-winner=true]{border-color:var(--team-color)}.scoreboard-final-name{font-size:.9375rem;font-weight:550;overflow-wrap:anywhere}.scoreboard-final-name>span{display:inline-block;width:9px;height:9px;margin-right:.375rem;border-radius:50%;background:var(--team-color)}.scoreboard-final-team strong{margin-top:auto;font-size:var(--final-score-size);font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}.scoreboard-final-divider{position:absolute;top:50%;right:-1rem;transform:translate(50%,-50%);color:var(--ui-color-text-muted);font-size:1.25rem}.scoreboard-win-actions{display:grid;gap:.625rem;margin-top:1.5rem}.scoreboard-result-share-status{margin:1rem 0 0;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.scoreboard-result-share-status:empty{display:none}.scoreboard-result-copy{margin-top:1rem;text-align:left}.scoreboard-result-copy textarea{min-width:0;font-size:1rem}.scoreboard-celebration{position:absolute;z-index:3;inset:1rem 1rem auto;display:flex;justify-content:center;pointer-events:none}.scoreboard-celebration>span{max-width:100%;padding:.75rem 1.25rem;border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm);overflow-wrap:anywhere;text-align:center;font-weight:650}.scoreboard-confetti{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.scoreboard-confetti>span{position:absolute;top:-1rem;width:7px;height:12px;border-radius:1px;animation:scoreboard-confetti-fall 1.7s ease-in forwards}@keyframes scoreboard-confetti-fall{0%{transform:translate3d(0,-10px,0) rotate(0)}to{transform:translate3d(var(--confetti-drift),100dvh,0) rotate(var(--confetti-spin))}}@keyframes scoreboard-sheet-enter{0%{transform:translateY(1.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scoreboard-point-flash{0%{opacity:1}to{opacity:0}}@keyframes scoreboard-score-pop{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes scoreboard-modal-enter{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 640px){.scoreboard-settings-body{grid-template-columns:1fr 1fr;gap:2rem}}@media (min-width: 960px){.scoreboard-settings-sheet{inset:0;height:fit-content;max-height:min(85dvh,44rem);margin:auto;border-bottom:1px solid var(--ui-color-border);border-radius:1.5rem}.scoreboard-settings-sheet[open]{animation-name:scoreboard-modal-enter}.scoreboard-settings{height:auto;max-height:calc(min(85dvh,44rem) - 2px)}}@media (max-height: 450px){.scoreboard-add{padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:.5rem;grid-template-rows:auto minmax(0,1fr);gap:.375rem}.scoreboard-name{font-size:1rem}.scoreboard-team-heading{gap:.125rem}.scoreboard-players{min-height:1.4em;-webkit-line-clamp:1;font-size:.75rem}.scoreboard-score{align-self:center;font-size:min(var(--score-width),42cqh,18rem)}.scoreboard-minus{width:44px;height:44px;bottom:.5rem}.scoreboard-toolbar{padding-top:.25rem;padding-bottom:max(.25rem,env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-width: 959px) and (max-height: 500px){.scoreboard-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}.scoreboard-toolbar{grid-column:3;grid-row:1;grid-template-columns:44px;grid-template-rows:minmax(44px,1fr) 44px minmax(44px,1fr);padding:max(.5rem,env(safe-area-inset-top)) .5rem max(.5rem,env(safe-area-inset-bottom))}.scoreboard .scoreboard-swap{grid-column:1;grid-row:2;width:44px;min-width:44px;padding:0}.scoreboard-swap-label{display:none}.scoreboard-settings-button{grid-column:1;grid-row:3;align-self:end;justify-self:center}.scoreboard-team[data-position="1"] .scoreboard-add{padding-right:.75rem}.scoreboard-team[data-position="1"] .scoreboard-minus{right:1rem}.scoreboard-add{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.scoreboard-minus{bottom:max(.5rem,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.scoreboard-confetti{display:none}.scoreboard-settings-sheet[open],.scoreboard-win-dialog[open],.scoreboard-point-feedback,.scoreboard-score[data-feedback]{animation:none}}html,body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
