/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-scale:1;--c-bg:#08120e;--c-bg-glow:#0d2a20;--c-surface-1:#111c18;--c-surface-2:#192621;--c-surface-3:#22322b;--c-border:#2e3b36;--c-border-strong:#455b52;--c-text:#edf4f1;--c-text-dim:#a2aea9;--c-text-faint:#727d79;--c-accent:#41c874;--c-accent-soft:#1a4e2c;--c-accent-ink:#031608;--c-team-a:#37c2ef;--c-team-a-soft:#003f51;--c-team-b:#f6a14f;--c-team-b-soft:#5a3204;--c-court-1:#4fd57f;--c-court-2:#00c5ec;--c-court-3:#c48cff;--c-court-4:#ffb245;--c-court-5:#ff788e;--c-court-6:#00dace;--c-ok:#4ac777;--c-warn:#f7b83d;--c-warn-soft:#513800;--c-danger:#f75d59;--c-danger-soft:#621d1c;--font-sans:"Anuphan", "IBM Plex Sans Thai", system-ui, -apple-system, sans-serif;--font-num:"Barlow Condensed", "Anuphan", system-ui, sans-serif;--text-xs:calc(var(--font-scale) * .75rem);--text-sm:calc(var(--font-scale) * .875rem);--text-md:calc(var(--font-scale) * 1rem);--text-lg:calc(var(--font-scale) * clamp(1.0625rem, 1rem + .3vw, 1.25rem));--text-xl:calc(var(--font-scale) * clamp(1.25rem, 1.1rem + .6vw, 1.625rem));--text-2xl:calc(var(--font-scale) * clamp(1.5rem, 1.25rem + 1vw, 2.25rem));--text-3xl:calc(var(--font-scale) * clamp(1.875rem, 1.4rem + 1.8vw, 3rem));--text-player:calc(var(--font-scale) * clamp(1.0625rem, .78rem + 1.5vw, 2.5rem));--text-score:calc(var(--font-scale) * clamp(3.25rem, 1.6rem + 8.5vw, 8rem));--text-score-mini:calc(var(--font-scale) * clamp(1.5rem, 1.1rem + 1.6vw, 2.75rem));--text-clock:calc(var(--font-scale) * clamp(1.375rem, 1.05rem + 1.4vw, 2.5rem));--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-gutter:clamp(.75rem, .4rem + 1.4vw, 1.75rem);--sp-section:clamp(1.5rem, 1rem + 3vw, 4rem);--tap-min:44px;--tap-lg:56px;--tap-xl:68px;--r-sm:.5rem;--r-md:.875rem;--r-lg:1.25rem;--r-xl:1.75rem;--r-pill:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 18px -6px #00000080;--shadow-lg:0 24px 48px -20px #000000a6;--ring-focus:0 0 0 3px #41c87473;--dur-fast:.12s;--dur-normal:.22s;--dur-slow:.42s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.26, .64, 1);--rail-w:clamp(16rem, 24vw, 24rem);--header-h:clamp(3.25rem, 2.5rem + 2vw, 4.5rem);--bottombar-h:calc(var(--tap-lg) + var(--sp-4));--z-rail:20;--z-bottombar:30;--z-dialog:50;--z-toast:60}@supports (color:lab(0% 0 0)){:root{--c-bg:lab(4.60142% -3.93534 .915408);--c-bg-glow:lab(14.6901% -13.7513 3.07462);--c-surface-1:lab(9.17964% -6.07292 1.37555);--c-surface-2:lab(13.8596% -7.09405 1.60463);--c-surface-3:lab(19.1196% -8.1031 1.83354);--c-border:lab(23.7067% -6.72048 1.52539);--c-border-strong:lab(36.5998% -10.0983 2.2895);--c-text:lab(95.467% -2.65956 .607836);--c-text-dim:lab(70.0405% -4.99892 1.14069);--c-text-faint:lab(51.4805% -5.00482 1.14119);--c-accent:lab(71.9797% -52.0374 31.1991);--c-accent-soft:lab(29.1035% -24.7113 14.7772);--c-accent-ink:lab(5.66364% -8.57236 4.7859);--c-team-a:lab(72.6316% -26.3309 -33.6026);--c-team-a-soft:lab(23.6711% -13.6055 -17.9761);--c-team-b:lab(74.0011% 27.3897 54.9753);--c-team-b-soft:lab(25.4482% 16.2777 33.861);--c-court-1:lab(76.6505% -52.576 31.4764);--c-court-2:lab(72.9591% -35.0917 -33.755);--c-court-3:lab(67.3634% 38.4135 -50.1549);--c-court-4:lab(78.8665% 23.9598 70.8513);--c-court-5:lab(67.7944% 58.6697 15.8068);--c-court-6:lab(78.4296% -47.8864 -7.61063);--c-ok:lab(71.8838% -49.4691 29.6083);--c-warn:lab(79.1609% 15.493 67.4391);--c-warn-soft:lab(25.7395% 8.96718 38.1907);--c-danger:lab(60.9897% 59.8331 35.3706);--c-danger-soft:lab(22.441% 31.5285 18.8241);--shadow-sm:0 1px 2px lab(0% 0 0/.3);--shadow-md:0 6px 18px -6px lab(0% 0 0/.5);--shadow-lg:0 24px 48px -20px lab(0% 0 0/.65);--ring-focus:0 0 0 3px lab(71.9797% -52.0374 31.1991/.45)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f3f8f4;--c-bg-glow:#daeede;--c-surface-1:#fff;--c-surface-2:#f1f7f2;--c-surface-3:#e6eee7;--c-border:#d2dad3;--c-border-strong:#a9b5aa;--c-text:#111e19;--c-text-dim:#485650;--c-text-faint:#78837e;--c-accent:#007e3e;--c-accent-soft:#cdefd5;--c-accent-ink:#f7fef8;--c-team-a:#00649b;--c-team-a-soft:#d7efff;--c-team-b:#b44f00;--c-team-b-soft:#ffead6;--c-court-1:#008942;--c-court-2:#0070ac;--c-court-3:#8244ba;--c-court-4:#b36300;--c-court-5:#c42847;--c-court-6:teal;--c-ok:#007839;--c-warn:#b17000;--c-warn-soft:#ffebc8;--c-danger:#be222a;--c-danger-soft:#ffe8e6;--shadow-sm:0 1px 2px #3e4b461f;--shadow-md:0 8px 20px -8px #3e4b4638;--shadow-lg:0 24px 48px -20px #3e4b4647}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--c-bg:lab(97.2079% -2.36195 1.50199);--c-bg-glow:lab(92.2835% -9.0496 5.30428);--c-surface-1:lab(100% 0 0);--c-surface-2:lab(96.6279% -2.36192 1.502);--c-surface-3:lab(93.2016% -3.54397 2.25494);--c-border:lab(86.2416% -3.54424 2.25532);--c-border-strong:lab(72.4282% -5.91278 3.76831);--c-text:lab(9.78614% -6.76961 1.52927);--c-text-dim:lab(35.3069% -6.70089 1.52382);--c-text-faint:lab(53.8005% -5.00387 1.1411);--c-accent:lab(46.0832% -43.6949 26.3951);--c-accent-soft:lab(91.3882% -15.1189 8.87852);--c-accent-ink:lab(98.9754% -3.00968 1.76094);--c-team-a:lab(39.3338% -10.7567 -43.2335);--c-team-a-soft:lab(93.0858% -6.19638 -13.0213);--c-team-b:lab(46.7809% 39.6042 56.9466);--c-team-b-soft:lab(94.105% 8.42717 17.354);--c-court-1:lab(49.8036% -50.1478 30.4282);--c-court-2:lab(43.9568% -11.6954 -46.3374);--c-court-3:lab(41.3667% 43.4306 -52.5966);--c-court-4:lab(50.6366% 31.4494 74.4591);--c-court-5:lab(44.5392% 61.4013 23.2292);--c-court-6:lab(48.0039% -42.5963 -12.6236);--c-ok:lab(43.7582% -43.7852 26.5067);--c-warn:lab(53.2002% 25.643 81.037);--c-warn-soft:lab(94.3214% 4.38091 23.3696);--c-danger:lab(42.3846% 60.2199 38.2468);--c-danger-soft:lab(93.735% 15.3724 8.32427);--shadow-sm:0 1px 2px lab(30.6669% -6.70752 1.52435/.12);--shadow-md:0 8px 20px -8px lab(30.6669% -6.70752 1.52435/.22);--shadow-lg:0 24px 48px -20px lab(30.6669% -6.70752 1.52435/.28)}}:root[data-font-scale=lg]{--font-scale:1.2}:root[data-font-scale=xl]{--font-scale:1.45}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-sm:.875rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-normal:1.5;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-num:var(--font-num)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.bottom-\[calc\(var\(--bottombar-h\)\+1rem\)\]{bottom:calc(var(--bottombar-h) + 1rem)}.left-1\/2{left:50%}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.container{width:100%}@media (min-width:481px){.container{max-width:481px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1600px){.container{max-width:1600px}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-\[var\(--sp-4\)\]{margin-top:var(--sp-4)}.mt-\[var\(--sp-5\)\]{margin-top:var(--sp-5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-full{height:100%}.\!min-h-0{min-height:0!important}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[var\(--tap-min\)\]{min-height:var(--tap-min)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-28{min-width:calc(var(--spacing) * 28)}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-\[var\(--sp-2\)\]{gap:var(--sp-2)}.gap-\[var\(--sp-3\)\]{gap:var(--sp-3)}.gap-\[var\(--sp-4\)\]{gap:var(--sp-4)}.gap-\[var\(--sp-5\)\]{gap:var(--sp-5)}.gap-\[var\(--sp-section\)\]{gap:var(--sp-section)}.self-center{align-self:center}.self-start{align-self:flex-start}.rounded-\[var\(--r-md\)\]{border-radius:var(--r-md)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--c-border)}.\!bg-transparent{background-color:#0000!important}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-surface-2{background-color:var(--c-surface-2)}.bg-white{background-color:var(--color-white)}.\!p-0{padding:0!important}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-\[var\(--sp-2\)\]{padding:var(--sp-2)}.p-\[var\(--sp-3\)\]{padding:var(--sp-3)}.p-\[var\(--sp-4\)\]{padding:var(--sp-4)}.p-\[var\(--sp-5\)\]{padding:var(--sp-5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-\[var\(--sp-3\)\]{padding-inline:var(--sp-3)}.py-\[var\(--sp-3\)\]{padding-block:var(--sp-3)}.py-\[var\(--sp-5\)\]{padding-block:var(--sp-5)}.py-\[var\(--sp-6\)\]{padding-block:var(--sp-6)}.py-\[var\(--sp-7\)\]{padding-block:var(--sp-7)}.pb-\[var\(--sp-6\)\]{padding-bottom:var(--sp-6)}.\!text-left{text-align:left!important}.text-left{text-align:left}.text-right{text-align:right}.text-\[length\:var\(--text-2xl\)\]{font-size:var(--text-2xl)}.text-\[length\:var\(--text-3xl\)\]{font-size:var(--text-3xl)}.text-\[length\:var\(--text-lg\)\]{font-size:var(--text-lg)}.text-\[length\:var\(--text-sm\)\]{font-size:var(--text-sm)}.text-\[length\:var\(--text-xl\)\]{font-size:var(--text-xl)}.text-\[length\:var\(--text-xs\)\]{font-size:var(--text-xs)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-ink-dim{color:var(--c-text-dim)}.text-ink-faint{color:var(--c-text-faint)}.no-underline{text-decoration-line:none}.accent-\[var\(--c-accent\)\]{accent-color:var(--c-accent)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media not all and (min-width:1024px){.max-lg\:hidden{display:none}}@media not all and (min-width:768px){.max-md\:hidden{display:none}}@media not all and (min-width:481px){.max-sm\:hidden{display:none}}@media (min-width:481px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:768px){.md\:flex{display:flex}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.app-shell{grid-template:"header""main"minmax(0,1fr)"bottom"/minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid}.app-header{z-index:var(--z-rail);align-items:center;gap:var(--sp-3);min-height:var(--header-h);padding:var(--sp-2) var(--sp-gutter);padding-top:max(var(--sp-2), env(safe-area-inset-top));background:var(--c-bg);grid-area:header;display:flex;position:sticky;top:0;overflow-x:clip}@supports (color:color-mix(in lab, red, red)){.app-header{background:color-mix(in oklab, var(--c-bg) 86%, transparent)}}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.app-header:after{content:"";background:linear-gradient(90deg, var(--c-court-1) 0%, var(--c-court-2) 25%, var(--c-court-3) 50%, var(--c-court-4) 75%, var(--c-court-5) 100%);opacity:.85;height:2px;position:absolute;inset:auto 0 -1px}.app-main{min-width:0;min-height:0;padding:var(--sp-gutter);padding-bottom:var(--sp-5);grid-area:main;overflow-y:auto}.app-rail{gap:var(--sp-4);min-width:0;padding:var(--sp-gutter);border-left:1px solid var(--c-border);background:var(--c-surface-1);flex-direction:column;grid-area:rail;display:none}@supports (color:color-mix(in lab, red, red)){.app-rail{background:color-mix(in oklab, var(--c-surface-1) 60%, transparent)}}.app-rail{overflow-y:auto}.app-bottombar{z-index:var(--z-bottombar);gap:var(--sp-2);padding:var(--sp-3) var(--sp-gutter);padding-bottom:max(var(--sp-3), env(safe-area-inset-bottom));background:var(--c-bg);grid-area:bottom;display:flex;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.app-bottombar{background:color-mix(in oklab, var(--c-bg) 92%, transparent)}}.app-bottombar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--c-border)}@media (min-width:1024px){.app-shell[data-rail=open]{grid-template-areas:"header header""main rail";grid-template-columns:minmax(0, 1fr) var(--rail-w)}.app-shell[data-rail=open] .app-rail{display:flex}.app-bottombar{display:none}.app-main{padding:var(--sp-5) var(--sp-gutter)}}.card{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-raised{background:linear-gradient(160deg, var(--c-surface-2) 0%, var(--c-surface-1) 55%);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.section-title{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-faint);font-weight:600}.brand-word{background:linear-gradient(100deg, var(--c-court-1) 0%, var(--c-court-6) 40%, var(--c-court-3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tint-card{--tint:var(--c-accent);border-radius:var(--r-lg);border:1px solid var(--tint);position:relative}@supports (color:color-mix(in lab, red, red)){.tint-card{border:1px solid color-mix(in oklab, var(--tint) 28%, var(--c-border))}}.tint-card{border-left:5px solid var(--tint)}@supports (color:color-mix(in lab, red, red)){.tint-card{border-left:5px solid color-mix(in oklab, var(--tint) 80%, transparent)}}.tint-card{background:radial-gradient(110% 90% at 0% 0%, var(--tint) 0%, transparent 62%), var(--c-surface-1)}@supports (color:color-mix(in lab, red, red)){.tint-card{background:radial-gradient(110% 90% at 0% 0%, color-mix(in oklab, var(--tint) 20%, transparent) 0%, transparent 62%), var(--c-surface-1)}}.tint-card{box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) linear}@media (hover:hover){a.tint-card:hover{border-color:var(--tint);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){a.tint-card:hover{border-color:color-mix(in oklab, var(--tint) 60%, transparent)}}}.tint-title{color:var(--tint)}@supports (color:color-mix(in lab, red, red)){.tint-title{color:color-mix(in oklab, var(--tint) 75%, var(--c-text))}}.hero-card{background:radial-gradient(90% 120% at 110% -20%, var(--c-court-2) 0%, transparent 62%), radial-gradient(80% 100% at -10% 110%, var(--c-court-1) 0%, transparent 58%), linear-gradient(160deg, var(--c-surface-2) 0%, var(--c-surface-1) 60%);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-card{background:radial-gradient(90% 120% at 110% -20%, color-mix(in oklab, var(--c-court-2) 26%, transparent) 0%, transparent 62%), radial-gradient(80% 100% at -10% 110%, color-mix(in oklab, var(--c-court-1) 22%, transparent) 0%, transparent 58%), linear-gradient(160deg, var(--c-surface-2) 0%, var(--c-surface-1) 60%)}}.hero-card{border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text);font-size:var(--text-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-expo), background-color var(--dur-fast) linear, border-color var(--dur-fast) linear;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}@media (hover:hover){.btn:hover{background:var(--c-surface-3);border-color:var(--c-accent)}}.btn-primary{background:linear-gradient(135deg, var(--c-accent) 0%, var(--c-court-6) 100%)}@supports (color:color-mix(in lab, red, red)){.btn-primary{background:linear-gradient(135deg, var(--c-accent) 0%, color-mix(in oklab, var(--c-court-6) 70%, var(--c-accent)) 100%)}}.btn-primary{color:var(--c-accent-ink);box-shadow:0 8px 20px -10px var(--c-accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 8px 20px -10px color-mix(in oklab, var(--c-accent) 70%, transparent)}}@media (hover:hover){.btn-primary:hover{filter:brightness(1.08);border-color:#0000}}.btn-danger{background:linear-gradient(135deg, var(--c-danger) 0%, var(--c-court-5) 100%)}@supports (color:color-mix(in lab, red, red)){.btn-danger{background:linear-gradient(135deg, var(--c-danger) 0%, color-mix(in oklab, var(--c-court-5) 60%, var(--c-danger)) 100%)}}.btn-danger{color:#fcfcfc;color:lab(98.84% 0 0);box-shadow:0 8px 20px -10px var(--c-danger);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.btn-danger{box-shadow:0 8px 20px -10px color-mix(in oklab, var(--c-danger) 70%, transparent)}}.btn-ghost{border-color:var(--c-border);color:var(--c-text-dim);background:0 0}.btn-lg{min-height:var(--tap-lg);padding:var(--sp-3) var(--sp-5);font-size:var(--text-lg)}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{align-items:center;gap:var(--sp-1);padding:.15rem var(--sp-3);border-radius:var(--r-pill);font-size:var(--text-sm);border:1px solid #0000;font-weight:600;display:inline-flex}.pill-ok{background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.pill-ok{border-color:color-mix(in oklab, var(--c-accent) 40%, transparent)}}.pill-warn{background:var(--c-warn-soft);color:var(--c-warn);border-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.pill-warn{border-color:color-mix(in oklab, var(--c-warn) 40%, transparent)}}.pill-danger{background:var(--c-danger-soft);color:var(--c-danger);border-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.pill-danger{border-color:color-mix(in oklab, var(--c-danger) 45%, transparent)}}.pill-mute{background:var(--c-surface-2);color:var(--c-text-dim);border-color:var(--c-border)}.player-chip{align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:var(--text-md);display:inline-flex}.player-chip[data-state=rest]{opacity:.6;border-style:dashed}.court-grid{gap:var(--sp-gutter);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));align-content:start;display:grid}.court-card{--court-accent:var(--c-court-1);gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-xl);background:radial-gradient(120% 90% at 100% 0%, var(--court-accent) 0%, transparent 58%), linear-gradient(168deg, var(--c-surface-2) 0%, var(--c-surface-1) 62%);flex-direction:column;display:flex;position:relative;container:court/inline-size}@supports (color:color-mix(in lab, red, red)){.court-card{background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--court-accent) 16%, transparent) 0%, transparent 58%), linear-gradient(168deg, var(--c-surface-2) 0%, var(--c-surface-1) 62%)}}.court-card{border:1px solid var(--court-accent)}@supports (color:color-mix(in lab, red, red)){.court-card{border:1px solid color-mix(in oklab, var(--court-accent) 26%, var(--c-border))}}.court-card{box-shadow:var(--shadow-md);overflow:hidden}.court-card:before{content:"";background:linear-gradient(90deg, var(--court-accent) 0%, var(--court-accent) 100%);height:4px;position:absolute;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.court-card:before{background:linear-gradient(90deg, var(--court-accent) 0%, color-mix(in oklab, var(--court-accent) 35%, transparent) 100%)}}.court-card[data-live=true]{border-color:var(--court-accent)}@supports (color:color-mix(in lab, red, red)){.court-card[data-live=true]{border-color:color-mix(in oklab, var(--court-accent) 55%, transparent)}}.court-card[data-live=true]{box-shadow:var(--shadow-md), 0 0 32px -10px var(--court-accent)}@supports (color:color-mix(in lab, red, red)){.court-card[data-live=true]{box-shadow:var(--shadow-md), 0 0 32px -10px color-mix(in oklab, var(--court-accent) 55%, transparent)}}.court-card[data-live=false]{box-shadow:none;border-style:dashed}.court-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.court-label{align-items:center;gap:var(--sp-2);font-size:var(--text-lg);letter-spacing:.02em;color:var(--court-accent);font-weight:700;display:inline-flex}.court-label:before{content:"";background:var(--court-accent);width:.6em;height:.6em;box-shadow:0 0 12px var(--court-accent);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.court-label:before{box-shadow:0 0 12px color-mix(in oklab, var(--court-accent) 70%, transparent)}}.team-row{--team-color:var(--c-border-strong);align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:linear-gradient(92deg, var(--team-color) 0%, var(--c-surface-3) 72%);grid-template-columns:minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab, red, red)){.team-row{background:linear-gradient(92deg, color-mix(in oklab, var(--team-color) 18%, var(--c-surface-3)) 0%, var(--c-surface-3) 72%)}}.team-row{border-left:5px solid var(--team-color)}.team-row[data-team=a]{--team-color:var(--c-team-a)}.team-row[data-team=b]{--team-color:var(--c-team-b)}.team-score-empty{font-size:var(--text-sm);color:var(--c-text-faint);white-space:nowrap}.team-row[data-leading=true] .team-score{color:var(--team-color);text-shadow:0 0 28px var(--team-color)}@supports (color:color-mix(in lab, red, red)){.team-row[data-leading=true] .team-score{text-shadow:0 0 28px color-mix(in oklab, var(--team-color) 45%, transparent)}}.team-tag{color:var(--team-color);font-size:var(--text-xs);letter-spacing:.12em;font-weight:700}.team-names{font-size:var(--text-player);font-weight:600;line-height:var(--leading-tight);overflow-wrap:anywhere}.team-score{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--text-score);text-align:right;min-width:2ch;font-weight:700;line-height:.85}@container court (width<=22rem){.team-score{font-size:var(--text-score-mini)}.court-card{gap:var(--sp-2);padding:var(--sp-3)}}@container court (width>=44rem){.team-row{padding:var(--sp-3) var(--sp-4)}}.court-tab{--tint:var(--c-accent);border-color:var(--tint)}@supports (color:color-mix(in lab, red, red)){.court-tab{border-color:color-mix(in oklab, var(--tint) 35%, var(--c-border))}}.court-tab{color:var(--tint)}.court-tab[data-active=true]{background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.court-tab[data-active=true]{background:color-mix(in oklab, var(--tint) 22%, var(--c-surface-2))}}.court-tab[data-active=true]{border-color:var(--tint);box-shadow:0 0 18px -6px var(--tint)}@supports (color:color-mix(in lab, red, red)){.court-tab[data-active=true]{box-shadow:0 0 18px -6px color-mix(in oklab, var(--tint) 70%, transparent)}}.score-focus{--court-accent:var(--c-accent);gap:var(--sp-3);min-height:0;padding:var(--sp-4);border-radius:var(--r-xl);border:1px solid var(--court-accent);flex:1;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.score-focus{border:1px solid color-mix(in oklab, var(--court-accent) 35%, var(--c-border))}}.score-focus{background:radial-gradient(120% 60% at 50% 0%, var(--court-accent) 0%, transparent 60%), linear-gradient(170deg, var(--c-surface-2) 0%, var(--c-surface-1) 65%)}@supports (color:color-mix(in lab, red, red)){.score-focus{background:radial-gradient(120% 60% at 50% 0%, color-mix(in oklab, var(--court-accent) 14%, transparent) 0%, transparent 60%), linear-gradient(170deg, var(--c-surface-2) 0%, var(--c-surface-1) 65%)}}.score-focus{box-shadow:var(--shadow-lg)}.score-focus-team{--team-color:var(--c-team-a);justify-content:center;align-items:center;gap:var(--sp-2);min-height:0;padding:var(--sp-3);border-radius:var(--r-lg);background:var(--team-color);flex-direction:column;display:flex;overflow:hidden;container:focusteam/size}@supports (color:color-mix(in lab, red, red)){.score-focus-team{background:color-mix(in oklab, var(--team-color) 10%, var(--c-surface-3))}}.score-focus-team{border:1px solid var(--team-color)}@supports (color:color-mix(in lab, red, red)){.score-focus-team{border:1px solid color-mix(in oklab, var(--team-color) 30%, transparent)}}.score-focus-team[data-team=b]{--team-color:var(--c-team-b)}.score-focus-names{font-size:min(var(--text-2xl), 13cqh);text-align:center;font-weight:700;line-height:var(--leading-tight)}.score-focus-value{font-size:min(calc(var(--font-scale) * clamp(3rem, 1rem + 14vw, 11rem)), 46cqh);color:var(--team-color);text-shadow:0 0 40px var(--team-color);font-weight:700;line-height:.82}@supports (color:color-mix(in lab, red, red)){.score-focus-value{text-shadow:0 0 40px color-mix(in oklab, var(--team-color) 40%, transparent)}}.score-focus-vs{text-align:center;font-size:var(--text-sm);letter-spacing:.3em;color:var(--c-text-faint)}.clock{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--text-clock);font-weight:700;line-height:1}.time-left[data-state=overtime]{color:var(--c-danger)}.time-left[data-state=soon]{color:var(--c-warn)}.code-input{width:100%;min-height:var(--tap-xl);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:2px solid var(--c-border-strong);background:var(--c-surface-1);font-family:var(--font-num);font-size:var(--text-3xl);letter-spacing:.35em;text-align:center;text-transform:uppercase;font-weight:700}.code-input::placeholder{color:var(--c-text-faint);letter-spacing:.25em}.code-input:focus-visible{border-color:var(--c-accent)}.numpad{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.numpad .btn{min-height:var(--tap-lg);font-family:var(--font-num);font-size:var(--text-2xl)}@media (max-width:767px){.numpad .btn{min-height:var(--tap-xl)}}.score-focus-team .btn{min-height:max(var(--tap-min), min(var(--tap-xl), 16cqh));min-width:clamp(4rem,14cqh,7rem);font-size:min(var(--text-2xl), 11cqh)}.score-focus{padding:var(--sp-3);gap:var(--sp-2)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--c-text);background-color:var(--c-bg);background-image:radial-gradient(120% 80% at 8% -10%, var(--c-bg-glow) 0%, transparent 60%), radial-gradient(90% 70% at 100% 110%, var(--c-accent-soft) 0%, transparent 55%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--r-sm);outline:none}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}