@font-face{font-family:Rubik;font-weight:300 900;src:local("Rubik"),url(/assets/Rubik-VariableFont-DAFAXoY0.ttf)}:root{--color-accent: #7fba50;--color-background: #fff;--color-background-button: rgba(0 0 0 / .07);--color-background-field: var(--color-background);--color-background-highlight: rgba(0 0 0 / .07);--color-background-modal-overlay: rgba(0 0 0 / .5);--color-background-modal: rgba(255 255 255 / .8);--color-border: #dcdcdc;--color-shadow: rgba(0 0 0 / .1);--color-text: #333;--color-text-field: var(--color-text);--color-text-secondary: #888;--color-player-red: #e83731;--color-player-blue: #437aff;--color-player-green: #5bc759;--color-player-yellow: #f4cc04;--color-player-orange: #ed9303;--color-player-purple: #af52de;--color-player-brown: #a2845e;--color-player-gray: #8e8e93;--size-app-frame-height: 100dvh;--size-font-callout: .92em;--shadow: 0 0 20px var(--color-shadow)}@media (prefers-color-scheme: dark){:root{--color-background: #000;--color-background-button: rgba(255 255 255 / .15);--color-background-highlight: rgba(255 255 255 / .15);--color-background-modal: rgba(0 0 0 / .5);--color-border: #383838;--color-text: #fff;--color-shadow: rgba(255 255 255 / .2);--color-player-red: #e8423b;--color-player-blue: #4784ff;--color-player-green: #60d258;--color-player-yellow: #f6d50c;--color-player-orange: #ef9e0e;--color-player-purple: #bf5af2;--color-player-brown: #ac8e69;--color-player-gray: #8e8e93}}html{overscroll-behavior:none;font-family:Rubik,Inter,Roboto,system-ui,Avenir,sans-serif;line-height:1.5;font-optical-sizing:auto;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--color-text);background:var(--color-background)}#root{display:flex;flex-direction:column;height:100dvh}.app-frame{height:var(--size-app-frame-height);box-sizing:border-box;display:flex;flex-direction:column}@media screen and (min-width: 36em){:root{--size-app-frame-height: 80dvh}.app-frame{width:30em;margin:auto;border:1px solid var(--color-border);box-shadow:var(--shadow)}}a{color:inherit;text-decoration:inherit}p{margin:1em}p a{color:var(--color-accent)}@media (hover: hover) and (pointer: fine){p a:hover{text-decoration:underline}}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;font-weight:400;color:var(--color-text);background-color:var(--color-background-button);box-sizing:border-box}button:not(:disabled){cursor:pointer}@media (hover: hover) and (pointer: fine){button:not(:disabled):hover{border-color:var(--color-accent)}}.icon-button{height:48px;width:48px;padding:0;color:var(--color-accent);background-color:transparent;flex-shrink:0}.icon-button:disabled{color:var(--color-text-secondary)}@media (hover: hover) and (pointer: fine){.icon-button:not(:disabled):hover{background-color:var(--color-background-button)}}.invisible-button{padding:12px;background-color:transparent;border-color:transparent}.toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:0;flex-shrink:0;flex-grow:0;border-bottom:1px solid var(--color-border);box-sizing:border-box}.toolbar .react-aria-Heading{margin:0;font-size:1.25em;font-weight:450;text-align:center}.app-content{height:0;flex-grow:1;overflow-y:scroll;overscroll-behavior:contain;padding-bottom:0;padding-bottom:env(safe-area-inset-bottom,0)}.empty-state{flex-grow:1;justify-content:center;gap:1em}.empty-state .empty-state-title{margin:0}.match-row{display:flex;flex-direction:column;box-sizing:border-box;padding:1em;color:inherit}.match-row .react-aria-Heading{margin:0;font-size:1.1em;font-weight:500}.match-row+.match-row{border-top:1px solid var(--color-border)}.player-list-item+.player-list-item{border-top:1px solid var(--color-border)}.player-list-item[data-dragging=true]{border-top-width:0}.player-score-row{display:flex;flex-direction:column;gap:0;align-items:start;padding:0;box-sizing:border-box;background-color:var(--color-background)}.player-score-row .player-score-row-top{display:flex;flex-direction:row;gap:.5em;width:100%}.player-score-row .player-score-row-top .player-name-and-color{padding:.75em}.player-score-row .player-score-row-buttons{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%}.player-score-row .player-score-row-decrement>svg,.player-score-row .player-score-row-increment>svg{width:32px;height:32px}.player-score-row .player-score-row-score{--font-size: 24px;flex-grow:1;font-size:var(--font-size);line-height:var(--font-size);font-variant-numeric:tabular-nums slashed-zero;height:48px}.player-score-row-drop-indicator{height:2px;margin:.5em 0;background-color:var(--color-accent)}.player-name-and-color{display:flex;flex-direction:row;gap:.5em;align-items:center;justify-content:start;vertical-align:middle}.player-name-and-color .player-color-square{width:20px;height:20px;background-color:var(--color-accent);border-radius:4px}.player-name-and-color .player-name{font-weight:450}.player-score-field .react-aria-NumberField{flex:1;padding:1px;height:48px}.player-score-field input{text-align:center;font-variant-numeric:tabular-nums slashed-zero}.player-score-field .buttons-row{width:100%;padding:.5em 1em;box-sizing:border-box;flex-wrap:wrap}.player-score-field .buttons-row button{flex:1;display:flex;flex-direction:row;align-items:center;gap:4px}.player-score-field .buttons-row button:disabled{color:var(--color-text-secondary)}.match-history-event-item+.match-history-event-item{border-top:1px solid var(--color-border)}.match-history-event-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:1em;gap:.5rem}.match-history-event-row .match-history-event-numbers{font-variant-numeric:tabular-nums}.player-edit-color-input{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;margin:.5em 0}.player-color-button{display:flex;justify-content:center}.player-color-button>button{--size: 60px;background-color:var(--color-accent);color:#fff;width:var(--size);height:var(--size);border-radius:calc(var(--size) / 2);padding:0;margin:0;transition:.15s outline ease-in-out}.player-color-button.selected>button{outline:3px solid var(--color-accent);outline-offset:2px}.generic-form-field{display:flex;flex-direction:column;color:var(--color-text);padding:.5em 1em;gap:4px}.share-modal-stack{padding:1em;gap:1em}.share-modal-qr path{color:var(--color-text)}.share-modal-qr path:first-child{color:transparent}.hstack{display:flex;flex-direction:row}.vstack{display:flex;flex-direction:column}.foreground-secondary{color:var(--color-text-secondary)}.font-callout{font-size:var(--size-font-callout)}.spacer{flex-grow:1}.is-loading{display:flex;flex-direction:column;padding:1em;align-items:center;justify-content:center;text-align:center;flex-grow:1}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}svg{vertical-align:middle}svg path{fill:currentColor}.react-aria-ModalOverlay{position:fixed;top:0;left:0;box-sizing:border-box;width:100vw;height:var(--visual-viewport-height);background:var(--color-background-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .15s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .1s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;background:var(--color-background-modal);color:var(--color-text);border:1px solid var(--color-border);outline:none;width:25em;max-width:calc(100vw - 1em);box-sizing:border-box;backdrop-filter:blur(2px) contrast(190%);-webkit-backdrop-filter:blur(2px) contrast(190%)}.react-aria-Modal[data-entering]{animation:modal-zoom .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}.react-aria-Dialog{outline:none;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-TextField,.react-aria-NumberField{display:flex;flex-direction:column;color:var(--color-text);padding:.5em 1em;gap:4px}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea,.react-aria-NumberField .react-aria-Input,.react-aria-NumberField .react-aria-TextArea{margin:0;padding:.5em;font-size:1em;border:1px solid var(--color-border);background:var(--color-background-field);color:var(--color-text-field)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused],.react-aria-NumberField .react-aria-Input[data-focused],.react-aria-NumberField .react-aria-TextArea[data-focused]{outline:2px solid var(--color-accent);outline-offset:1px}.CheckboxField{display:flex;flex-direction:column;color:var(--color-text);padding:.5em 1em;gap:4px}.react-aria-Checkbox{--selected-color: var(--color-accent);--selected-color-pressed: var(--highlight-background-pressed);--checkmark-color: var(--highlight-foreground);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:.5em;font-size:1em;color:var(--text-color);forced-color-adjust:none}.react-aria-Checkbox .checkbox{width:1.143rem;height:1.143rem;border:2px solid var(--color-border);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.react-aria-Checkbox svg{width:1rem;height:1rem;fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}.react-aria-Checkbox[data-pressed] .checkbox{border-color:var(--border-color-pressed)}.react-aria-Checkbox[data-focus-visible] .checkbox{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Checkbox[data-selected] .checkbox,.react-aria-Checkbox[data-indeterminate] .checkbox{border-color:var(--selected-color)}.react-aria-Checkbox[data-selected][data-pressed] .checkbox,.react-aria-Checkbox[data-indeterminate][data-pressed] .checkbox{border-color:var(--selected-color-pressed);background:var(--selected-color-pressed)}.react-aria-Checkbox[data-selected] svg,.react-aria-Checkbox[data-indeterminate] svg{stroke-dashoffset:44}.react-aria-Checkbox[data-indeterminate] svg{stroke:none;fill:var(--checkmark-color)}.react-aria-Menu{max-height:inherit;overflow:auto;min-width:150px;outline:none;background:var(--color-background-modal);box-sizing:border-box;backdrop-filter:blur(3px) contrast(190%);-webkit-backdrop-filter:blur(3px) contrast(190%);border:1px solid var(--color-border);box-shadow:var(--shadow)}.react-aria-MenuItem{padding:.5em 1em;outline:none;cursor:pointer;color:var(--color-text);font-size:1em;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1em;forced-color-adjust:none}.react-aria-MenuItem[data-focused]{color:var(--color-accent);background:var(--color-background-highlight)}.react-aria-NumberField{display:flex;flex-direction:column;color:var(--color-text);padding:.5em 1em;gap:4px}.react-aria-NumberField .react-aria-Group{display:flex;flex-direction:row}.react-aria-NumberField .react-aria-Group .react-aria-Button[slot]{border:1px solid var(--color-border)}.react-aria-NumberField .react-aria-Group[data-focus-within]{outline:2px solid var(--color-accent);outline-offset:1px}.react-aria-NumberField .react-aria-Group .react-aria-Input[data-focused]{outline:none;border-color:var(--color-border)}.react-aria-NumberField .react-aria-Button{font-size:1.4rem;width:2.3rem;padding:0}.react-aria-NumberField .react-aria-Input{background:var(--color-background-field);border:1px solid var(--color-border);color:var(--color-text-field);margin:0 -1px;z-index:1;font-size:1em;padding:.5em;outline:none;flex:1}.react-aria-Select{color:var(--text-color)}.react-aria-Select .react-aria-Button{box-shadow:0 1px 2px #0000001a;border-radius:6px;font-size:1.072rem;padding:.286rem .286rem .286rem .571rem;display:flex;align-items:center;max-width:250px}.react-aria-Select .react-aria-Button[data-focus-visible]{outline:2px solid var(--color-accent);outline-offset:-1px}.react-aria-Select .react-aria-SelectValue[data-placeholder]{font-style:italic;color:var(--text-color-placeholder)}.react-aria-Select span[aria-hidden]{width:1.5rem;line-height:1.375rem;margin-left:1rem;padding:1px;background:var(--highlight-background);color:var(--highlight-foreground);forced-color-adjust:none;border-radius:4px;font-size:.857rem}.react-aria-Popover{min-width:var(--trigger-width)}.react-aria-Popover .react-aria-ListBox{display:block;width:unset;max-height:inherit;min-height:unset;border:none}.react-aria-Popover .react-aria-ListBox .react-aria-Header{padding-left:1.571rem}.react-aria-Popover .react-aria-ListBoxItem{padding:.286rem .571rem .286rem 1.571rem}.react-aria-Popover .react-aria-ListBoxItem[data-focus-visible]{outline:none}.react-aria-Popover .react-aria-ListBoxItem[data-selected]{font-weight:600;background:unset;color:var(--color-text)}.react-aria-Popover .react-aria-ListBoxItem[data-focused],.react-aria-Popover .react-aria-ListBoxItem[data-pressed]{background:var(--color-background-highlight)}.react-aria-Separator{height:1px;background-color:var(--color-border)}