.ff-dialog-portal{z-index:var(--ff-z-modal);position:fixed;inset:0}.ff-dialog-portal__layer{min-height:100dvh;padding:var(--ff-space-4);align-items:center;display:grid;position:relative;overflow:auto}.ff-dialog-portal__backdrop{background:var(--ff-surface-scrim);position:fixed;inset:0}.ff-confirmation-dialog{background:var(--ff-surface-raised);border-radius:var(--ff-panel-radius);box-shadow:var(--ff-shadow-overlay);color:var(--ff-text-primary);gap:var(--ff-panel-gap);max-block-size:calc(100dvh - (var(--ff-space-4) * 2));max-inline-size:32rem;padding:var(--ff-panel-padding);width:100%;margin:auto;display:grid;position:relative;overflow:auto}.ff-confirmation-dialog:focus-visible{box-shadow:var(--ff-shadow-overlay), var(--ff-focus-ring);outline:none}.ff-confirmation-dialog__title{font-family:var(--ff-type-family);font-size:var(--ff-type-size-2xl);font-weight:var(--ff-type-weight-heavy);line-height:var(--ff-type-line-compact);margin:0}.ff-confirmation-dialog__description,.ff-confirmation-dialog__body{font-family:var(--ff-type-family);font-size:var(--ff-type-size-md);line-height:var(--ff-type-line-body)}.ff-confirmation-dialog__description p,.ff-confirmation-dialog__body p{margin:0}.ff-confirmation-dialog__actions{margin-top:var(--ff-space-2)}.ff-confirmation-dialog__body{gap:var(--ff-space-4);display:grid}.ff-confirmation-dialog__body h3{margin:var(--ff-space-4) 0 0}@media (prefers-reduced-motion:reduce){.ff-confirmation-dialog{scroll-behavior:auto}}.ff-action{border:1px solid var(--ff-border-default);border-radius:var(--ff-button-radius);cursor:pointer;font-family:var(--ff-type-family);font-size:var(--ff-type-size-md);font-weight:var(--ff-type-weight-semibold);align-items:center;gap:var(--ff-button-gap);line-height:var(--ff-type-line-compact);min-height:var(--ff-button-height);padding:var(--ff-space-2) var(--ff-button-padding-x);transition:background-color var(--ff-motion-fast) var(--ff-motion-ease-out), border-color var(--ff-motion-fast) var(--ff-motion-ease-out), color var(--ff-motion-fast) var(--ff-motion-ease-out);justify-content:center;text-decoration:none;display:inline-flex}.ff-action--primary{background:var(--ff-action-primary-default);border-color:var(--ff-action-primary-default);color:var(--ff-action-primary-text);min-height:var(--ff-button-height-primary)}.ff-action--secondary{background:var(--ff-action-secondary-default);border-color:var(--ff-border-default);color:var(--ff-action-secondary-text)}.ff-action--ghost{border-color:var(--ff-border-subtle);color:var(--ff-text-primary);background:0 0}.ff-action--destructive{background:var(--ff-action-danger-default);border-color:var(--ff-action-danger-default);color:var(--ff-action-danger-text)}.ff-action--line{background:var(--ff-line-action);border-color:var(--ff-line-action);color:var(--ff-line-text)}.ff-action--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--ff-action-primary-hover);border-color:var(--ff-action-primary-hover)}.ff-action--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--ff-action-secondary-hover)}.ff-action--destructive:hover:not(:disabled):not([aria-disabled=true]){background:var(--ff-action-danger-hover);border-color:var(--ff-action-danger-hover)}.ff-action--line:hover:not(:disabled):not([aria-disabled=true]){background:var(--ff-line-hover);border-color:var(--ff-line-hover)}.ff-action:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.ff-action:focus-visible{box-shadow:var(--ff-focus-ring)}.ff-action:disabled,.ff-action[aria-disabled=true]{cursor:not-allowed;opacity:.65}.ff-action.is-loading{cursor:wait}@media (prefers-reduced-motion:reduce){.ff-action{transition:none}}.ff-status-badge{border:1px solid var(--ff-border-default);border-radius:var(--ff-badge-radius);font-family:var(--ff-type-family);font-size:var(--ff-type-size-sm);font-weight:var(--ff-type-weight-semibold);align-items:center;gap:var(--ff-space-1);line-height:var(--ff-type-line-compact);min-height:var(--ff-badge-height);padding:var(--ff-space-1) var(--ff-badge-padding-x);display:inline-flex}.ff-status-badge--confirmed,.ff-status-badge--fairness{background:var(--ff-feedback-success-surface);border-color:var(--ff-feedback-success-strong);color:var(--ff-feedback-success-text)}.ff-status-badge--waiting{background:var(--ff-surface-subtle);border-color:var(--ff-border-strong);color:var(--ff-sport-waiting)}.ff-status-badge--live{background:var(--ff-feedback-danger-surface);border-color:var(--ff-feedback-danger-strong);color:var(--ff-sport-live)}.ff-status-badge--next{background:var(--ff-feedback-info-surface);border-color:var(--ff-feedback-info-strong);color:var(--ff-sport-next)}.ff-status-badge--win-streak{background:var(--ff-feedback-warning-surface);border-color:var(--ff-feedback-warning-strong);color:var(--ff-sport-winner)}.ff-status-badge--loan{background:var(--ff-feedback-info-surface);border-color:var(--ff-feedback-info-strong);color:var(--ff-sport-loan)}.ff-feedback{background:var(--ff-feedback-info-surface);border:1px solid var(--ff-feedback-info-strong);border-radius:var(--ff-radius-lg);color:var(--ff-feedback-info-text);font-family:var(--ff-type-family);font-size:var(--ff-type-size-md);gap:var(--ff-panel-gap);line-height:var(--ff-type-line-body);padding:var(--ff-panel-padding);flex-direction:column;display:flex}.ff-feedback--success{background:var(--ff-feedback-success-surface);border-color:var(--ff-feedback-success-strong);color:var(--ff-feedback-success-text)}.ff-feedback--warning{background:var(--ff-feedback-warning-surface);border-color:var(--ff-feedback-warning-strong);color:var(--ff-feedback-warning-text)}.ff-feedback--danger{background:var(--ff-feedback-danger-surface);border-color:var(--ff-feedback-danger-strong);color:var(--ff-feedback-danger-text)}.ff-feedback__message{gap:var(--ff-panel-gap);flex-direction:column;display:flex}.ff-feedback__title{color:var(--ff-feedback-info-strong);font-size:var(--ff-type-size-lg);font-weight:var(--ff-type-weight-semibold);line-height:var(--ff-type-line-compact)}.ff-feedback--success .ff-feedback__title{color:var(--ff-feedback-success-strong)}.ff-feedback--warning .ff-feedback__title{color:var(--ff-feedback-warning-strong)}.ff-feedback--danger .ff-feedback__title{color:var(--ff-feedback-danger-strong)}.ff-feedback__action{align-items:center;gap:var(--ff-space-2);display:flex}.ff-application-shell{background:var(--ff-surface-canvas);color:var(--ff-text-primary);font-family:var(--ff-type-family);overflow-wrap:anywhere;min-height:100%}.ff-application-shell__skip-link{background:var(--ff-surface-default);border:1px solid var(--ff-border-default);border-radius:var(--ff-radius-md);box-shadow:var(--ff-shadow-raised);color:var(--ff-text-primary);left:var(--ff-space-4);min-height:var(--ff-touch-minimum);padding:var(--ff-space-2) var(--ff-space-4);top:calc(var(--ff-space-4) + env(safe-area-inset-top));transition:transform var(--ff-motion-fast) var(--ff-motion-ease-out);z-index:var(--ff-z-toast);position:fixed;transform:translateY(-200%)}.ff-application-shell__skip-link:focus-visible{box-shadow:var(--ff-focus-ring);transform:translateY(0)}.ff-application-shell__header{background:var(--ff-surface-arena);color:var(--ff-text-inverse);border-bottom:1px solid var(--ff-border-subtle);padding:calc(var(--ff-space-2) + env(safe-area-inset-top)) calc(var(--ff-space-5) + env(safe-area-inset-right)) var(--ff-space-2) calc(var(--ff-space-5) + env(safe-area-inset-left))}.ff-application-shell__header-inner,.ff-application-shell__navigation,.ff-application-shell__content{width:100%;max-width:75rem;margin-inline:auto}.ff-application-shell__header-inner{align-items:center;gap:var(--ff-space-3) var(--ff-space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.ff-application-shell__brand{color:var(--ff-action-primary-default);font-family:var(--ff-type-display-family);font-size:2rem;font-weight:var(--ff-type-weight-bold);line-height:var(--ff-type-line-compact);min-height:var(--ff-touch-minimum);padding-block:var(--ff-space-2);text-decoration:none}.ff-application-shell__brand:focus-visible,.ff-application-shell__navigation a:focus-visible{box-shadow:var(--ff-focus-ring);outline:none}.ff-application-shell__context{align-items:center;gap:var(--ff-space-2);flex-wrap:wrap;display:flex}.ff-application-shell__detail{color:inherit;font-size:var(--ff-type-size-sm)}.ff-application-shell__actions{align-items:center;gap:var(--ff-space-2);flex-wrap:wrap;display:flex}.ff-application-shell__navigation{gap:var(--ff-space-2);margin-top:var(--ff-space-3);flex-wrap:wrap;display:flex}.ff-application-shell__navigation a{color:var(--ff-text-link);min-height:var(--ff-touch-minimum);padding:var(--ff-space-2) var(--ff-space-3);align-items:center;display:inline-flex}.ff-application-shell__content{box-sizing:border-box;min-height:50vh;padding:0}.ff-application-shell__content--prose{max-width:72ch}.ff-application-shell__content--centered{max-width:48rem}.ff-application-shell__content:focus-visible{box-shadow:var(--ff-focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.ff-application-shell__skip-link{transition:none}}.ff-application-shell__header .ff-status-badge{color:inherit;background:0 0;border:0;padding:0}.ff-application-shell__header .ff-action{color:var(--ff-text-inverse);border-color:var(--ff-border-strong);background:0 0}.ff-application-shell__header :focus-visible{outline:3px solid var(--ff-action-primary-default);outline-offset:3px}.ff-application-shell__header-inner{gap:var(--ff-space-2) var(--ff-space-4);flex-wrap:wrap}.ff-application-shell__brand{text-wrap:nowrap;flex-shrink:0;font-weight:400}.ff-application-shell__context{font-size:var(--ff-type-size-sm);text-wrap:nowrap;flex-shrink:0;margin-left:auto}.ff-application-shell__detail{display:none}.ff-policy-page{box-sizing:border-box;color:var(--ff-text-primary);overflow-wrap:anywhere;max-width:72ch;width:100%;padding-block-end:var(--ff-space-6)}.ff-policy-eyebrow{color:var(--ff-text-link);font-size:var(--ff-type-size-sm);font-weight:var(--ff-type-weight-bold);letter-spacing:.08em;margin-block-end:var(--ff-space-2);display:block}.ff-policy-page h1,.ff-policy-page h2{color:var(--ff-text-primary);font-family:var(--ff-type-family);letter-spacing:normal;text-transform:none;font-style:normal}.ff-policy-page h1{font-size:clamp(var(--ff-type-size-3xl), 9vw, var(--ff-catalog-type-title-size));line-height:var(--ff-type-line-compact);margin:0 0 var(--ff-space-3);max-width:72ch}.ff-policy-page h2{font-size:var(--ff-type-size-xl);line-height:var(--ff-type-line-compact);margin:0 0 var(--ff-space-3)}.ff-policy-lede,.ff-policy-page p,.ff-policy-page li{line-height:var(--ff-type-line-relaxed)}.ff-policy-lede{color:var(--ff-text-secondary)}.ff-policy-card{background:var(--ff-surface-raised);border:1px solid var(--ff-border-default);border-radius:var(--ff-panel-radius);box-shadow:var(--ff-shadow-raised);gap:var(--ff-space-2);margin-block:var(--ff-space-4);padding:var(--ff-panel-padding);display:grid}.ff-policy-card p:last-child{margin-block-end:0}.ff-policy-page ul{gap:var(--ff-space-2);margin:0;padding-inline-start:var(--ff-space-6);display:grid}.ff-policy-page a:not(.ff-action){color:var(--ff-text-link);font-weight:var(--ff-type-weight-semibold);overflow-wrap:anywhere}.ff-policy-nav{gap:var(--ff-space-2) var(--ff-space-3);flex-wrap:wrap;width:100%;margin-block-start:var(--ff-space-2);display:flex}@media (prefers-reduced-motion:reduce){.ff-policy-nav .ff-action{transition:none}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-thai-thai-400-normal-BEOmKAI1.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-thai-latin-400-normal-BaWBrqFP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-thai-thai-500-normal-CU_X86GQ.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-thai-latin-ext-500-normal-B-ZWb8SZ.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-thai-latin-500-normal-fyBKClF1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-thai-thai-600-normal-Cs73sVjl.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-thai-latin-600-normal-CemcjnVR.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-thai-thai-700-normal-Cm52XUnT.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-thai-latin-ext-700-normal-uJk63onE.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-thai-latin-700-normal-_dn-40wb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-thai-thai-800-normal-jWZP1LTE.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-thai-latin-ext-800-normal-DP7AJQOX.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-thai-latin-800-normal-BCJ9uo2B.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ff-color-neutral-0:oklch(100% 0 0);--ff-color-neutral-25:oklch(98.5% .003 255);--ff-color-neutral-50:oklch(96.8% .005 255);--ff-color-neutral-100:oklch(94% .008 255);--ff-color-neutral-200:oklch(88% .012 255);--ff-color-neutral-400:oklch(62% .018 255);--ff-color-neutral-600:oklch(42% .025 255);--ff-color-neutral-800:oklch(24% .025 255);--ff-color-neutral-950:oklch(13% .02 255);--ff-color-blue-50:oklch(96% .03 252);--ff-color-blue-100:oklch(92% .06 252);--ff-color-blue-500:oklch(62% .205 255);--ff-color-blue-600:oklch(54% .22 255);--ff-color-blue-700:oklch(46% .19 255);--ff-color-blue-900:oklch(28% .11 255);--ff-color-green-50:oklch(96% .035 148);--ff-color-green-500:oklch(65% .18 148);--ff-color-green-700:oklch(43% .13 148);--ff-color-red-50:oklch(96% .03 28);--ff-color-red-500:oklch(62% .22 28);--ff-color-red-700:oklch(45% .18 28);--ff-color-amber-50:oklch(97% .04 80);--ff-color-amber-500:oklch(78% .16 80);--ff-color-amber-700:oklch(50% .12 80);--ff-color-cyan-50:oklch(96% .035 215);--ff-color-cyan-500:oklch(72% .14 215);--ff-color-cyan-700:oklch(44% .1 215);--ff-color-brand-navy:oklch(17.9193% .0316785 252.962);--ff-color-brand-cream:oklch(95.6426% .0241257 96.5705);--ff-color-brand-lime:oklch(92.9518% .217212 124.656);--ff-color-brand-orange:oklch(70.316% .196929 42.6814);--ff-color-brand-arena:oklch(22.4205% .0350724 246.544);--ff-color-brand-paper:oklch(99.0123% .0160756 95.2193);--ff-color-brand-rule:oklch(85.2953% .0270829 104.624);--ff-color-brand-muted:oklch(46.1476% .0174416 218.256);--ff-space-0:0;--ff-space-1:.25rem;--ff-space-2:.5rem;--ff-space-3:.75rem;--ff-space-4:1rem;--ff-space-5:1.25rem;--ff-space-6:1.5rem;--ff-space-8:2rem;--ff-space-10:2.5rem;--ff-space-12:3rem;--ff-space-16:4rem;--ff-radius-none:0;--ff-radius-sm:.125rem;--ff-radius-md:.25rem;--ff-radius-lg:.5rem;--ff-radius-xl:.75rem;--ff-radius-full:999px;--ff-type-family:Noto Sans Thai, system-ui, sans-serif;--ff-type-size-xs:.75rem;--ff-type-size-sm:.875rem;--ff-type-size-md:1rem;--ff-type-size-lg:1.125rem;--ff-type-size-xl:1.25rem;--ff-type-size-2xl:1.5rem;--ff-type-size-3xl:1.875rem;--ff-type-size-4xl:2.25rem;--ff-type-line-compact:1.2;--ff-type-line-body:1.5;--ff-type-line-relaxed:1.65;--ff-type-weight-regular:400;--ff-type-weight-medium:500;--ff-type-weight-semibold:600;--ff-type-weight-bold:700;--ff-type-weight-heavy:800;--ff-type-tracking-tight:-.025em;--ff-type-tracking-normal:0;--ff-type-display-family:Bebas Neue, Noto Sans Thai, sans-serif;--ff-motion-fast:.12s;--ff-motion-base:.18s;--ff-motion-slow:.24s;--ff-motion-ease-out:cubic-bezier(.25, 1, .5, 1);--ff-shadow-none:none;--ff-shadow-raised:none;--ff-shadow-overlay:0 8px 24px oklch(13% .02 255/.16);--ff-z-dropdown:20;--ff-z-sticky:30;--ff-z-backdrop:40;--ff-z-modal:50;--ff-z-toast:60;--ff-z-tooltip:70;--ff-breakpoint-compact:360px;--ff-breakpoint-mobile:480px;--ff-breakpoint-tablet:768px;--ff-breakpoint-desktop:1024px;--ff-breakpoint-wide:1280px;--ff-touch-minimum:2.75rem;--ff-touch-primary:3.5rem;--ff-surface-canvas:var(--ff-color-brand-cream);--ff-surface-default:var(--ff-color-brand-paper);--ff-surface-subtle:var(--ff-color-brand-cream);--ff-surface-raised:var(--ff-color-brand-paper);--ff-surface-scrim:oklch(13% .02 255/.58);--ff-surface-arena:var(--ff-color-brand-navy);--ff-surface-arena-raised:var(--ff-color-brand-arena);--ff-text-primary:var(--ff-color-brand-navy);--ff-text-secondary:var(--ff-color-brand-muted);--ff-text-subdued:var(--ff-color-brand-muted);--ff-text-inverse:var(--ff-color-brand-cream);--ff-text-link:var(--ff-color-brand-navy);--ff-text-disabled:var(--ff-color-neutral-400);--ff-border-subtle:var(--ff-color-brand-rule);--ff-border-default:var(--ff-color-brand-rule);--ff-border-strong:var(--ff-color-brand-muted);--ff-border-focus:var(--ff-color-brand-navy);--ff-action-primary-default:var(--ff-color-brand-lime);--ff-action-primary-hover:oklch(89% .2 125);--ff-action-primary-active:oklch(84% .18 125);--ff-action-primary-disabled:var(--ff-color-neutral-200);--ff-action-primary-text:var(--ff-color-brand-navy);--ff-action-secondary-default:var(--ff-color-brand-paper);--ff-action-secondary-hover:var(--ff-color-brand-cream);--ff-action-secondary-active:var(--ff-color-brand-rule);--ff-action-secondary-text:var(--ff-color-brand-navy);--ff-action-danger-default:var(--ff-color-red-700);--ff-action-danger-hover:var(--ff-color-red-500);--ff-action-danger-text:var(--ff-color-neutral-0);--ff-feedback-success-surface:var(--ff-color-green-50);--ff-feedback-success-strong:var(--ff-color-green-700);--ff-feedback-success-text:var(--ff-color-green-700);--ff-feedback-warning-surface:var(--ff-color-amber-50);--ff-feedback-warning-strong:var(--ff-color-amber-700);--ff-feedback-warning-text:var(--ff-color-amber-700);--ff-feedback-danger-surface:var(--ff-color-red-50);--ff-feedback-danger-strong:var(--ff-color-red-700);--ff-feedback-danger-text:var(--ff-color-red-700);--ff-feedback-info-surface:var(--ff-color-cyan-50);--ff-feedback-info-strong:var(--ff-color-cyan-700);--ff-feedback-info-text:var(--ff-color-cyan-700);--ff-sport-live:var(--ff-color-red-700);--ff-sport-waiting:var(--ff-color-neutral-600);--ff-sport-next:var(--ff-color-cyan-700);--ff-sport-winner:var(--ff-color-amber-700);--ff-sport-loan:var(--ff-color-blue-700);--ff-sport-fairness-good:var(--ff-color-green-700);--ff-sport-fairness-attention:var(--ff-color-amber-700);--ff-line-action:oklch(69% .21 145);--ff-line-hover:oklch(61% .19 145);--ff-line-text:var(--ff-color-neutral-950);--ff-team-a-background:var(--ff-color-blue-50);--ff-team-a-strong:var(--ff-color-blue-700);--ff-team-a-text:var(--ff-color-blue-900);--ff-team-b-background:var(--ff-color-red-50);--ff-team-b-strong:var(--ff-color-red-700);--ff-team-b-text:var(--ff-color-red-700);--ff-team-c-background:var(--ff-color-amber-50);--ff-team-c-strong:var(--ff-color-amber-700);--ff-team-c-text:var(--ff-color-amber-700);--ff-team-d-background:var(--ff-color-green-50);--ff-team-d-strong:var(--ff-color-green-700);--ff-team-d-text:var(--ff-color-green-700);--ff-focus-ring:0 0 0 3px var(--ff-border-focus);--ff-button-height:var(--ff-touch-minimum);--ff-button-height-primary:var(--ff-touch-primary);--ff-button-radius:var(--ff-radius-md);--ff-button-padding-x:var(--ff-space-5);--ff-button-gap:var(--ff-space-2);--ff-input-height:var(--ff-touch-minimum);--ff-input-radius:var(--ff-radius-md);--ff-input-padding-x:var(--ff-space-3);--ff-panel-radius:var(--ff-radius-lg);--ff-panel-padding:var(--ff-space-5);--ff-panel-gap:var(--ff-space-4);--ff-badge-height:1.75rem;--ff-badge-radius:var(--ff-radius-sm);--ff-badge-padding-x:var(--ff-space-3);--ff-character-avatar:2.5rem;--ff-character-spot:7.5rem;--ff-character-feature:17.5rem;--ff-character-safe:var(--ff-space-3);--ff-bottom-action-min-height:4.5rem;--ff-score-font-size:6rem;--ff-catalog-space-micro:var(--ff-space-1);--ff-catalog-space-compact:var(--ff-space-2);--ff-catalog-space-inline:var(--ff-space-3);--ff-catalog-space-content:var(--ff-space-4);--ff-catalog-space-section-gap:var(--ff-space-5);--ff-catalog-space-stack:var(--ff-space-6);--ff-catalog-space-wide-inline:var(--ff-space-8);--ff-catalog-space-section-padding:var(--ff-space-10);--ff-catalog-space-shell-padding-end:var(--ff-space-12);--ff-catalog-radius-small:var(--ff-radius-sm);--ff-catalog-radius-medium:var(--ff-radius-md);--ff-catalog-radius-large:var(--ff-radius-lg);--ff-catalog-radius-extra-large:var(--ff-radius-xl);--ff-catalog-type-family:var(--ff-type-family);--ff-catalog-type-body-line:var(--ff-type-line-body);--ff-catalog-type-compact-line:var(--ff-type-line-compact);--ff-catalog-type-relaxed-line:var(--ff-type-line-relaxed);--ff-catalog-type-small-size:var(--ff-type-size-sm);--ff-catalog-type-component-size:var(--ff-type-size-lg);--ff-catalog-type-section-size:var(--ff-type-size-2xl);--ff-catalog-type-title-size:var(--ff-type-size-4xl);--ff-catalog-type-heading-weight:var(--ff-type-weight-semibold);--ff-catalog-type-heading-tracking:var(--ff-type-tracking-tight);--navy:var(--ff-surface-arena);--navy-2:var(--ff-surface-arena-raised);--orange:var(--ff-color-brand-orange);--orange-dark:var(--ff-text-primary);--court:var(--ff-action-primary-default);--cream:var(--ff-surface-canvas);--paper:var(--ff-surface-default);--mint:var(--ff-action-primary-default);--white:var(--ff-color-neutral-0);--ink-muted:var(--ff-text-secondary);--line:var(--ff-border-default);--shadow:var(--ff-shadow-raised);--radius-sm:var(--ff-radius-sm);--radius-md:var(--ff-radius-lg);--radius-lg:var(--ff-radius-xl);color:var(--ff-text-primary);background:var(--cream);font-family:var(--ff-type-family);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--ff-surface-canvas);scrollbar-color:var(--ff-border-strong) var(--ff-surface-canvas);min-width:320px;min-height:100%}body{min-height:100vh;color:var(--ff-text-primary);font-family:var(--ff-type-family);margin:0;line-height:1.55}::selection{color:var(--ff-text-primary);background:var(--ff-action-primary-default)}button,input,select,textarea{font:inherit;accent-color:var(--ff-text-primary);caret-color:var(--ff-text-primary)}button,select,input{min-height:44px}button{cursor:pointer;border-radius:var(--ff-button-radius)}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--ff-border-focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ff-text-primary);overflow-wrap:anywhere;text-wrap:balance;font-style:normal;line-height:1.3}h1{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(1.9rem,5vw,3rem);font-weight:800}h2{font-size:1.4rem;font-weight:800}h3{font-size:1.1rem}p{max-width:72ch}.page{width:min(1180px,100%);margin:auto;padding:24px 20px 40px}.brand,.scoreboard-topbar h1,.versus-mark{font-family:var(--ff-type-display-family);font-weight:400}.brand{font-size:2rem;text-decoration:none}.local-badge{font-size:.8rem;font-weight:700}.eyebrow{display:none}.ghost-button,.danger-button,.draft-revision button{min-height:44px;color:inherit;background:0 0;border:1px solid;padding:8px 12px}.danger-button{color:var(--ff-action-danger-text);background:var(--ff-action-danger-default);border-color:var(--ff-action-danger-default)}.primary-button{width:100%;min-height:56px;color:var(--ff-action-primary-text);background:var(--ff-action-primary-default);border:1px solid var(--ff-action-primary-default);justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:800;display:flex}.primary-button:not(:disabled):hover{background:var(--ff-action-primary-hover)}.sticky-action{z-index:15;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--ff-surface-canvas);margin-top:20px;position:sticky;bottom:0}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px;display:flex}.section-heading p,.draft-setup-hint,.draft-team-progress small{color:var(--ff-text-secondary);margin-bottom:0}.draft-role-switch{border-bottom:1px solid var(--ff-border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.draft-role-switch label{align-items:center;gap:8px;display:flex}.draft-role-switch select,.draft-setup-card input,.draft-setup-card select,.rating-control select,.role-control select{width:100%;color:var(--ff-text-primary);background:var(--ff-surface-default);border:1px solid var(--ff-border-strong);border-radius:var(--ff-input-radius);padding:8px}.draft-setup-card,.draft-complete-card{border-block:1px solid var(--ff-border-default);gap:16px;margin-block:16px;padding-block:20px;display:grid}.draft-setup-card label,.captain-assignment label{gap:8px;font-weight:700;display:grid}.draft-setup-grid,.captain-assignment{gap:16px;display:grid}.draft-error,.role-warning{color:var(--ff-feedback-danger-text);background:var(--ff-feedback-danger-surface);border:1px solid var(--ff-feedback-danger-strong);margin-block:12px;padding:12px}.draft-revision{flex-wrap:wrap;gap:8px;display:flex}.draft-revision button{font-size:.8rem}.draft-turn-banner{color:var(--ff-text-inverse);background:var(--ff-surface-arena);border:1px solid var(--ff-surface-arena);gap:6px;margin-block:20px;padding:20px;display:grid}.draft-turn-banner strong{font-size:1.3rem;font-weight:800}.draft-turn-banner.is-your-turn,.draft-turn-banner.is-complete{color:var(--ff-action-primary-text);background:var(--ff-action-primary-default)}.draft-snake-progress{color:var(--ff-text-secondary);overflow-wrap:anywhere;font-size:.8rem}.draft-workspace{gap:24px;display:grid}.draft-team-progress{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 16px;display:grid}.draft-team-progress article{border-bottom:1px solid var(--ff-border-default);gap:4px;padding:12px 0;display:grid}.draft-team-progress article.is-current{background:var(--ff-action-primary-default);color:var(--ff-action-primary-text);padding:12px}.draft-team-progress span{font-family:var(--ff-type-display-family);font-size:1.6rem}.draft-player-grid{align-content:start;gap:0;display:grid}.draft-player-card{border-bottom:1px solid var(--ff-border-default)}.draft-player-card.is-selected{background:var(--ff-action-primary-default)}.draft-player-card.is-picked{color:var(--ff-text-secondary)}.draft-player-card>button{width:100%;min-height:64px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:12px 0;display:flex}.draft-player-card>button:disabled{opacity:1}.draft-player-copy{gap:3px;min-width:0;display:grid}.draft-player-copy strong,.player-name,.player-chip-name{overflow-wrap:anywhere;white-space:normal}.draft-picked-label{flex:none;margin-left:auto;font-size:.75rem}.draft-player-meta{flex-wrap:wrap;gap:8px;padding:0 0 12px 54px;font-size:.8rem;display:flex}.draft-class-pill,.private-rating,.private-pill,.role-badge{color:var(--ff-text-primary);background:var(--ff-surface-subtle);border:1px solid var(--ff-border-default);padding:3px 6px;font-size:.75rem;font-weight:700}.private-pill{align-self:start}.hero-card{color:var(--ff-text-inverse);background:var(--ff-surface-arena);gap:20px;padding:24px;display:grid}.hero-card h1{color:inherit}.hero-card p{margin-bottom:0}.roster-counter{color:var(--ff-action-primary-default);align-content:center;display:grid}.roster-counter strong{font-family:var(--ff-type-display-family);font-size:2.5rem;font-weight:400}.privacy-banner{border-block:1px solid var(--ff-border-default);margin-block:16px;padding:12px 0}.roster-grid{gap:12px;display:grid}.player-card{border:1px solid var(--ff-border-default);background:var(--ff-surface-default)}.player-card.is-selected{border-color:var(--ff-text-primary)}.player-select{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr 28px;align-items:center;gap:8px;padding:12px;display:grid}.anime-avatar{width:42px;height:42px;color:var(--ff-text-inverse);background:var(--ff-surface-arena);font-family:var(--ff-type-display-family);flex:0 0 42px;place-items:center;font-size:1.5rem;display:grid}.player-identity{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.selection-mark{border:1px solid var(--ff-border-default);place-items:center;width:28px;height:28px;display:grid}.is-selected .selection-mark{color:var(--ff-action-primary-text);background:var(--ff-action-primary-default)}.player-metadata-controls{border-top:1px solid var(--ff-border-default);gap:8px;padding:12px;display:grid}.rating-control,.role-control{gap:8px;font-size:.85rem;display:grid}.role-warning-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.teams-grid{gap:24px;display:grid}.team-card{border:1px solid var(--ff-border-default);background:var(--ff-surface-default)}.team-card-header{color:var(--ff-text-inverse);background:var(--ff-surface-arena);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.team-card-header h2{color:inherit;margin:0}.team-capacity{font-family:var(--ff-type-display-family);flex:none;font-size:1.5rem}.team-rating,.team-role-composition{border-bottom:1px solid var(--ff-border-default);justify-content:space-between;margin:0;padding:12px 16px;font-size:.85rem;display:flex}.team-roster{padding-inline:16px}.team-player{width:100%;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--ff-border-default);background:0 0;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 0;display:grid}.team-player.is-swap-selected{background:var(--ff-action-primary-default)}.jersey-number{font-family:var(--ff-type-display-family);font-size:1.5rem}.scoreboard-page{min-height:calc(100svh - 64px);color:var(--ff-text-inverse);background:var(--ff-surface-arena);padding:20px}.scoreboard-page :focus-visible{outline-color:var(--ff-action-primary-default)}.scoreboard-topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 16px;font-size:.8rem;display:flex}.scoreboard-topbar h1{color:inherit;letter-spacing:.015em;margin:0;font-size:1.7rem}.live-dot{background:var(--ff-action-primary-default);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.matchup-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;max-width:1200px;margin:0 auto 20px;display:grid}.matchup-picker label{gap:4px;font-size:.8rem;display:grid}.matchup-picker select{width:100%;min-width:0;color:var(--ff-text-inverse);background:var(--ff-surface-arena-raised);border:1px solid var(--ff-border-strong);border-radius:var(--ff-input-radius);padding:8px}.versus-mark{align-self:center;font-size:1.4rem}.scoreboard-arena{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"home-label away-label""home-score away-score""clock clock""home-actions away-actions""clock-action clock-action""clock-adjust clock-adjust""home-finish away-finish""home-roster away-roster";align-items:start;gap:12px 16px;max-width:1200px;margin:auto;display:grid}.score-panel,.timer-panel{display:contents}.score-panel-home{--score-actions-area:home-actions}.score-panel-away{--score-actions-area:away-actions}.score-team-label{text-align:center;gap:4px;min-height:52px;display:grid}.score-team-label span{font-family:var(--ff-type-display-family);font-size:1rem}.score-team-label strong{overflow-wrap:anywhere;font-size:1rem}.score-number{color:var(--ff-text-inverse);font-family:var(--ff-type-display-family);text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(4rem,22vw,6rem);font-weight:400;line-height:1;display:block}.score-panel.is-winner .score-number{color:var(--ff-action-primary-default)}.score-actions{grid-area:var(--score-actions-area);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.score-actions button{min-height:56px;color:var(--ff-text-inverse);background:var(--ff-surface-arena-raised);border:1px solid var(--ff-border-strong);padding:8px;font-size:1.2rem;font-weight:700}.score-actions button:last-child{color:var(--ff-action-primary-text);background:var(--ff-action-primary-default);border-color:var(--ff-action-primary-default)}.select-winner-button{min-height:44px;color:inherit;border:1px solid var(--ff-border-strong);background:0 0;padding:8px;font-size:.8rem}.timer-panel{text-align:center}.timer-display{text-align:center;color:var(--ff-action-primary-default);font-family:var(--ff-type-display-family);font-variant-numeric:tabular-nums;grid-area:clock;justify-self:center;padding-block:8px;font-size:4.5rem;line-height:1}.timer-panel>*{width:100%;max-width:380px}.timer-adjust,.timer-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.timer-panel button{min-height:56px;color:inherit;background:var(--ff-surface-arena-raised);border:1px solid var(--ff-border-strong);padding:8px;font-weight:700}.timer-primary-actions .start-button{color:var(--ff-action-primary-text);background:var(--ff-action-primary-default);border-color:var(--ff-action-primary-default)}.timer-primary-actions .pause-button{color:var(--ff-text-primary);background:var(--ff-surface-canvas)}.score-roster-home{grid-area:home-roster}.score-roster-away{grid-area:away-roster}.active-roster{gap:0;min-width:0;display:grid}.active-roster>span{border-bottom:1px solid var(--ff-border-strong);grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:10px 0;font-size:.85rem;display:grid}.active-roster b{font-family:var(--ff-type-display-family);font-size:1.15rem;font-weight:400}.active-roster .role-badge{color:inherit;background:0 0;border:0;grid-column:2;justify-self:start;padding:0}.reserve-teams{border-top:1px solid var(--ff-border-strong);flex-wrap:wrap;align-items:center;gap:12px;max-width:1200px;margin:24px auto 0;padding-top:16px;font-size:.85rem;display:flex}.winner-banner{max-width:1200px;color:var(--ff-action-primary-text);background:var(--ff-action-primary-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 20px;padding:16px;display:flex}.winner-banner div{gap:4px;display:grid}.winner-banner strong{font-size:1.5rem}.edit-result-button{min-height:44px;color:var(--ff-text-inverse);background:var(--ff-surface-arena);border:1px solid var(--ff-surface-arena);padding:8px 16px}.modal-backdrop{z-index:50;background:var(--ff-surface-scrim);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(440px,100%);max-height:calc(100svh - 40px);color:var(--ff-text-primary);background:var(--ff-surface-default);border-radius:var(--ff-radius-xl);box-shadow:var(--ff-shadow-overlay);padding:24px;overflow-y:auto}.dialog-icon{display:none}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.winner-team-name{font-size:1.6rem;font-weight:800}.winner-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px;display:grid}.winner-summary dt{font-size:.8rem}.winner-summary dd{font-family:var(--ff-type-display-family);margin:0;font-size:2rem}.winner-confirm-button{min-height:56px;color:var(--ff-action-primary-text);background:var(--ff-action-primary-default);border:0;padding:12px;font-weight:700}@media (width>=700px){.page{padding:32px 24px 48px}.roster-grid,.draft-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.captain-assignment,.teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.captain-assignment h2{grid-column:1/-1}.hero-card{grid-template-columns:1fr auto}.draft-workspace{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.draft-team-progress{grid-area:1/2;grid-template-columns:1fr}.draft-player-grid{grid-area:1/1}.scoreboard-page{padding:24px 32px}.score-number{font-size:6rem}}@media (width>=1050px){.scoreboard-arena{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) minmax(0,1fr);grid-template-areas:"home-label clock away-label""home-score clock away-score""home-actions clock-action away-actions""home-finish clock-adjust away-finish""home-roster.away-roster";gap:20px 32px}.timer-display{align-self:center;padding:20px;font-size:5rem}.roster-grid,.teams-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.score-panel-home .score-team-label{grid-area:home-label}.score-panel-away .score-team-label{grid-area:away-label}.score-panel-home .score-number{grid-area:home-score}.score-panel-away .score-number{grid-area:away-score}.score-panel-home .select-winner-button{grid-area:home-finish}.score-panel-away .select-winner-button{grid-area:away-finish}.timer-panel>:last-child{grid-area:clock-action;justify-self:center;margin-top:0}.timer-adjust{grid-area:clock-adjust;justify-self:center;margin-top:0}.draft-player-copy .role-badge{justify-self:start}.draft-team-jump{min-height:var(--ff-touch-minimum);align-items:center;display:inline-flex}