@layer base{body{margin:0;font-family:PP Radio Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--space-s);font-size:var(--step-0);background-color:var(--white-100);color:var(--black-100)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}ul{list-style-type:none;padding:0;list-style-position:inside}input{border:none;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--space-3xs);border:1px solid oklch(from var(--black-200) l c h / .2);min-width:2em;max-width:10em}}@layer base{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}:is(ul,ol){padding-left:0}ul[role=list],ol[role=list]{list-style:none;padding-left:0}:is(ol,ul):not(.prose :is(ol,ul)){list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer theme{@font-face{font-family:PP Radio Grotesk;src:url(/assets/PPRadioGrotesk-Regular-C1TEiriB.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:PP Radio Grotesk;src:url(/assets/PPRadioGrotesk-Black-DROWFVK0.otf) format("opentype");font-weight:600;font-style:normal}}@layer theme{:root{--step--2: clamp(.78rem, calc(.77rem + .03vw) , .8rem);--step--1: clamp(.94rem, calc(.92rem + .11vw) , 1rem);--step-0: clamp(1.13rem, calc(1.08rem + .22vw) , 1.25rem);--step-1: clamp(1.35rem, calc(1.28rem + .37vw) , 1.56rem);--step-2: clamp(1.62rem, calc(1.5rem + .58vw) , 1.95rem);--step-3: clamp(1.94rem, calc(1.77rem + .87vw) , 2.44rem);--step-4: clamp(2.33rem, calc(2.08rem + 1.25vw) , 3.05rem);--step-5: clamp(2.8rem, calc(2.45rem + 1.77vw) , 3.82rem);--space-4xs: clamp(.25rem, calc(.23rem + .11vw) , .31rem);--space-3xs: clamp(.38rem, calc(.33rem + .22vw) , .5rem);--space-2xs: clamp(.5rem, calc(.46rem + .22vw) , .63rem);--space-xs: clamp(.75rem, calc(.68rem + .33vw) , .94rem);--space-s: clamp(1rem, calc(.91rem + .43vw) , 1.25rem);--space-m: clamp(1.5rem, calc(1.37rem + .65vw) , 1.88rem);--space-l: clamp(2rem, calc(1.83rem + .87vw) , 2.5rem);--space-xl: clamp(3rem, calc(2.74rem + 1.3vw) , 3.75rem);--space-2xl: clamp(4rem, calc(3.65rem + 1.74vw) , 5rem);--space-3xl: clamp(6rem, calc(5.48rem + 2.61vw) , 7.5rem);--orange-100: oklch(.95 .15 61);--orange-200: oklch(.86 .152 60.9);--orange-300: oklch(.77 .154 60.8);--orange-400: oklch(.68 .156 60.7);--orange-500: oklch(.59 .158 60.6);--orange-600: oklch(.5 .16 60.5);--orange-700: oklch(.41 .162 60.4);--orange-800: oklch(.32 .164 60.3);--orange-900: oklch(.23 .166 60.2);--orange-1000: oklch(.14 .168 60.1);--yellow-50: oklch(98.7% .026 102.212);--yellow-100: oklch(97.3% .071 103.193);--yellow-200: oklch(94.5% .129 101.54);--yellow-300: oklch(90.5% .182 98.111);--yellow-400: oklch(85.2% .199 91.936);--yellow-500: oklch(79.5% .184 86.047);--yellow-600: oklch(68.1% .162 75.834);--yellow-700: oklch(55.4% .135 66.442);--yellow-800: oklch(47.6% .114 61.907);--yellow-900: oklch(42.1% .095 57.708);--yellow-950: oklch(28.6% .066 53.813) --violet-50: oklch(96.9% .016 293.756);--violet-100: oklch(94.3% .029 294.588);--violet-200: oklch(89.4% .057 293.283);--violet-300: oklch(81.1% .111 293.571);--violet-400: oklch(70.2% .183 293.541);--violet-500: oklch(60.6% .25 292.717);--violet-600: oklch(54.1% .281 293.009);--violet-700: oklch(49.1% .27 292.581);--violet-800: oklch(43.2% .232 292.759);--violet-900: oklch(38% .189 293.745);--violet-950: oklch(28.3% .141 291.089) --purple-50: oklch(97.7% .014 308.299);--purple-100: oklch(94.6% .033 307.174);--purple-200: oklch(90.2% .063 306.703);--purple-300: oklch(82.7% .119 306.383);--purple-400: oklch(71.4% .203 305.504);--purple-500: oklch(62.7% .265 303.9);--purple-600: oklch(55.8% .288 302.321);--purple-700: oklch(49.6% .265 301.924);--purple-800: oklch(43.8% .218 303.724);--purple-900: oklch(38.1% .176 304.987);--purple-950: oklch(29.1% .149 302.717) --pink-50: oklch(97.1% .014 343.198);--pink-100: oklch(94.8% .028 342.258);--pink-200: oklch(89.9% .061 343.231);--pink-300: oklch(82.3% .12 346.018);--pink-400: oklch(71.8% .202 349.761);--pink-500: oklch(65.6% .241 354.308);--pink-600: oklch(59.2% .249 .584);--pink-700: oklch(52.5% .223 3.958);--pink-800: oklch(45.9% .187 3.815);--pink-900: oklch(40.8% .153 2.432);--pink-950: oklch(28.4% .109 3.907) --red-50: oklch(97.1% .013 17.38);--red-100: oklch(93.6% .032 17.717);--red-200: oklch(88.5% .062 18.334);--red-300: oklch(80.8% .114 19.571);--red-400: oklch(70.4% .191 22.216);--red-500: oklch(63.7% .237 25.331);--red-600: oklch(57.7% .245 27.325);--red-700: oklch(50.5% .213 27.518);--red-800: oklch(44.4% .177 26.899);--red-900: oklch(39.6% .141 25.723);--red-950: oklch(25.8% .092 26.042) --green-100: oklch(.95 .14 141);--green-200: oklch(.86 .142 140.9);--green-300: oklch(.77 .144 140.8);--green-400: oklch(.68 .146 140.7);--green-500: oklch(.59 .148 140.6);--green-600: oklch(.5 .15 140.5);--green-700: oklch(.41 .152 140.4);--green-800: oklch(.32 .154 140.3);--green-900: oklch(.23 .156 140.2);--green-1000: oklch(.14 .158 140.1);--blue-100: oklch(.9 .2 271);--blue-200: oklch(.81 .202 270.9);--blue-300: oklch(.72 .204 270.8);--blue-400: oklch(.63 .206 270.7);--blue-500: oklch(.54 .208 270.6);--blue-600: oklch(.45 .21 270.5);--blue-700: oklch(.36 .212 270.4);--blue-800: oklch(.27 .214 270.3);--blue-900: oklch(.18 .216 270.2);--blue-1000: oklch(.09 .218 270.1);--white-100: oklch(.996 .013 61);--white-200: oklch(.972 .0132 60.9);--white-300: oklch(.948 .0134 60.8);--white-400: oklch(.924 .0136 60.7);--white-500: oklch(.9 .0138 60.6);--white-600: oklch(.876 .014 60.5);--white-700: oklch(.852 .0142 60.4);--white-800: oklch(.828 .0144 60.3);--white-900: oklch(.804 .0146 60.2);--white-1000: oklch(.78 .0148 60.1);--black-100: oklch(.2 .03 61);--black-200: oklch(.24 .029 60.9);--black-300: oklch(.28 .028 60.8);--black-400: oklch(.32 .027 60.7);--black-500: oklch(.36 .026 60.6);--black-600: oklch(.4 .025 60.5);--black-700: oklch(.44 .024 60.4);--black-800: oklch(.48 .023 60.3);--black-900: oklch(.52 .022 60.2);--black-1000: oklch(.56 .021 60.1)}}@layer composition{.row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xs);width:100%}}@layer utilities{.flow>*+*{margin-block-start:var(--flow-space)}.flow-4xs>*+*{--flow-space: var(--space-4xs)}.flow-3xs>*+*{--flow-space: var(--space-3xs)}.flow-2xs>*+*{--flow-space: var(--space-2xs)}.flow-xs>*+*{--flow-space: var(--space-xs)}.flow-s>*+*{--flow-space: var(--space-s)}.flow-m>*+*{--flow-space: var(--space-m)}.flow-l>*+*{--flow-space: var(--space-l)}.flow-xl>*+*{--flow-space: var(--space-xl)}.flow-2xl>*+*{--flow-space: var(--space-2xl)}.flow-3xl>*+*{--flow-space: var(--space-3xl)}}@layer block{.button{--gradient-color: var(--blue-800);--bg-color: var(--blue-200);--text-color: var(--blue-900);border:1px solid oklch(from var(--gradient-color) l c h / .1);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--space-3xs);cursor:pointer;transition:transform .1s ease-in-out,--gradient-color 75ms ease-in-out;color:var(--text-color);text-shadow:0 1px 3px rgba(0,0,0,.15);background:var(--bg-color) linear-gradient(oklch(from var(--gradient-color) l c h / .02),oklch(from var(--gradient-color) l c h / .1));box-shadow:0 1px 0 1px var(--bg-color),0 3px 3px #0000001a;display:inline-flex;align-items:center}.button svg{height:var(--space-m);width:var(--space-m);align-self:center}.button:active{transform:scale(.95)}.button:is(:hover,:active){background:var(--bg-color) linear-gradient(oklch(from var(--gradient-color) calc(l + .35) c h / .5),oklch(from var(--gradient-color) calc(l + .35) c h / .3))}.button[data-width=full]{width:100%}.button[data-variant=secondary]{--gradient-color: var(--black-300);--bg-color: var(--white-200);--text-color: var(--black-200)}.button[data-size=small]{padding:var(--space-4xs) var(--space-3xs);font-size:var(--step--1)}}@layer block{.panel{--background: var(--white-200);--border: oklch(from var(--background) calc(l - .1) c h);--text: oklch(from var(--background) calc(l - .7) c h);background-color:var(--background);border:1px solid var(--border);border-radius:var(--space-s);padding:var(--space-s) var(--space-s) var(--space-s);color:var(--text)}}@layer block{.player-scoring{--background: var(--blue-300);padding:var(--space-xs) var(--space-s) var(--space-s) var(--space-s)}.player-scoring:nth-child(7n+1){--background: var(--blue-300)}.player-scoring:nth-child(7n+2){--background: var(--pink-400)}.player-scoring:nth-child(7n+3){--background: var(--yellow-300)}.player-scoring:nth-child(7n+4){--background: var(--green-300)}.player-scoring:nth-child(7n+5){--background: var(--red-400)}.player-scoring:nth-child(7n+6){--background: var(--orange-300)}.player-scoring:nth-child(7n+7){--background: var(--purple-400)}.scoring-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xs)}.scoring-row form{display:flex;justify-content:flex-start;gap:var(--space-2xs);align-items:center;flex-grow:1}.scoring-row input[type=number]{max-width:6em}.scoring-row .button{margin-left:auto}}.player-details{display:inline-flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--border);padding-bottom:var(--space-3xs)}.player-name{font-size:var(--step-1);font-weight:600}.player-score{font-size:var(--step-2);font-weight:500;text-align:center}@layer block{.add-player .button,.user .button{margin-left:auto}}@layer theme,base,block,utilities;