:root{--header-height:3.5rem;--bottom-nav-height:4rem;--max-app-width:30rem;--oklch-white:100% 0 0;--oklch-black:0% 0 0;--oklch-gray-100:85.1% 0 271;--oklch-gray-300:74.4% 0 271;--oklch-gray-600:45% 0 271;--oklch-gray-800:32.9% 0 271;--oklch-brand:69.9% .165 160;--oklch-brand-light:79.9% .106 164;--oklch-accent:60.3% .198 284;--oklch-accent-light:78% .12 284;--oklch-info:70.3% .198 194;--oklch-info-light:88.3% .129 193;--oklch-warning:73.6% .177 62;--oklch-danger:61.3% .209 25;--oklch-surface-base:48.7% .085 234;--oklch-surface-mid:38.1% .07 240;--oklch-surface-dark:31.9% .054 239;--oklch-surface-deep:26.785% .04303 235.898;--oklch-surface-card:45.677% .09528 236.675;--oklch-surface-card-soft:95.4% .066 99;--oklch-blue:62.3% .188 260;--oklch-blue-soft:78.5% .115 258;--oklch-green:72.3% .192 150;--oklch-green-bright:79.2% .209 152;--oklch-red:63.7% .208 25;--oklch-red-soft:80.8% .103 20;--oklch-yellow:86% .173 92;--oklch-purple:82.7% .111 306;--alpha-02:.02;--alpha-03:.03;--alpha-04:.04;--alpha-05:.05;--alpha-06:.06;--alpha-08:.08;--alpha-10:.1;--alpha-12:.12;--alpha-14:.14;--alpha-15:.15;--alpha-16:.16;--alpha-18:.18;--alpha-20:.2;--alpha-22:.22;--alpha-24:.24;--alpha-25:.25;--alpha-28:.28;--alpha-30:.3;--alpha-35:.35;--alpha-40:.4;--alpha-45:.45;--alpha-50:.5;--alpha-60:.6;--alpha-65:.65;--alpha-70:.7;--clr-bg:oklch(var(--oklch-surface-base));--clr-surface-dark:oklch(var(--oklch-surface-mid));--clr-surface-deep:oklch(var(--oklch-surface-deep));--clr-surface-base:oklch(var(--oklch-surface-dark));--clr-surface-glass:oklch(var(--oklch-white) / var(--alpha-06));--clr-surface-glass-soft:oklch(var(--oklch-white) / var(--alpha-04));--clr-surface-glass-strong:oklch(var(--oklch-white) / var(--alpha-10));--clr-surface-overlay-soft:oklch(var(--oklch-black) / var(--alpha-40));--clr-surface-overlay-strong:oklch(var(--oklch-black) / var(--alpha-50));--clr-white:oklch(var(--oklch-white));--clr-black:oklch(var(--oklch-black));--clr-transparent:transparent;--clr-text-main:oklch(22.6% .019 257);--clr-text-muted:oklch(55.1% .023 264);--clr-text-inverse:var(--clr-white);--clr-text-soft:oklch(var(--oklch-white) / .68);--clr-text-subtle:oklch(var(--oklch-white) / .58);--clr-text-muted-inverse:oklch(var(--oklch-white) / .6);--clr-light-gray:oklch(var(--oklch-gray-100));--clr-gray:oklch(var(--oklch-gray-300));--clr-dark-gray:oklch(var(--oklch-gray-600));--clr-light-black:oklch(var(--oklch-gray-800));--clr-border:oklch(68.5% .095 232);--clr-border-soft:oklch(var(--oklch-white) / var(--alpha-06));--clr-border-subtle:oklch(var(--oklch-white) / var(--alpha-10));--clr-border-muted:oklch(var(--oklch-white) / var(--alpha-14));--clr-border-strong:oklch(var(--oklch-white) / var(--alpha-25));--clr-primary:oklch(var(--oklch-brand));--clr-light-primary:oklch(var(--oklch-brand-light));--clr-secondary:oklch(var(--oklch-warning));--clr-accent:oklch(var(--oklch-accent));--clr-light-accent:oklch(var(--oklch-accent-light));--clr-error:oklch(var(--oklch-danger));--clr-light-error:oklch(80.3% .109 25);--clr-cyan:oklch(var(--oklch-info));--clr-light-cyan:oklch(var(--oklch-info-light));--clr-success:var(--clr-primary);--clr-warning:var(--clr-secondary);--clr-danger:var(--clr-error);--clr-success-soft:oklch(var(--oklch-green) / var(--alpha-16));--clr-success-border:oklch(var(--oklch-green) / var(--alpha-35));--clr-success-text:oklch(var(--oklch-green-bright));--clr-danger-soft:oklch(var(--oklch-red) / var(--alpha-16));--clr-danger-border:oklch(var(--oklch-red) / var(--alpha-35));--clr-danger-text:oklch(var(--oklch-red-soft));--clr-warning-soft:oklch(var(--oklch-warning) / var(--alpha-16));--clr-warning-border:oklch(var(--oklch-warning) / var(--alpha-35));--clr-warning-text:oklch(82.4% .166 84);--clr-info-soft:oklch(var(--oklch-blue) / var(--alpha-16));--clr-info-border:oklch(var(--oklch-blue) / var(--alpha-70));--clr-info-text:oklch(var(--oklch-blue-soft));--clr-control-bg:var(--clr-surface-glass);--clr-control-bg-disabled:var(--clr-surface-glass-soft);--clr-control-border:var(--clr-border-muted);--clr-control-focus-shadow:oklch(var(--oklch-brand) / var(--alpha-28));--clr-btn-primary-bg:var(--clr-primary);--clr-btn-primary-bg-hover:oklch(var(--oklch-brand) / .9);--clr-btn-primary-text:var(--clr-text-inverse);--clr-btn-secondary-bg:var(--clr-accent);--clr-btn-secondary-bg-hover:oklch(var(--oklch-accent) / .9);--clr-btn-secondary-text:var(--clr-text-inverse);--clr-btn-danger-bg:var(--clr-danger);--clr-btn-danger-bg-hover:oklch(57.7% .215 27);--clr-btn-danger-text:var(--clr-text-inverse);--clr-btn-warning-bg:var(--clr-warning);--clr-btn-warning-bg-hover:oklch(70.5% .187 48);--clr-btn-warning-text:var(--clr-text-inverse);--clr-btn-cancel-bg:oklch(var(--oklch-red) / var(--alpha-16));--clr-btn-cancel-bg-hover:oklch(var(--oklch-red) / var(--alpha-24));--clr-btn-cancel-border:oklch(var(--oklch-red) / var(--alpha-35));--clr-btn-cancel-text:var(--clr-danger-text);--clr-btn-soft-success-bg:var(--clr-success-soft);--clr-btn-soft-success-bg-hover:oklch(var(--oklch-green) / var(--alpha-24));--clr-btn-soft-success-border:var(--clr-success-border);--clr-btn-soft-success-text:var(--clr-success-text);--clr-btn-soft-warning-bg:var(--clr-warning-soft);--clr-btn-soft-warning-bg-hover:oklch(var(--oklch-warning) / var(--alpha-24));--clr-btn-soft-warning-border:var(--clr-warning-border);--clr-btn-soft-warning-text:var(--clr-warning-text);--clr-btn-soft-danger-bg:var(--clr-danger-soft);--clr-btn-soft-danger-bg-hover:oklch(var(--oklch-red) / var(--alpha-24));--clr-btn-soft-danger-border:var(--clr-danger-border);--clr-btn-soft-danger-text:var(--clr-danger-text);--clr-btn-ghost-bg:var(--clr-transparent);--clr-btn-ghost-bg-hover:var(--clr-surface-glass);--clr-btn-ghost-border:var(--clr-border-strong);--clr-btn-ghost-text:var(--clr-text-inverse);--clr-field-bg:var(--clr-white);--clr-field-border:var(--clr-border);--clr-field-focus-border:var(--clr-primary);--clr-field-error-border:var(--clr-error);--clr-field-placeholder:var(--clr-text-muted);--clr-field-text:var(--clr-text-main);--clr-card-shadow:oklch(var(--oklch-black) / var(--alpha-18));--clr-shadow-soft:oklch(var(--oklch-black) / var(--alpha-15));--clr-shadow-md:oklch(var(--oklch-black) / var(--alpha-20));--clr-payment-pending-bg:oklch(var(--oklch-red) / var(--alpha-22));--clr-payment-pending-border:oklch(var(--oklch-red-soft) / var(--alpha-65));--clr-payment-pending-text:oklch(88.5% .062 18);--clr-payment-paid-bg:oklch(var(--oklch-green) / var(--alpha-24));--clr-payment-paid-border:oklch(var(--oklch-green-bright) / var(--alpha-70));--clr-payment-paid-text:oklch(92.5% .126 156);--clr-announcement-tournament:oklch(58% .16 155);--clr-announcement-league:oklch(58% .15 225);--clr-announcement-class:oklch(58% .17 290);--clr-announcement-promotion:oklch(66% .17 65);--clr-announcement-incidence:oklch(58% .2 25);--clr-announcement-social:oklch(62% .18 345);--clr-announcement-other:oklch(52% .06 250);--clr-announcement-card-bg:oklch(var(--oklch-surface-card));--clr-announcement-card-shadow:oklch(var(--oklch-blue) / var(--alpha-28));--clr-announcement-date-bg:oklch(var(--oklch-surface-dark) / var(--alpha-50));--clr-overlay-soft:var(--clr-surface-overlay-soft);--clr-overlay-strong:var(--clr-surface-overlay-strong);--clr-spinner-track:oklch(var(--oklch-white) / var(--alpha-30));--clr-main-header-title-shadow:var(--clr-gray);--clr-admin-confirm-shadow:oklch(52% .22 25 / var(--alpha-50));--clr-admin-confirm-shadow-end:oklch(52% .22 25/0);--clr-app-avatar-border:oklch(var(--oklch-white) / var(--alpha-65));--clr-app-settings-hover:oklch(var(--oklch-white) / var(--alpha-08));--clr-realtime-border:oklch(var(--oklch-danger) / .55);--clr-realtime-bg:oklch(43% .11 26);--clr-bottom-nav:var(--clr-light-gray);--clr-bottom-nav-item:var(--clr-info-text);--clr-bottom-nav-active:oklch(var(--oklch-green-bright));--clr-match-card-shadow:var(--clr-shadow-md);--clr-match-card-header-bg:oklch(24% .045 245);--clr-match-card-header-border:var(--clr-border-soft);--clr-match-meta-club:oklch(88.2% .059 254);--clr-match-meta-date:oklch(90.5% .139 95);--clr-match-meta-court:oklch(var(--oklch-purple));--clr-match-meta-level:oklch(90.5% .106 164);--clr-match-status-bg:var(--clr-success-soft);--clr-match-status-border:var(--clr-success-border);--clr-match-status-text:var(--clr-success-text);--clr-match-player-add-hover-bg:oklch(55% .14 245);--clr-match-player-remove-bg:oklch(36% .13 25);--clr-match-player-remove-bg-hover:oklch(48% .18 25);--clr-match-picker-search-bg:oklch(25% .03 240);--clr-match-picker-guest-border:oklch(78% .13 85);--clr-match-picker-guest-bg-hover:oklch(43% .09 95);--clr-match-picker-option-bg:oklch(30% .04 235);--clr-match-picker-option-bg-hover:oklch(36% .06 238);--radius-xs:.152rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-full:999rem;--brd-base:.0625rem solid;--brd-base-dashed:.0625rem dashed;--brd-medium:.09375rem solid;--brd-strong:.125rem solid;--space-4xs:.125rem;--space-3xs:.1875rem;--space-2xs:.375rem;--space-xxs:.25rem;--space-xs:.5rem;--space-xs-plus:.625rem;--space-s:.75rem;--space-s-plus:.875rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:2.5rem;--space-1:.0625rem;--space-2:.125rem;--space-3:.1875rem;--space-4:.25rem;--space-5:.3125rem;--space-7:.4375rem;--space-8:.5rem;--space-11:.6875rem;--space-12:.75rem;--space-32:2rem;--z-raised:10;--z-sticky:90;--z-realtime:95;--z-header:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--shadow-sm:0 var(--space-xxs) var(--space-xs-plus) oklch(var(--oklch-black) / var(--alpha-14));--shadow-md:0 var(--space-xxs) var(--space-2xs) -.0625rem oklch(var(--oklch-black) / var(--alpha-10));--shadow-lg:0 var(--space-xs) var(--space-lg) oklch(var(--oklch-black) / var(--alpha-18));--transition-fast:.15s ease;--transition-normal:.25s;--font-sans:"Inter", system-ui, sans-serif;--text-xxs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-4xl:2.25rem;--line-height-tight:1;--line-height-heading-tight:1.12;--line-height-heading:1.2;--line-height-readable:1.4;--line-height-base:1.5;--font-medium:500;--font-semibold:600;--font-bold:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--clr-text-main);background-color:var(--clr-bg);font-family:var(--font-sans);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}button{background:var(--clr-transparent);cursor:pointer;border:0;font-family:inherit}input,select,textarea{color:inherit;background:var(--clr-transparent);font-family:inherit;font-size:inherit;border:0;outline:0}a{color:inherit;text-decoration:none}img{max-inline-size:100%;display:block}ul,ol{list-style:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:.0625rem;inline-size:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}#app{flex-direction:column;min-block-size:100svh;display:flex}.input-field{inline-size:100%;padding:var(--space-s) var(--space-sm);border:var(--brd-strong) var(--clr-field-border);border-radius:var(--radius-md);color:var(--clr-field-text);background:var(--clr-field-bg);font-size:var(--text-base);transition:border-color var(--transition-fast)}.input-field::placeholder{color:var(--clr-field-placeholder)}.input-field:focus{border-color:var(--clr-field-focus-border)}.input-field--error{border-color:var(--clr-field-error-border)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--line-height-tight);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), scale var(--transition-fast);border:0;display:inline-flex}.btn:active{scale:.97}.btn:disabled{cursor:not-allowed;opacity:.5;scale:1}.btn--sm{padding:var(--space-xs) var(--space-s);font-size:var(--text-sm)}.btn--md{padding:var(--space-s) var(--space-md);font-size:var(--text-base)}.btn--lg{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.btn--full{inline-size:100%}.btn--nav{white-space:nowrap}.btn--form{min-block-size:2.75rem}.btn--action{min-inline-size:0}.btn--icon{aspect-ratio:1;padding:var(--space-xs)}.btn--neutral{--btn-solid-bg:var(--clr-surface-glass-strong);--btn-solid-bg-hover:var(--clr-surface-glass);--btn-solid-text:var(--clr-text-inverse);--btn-soft-bg:var(--clr-surface-glass-soft);--btn-soft-bg-hover:var(--clr-surface-glass-strong);--btn-soft-border:var(--clr-border-muted);--btn-soft-text:var(--clr-text-inverse);--btn-glass-bg:var(--clr-surface-glass);--btn-glass-bg-hover:var(--clr-surface-glass-strong);--btn-glass-border:var(--clr-border-muted);--btn-glass-text:var(--clr-text-inverse)}.btn--success{--btn-solid-bg:var(--clr-btn-primary-bg);--btn-solid-bg-hover:var(--clr-btn-primary-bg-hover);--btn-solid-text:var(--clr-btn-primary-text);--btn-soft-bg:var(--clr-btn-soft-success-bg);--btn-soft-bg-hover:var(--clr-btn-soft-success-bg-hover);--btn-soft-border:var(--clr-btn-soft-success-border);--btn-soft-text:var(--clr-btn-soft-success-text);--btn-glass-bg:var(--clr-btn-soft-success-bg);--btn-glass-bg-hover:var(--clr-btn-soft-success-bg-hover);--btn-glass-border:var(--clr-btn-soft-success-border);--btn-glass-text:var(--clr-btn-soft-success-text)}.btn--info{--btn-solid-bg:var(--clr-btn-secondary-bg);--btn-solid-bg-hover:var(--clr-btn-secondary-bg-hover);--btn-solid-text:var(--clr-btn-secondary-text);--btn-soft-bg:var(--clr-info-soft);--btn-soft-bg-hover:oklch(var(--oklch-blue) / var(--alpha-24));--btn-soft-border:var(--clr-info-border);--btn-soft-text:var(--clr-info-text);--btn-glass-bg:var(--clr-info-soft);--btn-glass-bg-hover:oklch(var(--oklch-blue) / var(--alpha-24));--btn-glass-border:var(--clr-info-border);--btn-glass-text:var(--clr-info-text)}.btn--alert{--btn-solid-bg:var(--clr-btn-cancel-bg);--btn-solid-bg-hover:var(--clr-btn-cancel-bg-hover);--btn-solid-text:var(--clr-btn-cancel-text);--btn-soft-bg:var(--clr-btn-cancel-bg);--btn-soft-bg-hover:var(--clr-btn-cancel-bg-hover);--btn-soft-border:var(--clr-btn-cancel-border);--btn-soft-text:var(--clr-btn-cancel-text);--btn-glass-bg:var(--clr-btn-cancel-bg);--btn-glass-bg-hover:var(--clr-btn-cancel-bg-hover);--btn-glass-border:var(--clr-btn-cancel-border);--btn-glass-text:var(--clr-btn-cancel-text)}.btn--warning{--btn-solid-bg:var(--clr-btn-warning-bg);--btn-solid-bg-hover:var(--clr-btn-warning-bg-hover);--btn-solid-text:var(--clr-btn-warning-text);--btn-soft-bg:var(--clr-btn-soft-warning-bg);--btn-soft-bg-hover:var(--clr-btn-soft-warning-bg-hover);--btn-soft-border:var(--clr-btn-soft-warning-border);--btn-soft-text:var(--clr-btn-soft-warning-text);--btn-glass-bg:var(--clr-btn-soft-warning-bg);--btn-glass-bg-hover:var(--clr-btn-soft-warning-bg-hover);--btn-glass-border:var(--clr-btn-soft-warning-border);--btn-glass-text:var(--clr-btn-soft-warning-text)}.btn--danger{--btn-solid-bg:var(--clr-btn-danger-bg);--btn-solid-bg-hover:var(--clr-btn-danger-bg-hover);--btn-solid-text:var(--clr-btn-danger-text);--btn-soft-bg:var(--clr-btn-soft-danger-bg);--btn-soft-bg-hover:var(--clr-btn-soft-danger-bg-hover);--btn-soft-border:var(--clr-btn-soft-danger-border);--btn-soft-text:var(--clr-btn-soft-danger-text);--btn-glass-bg:var(--clr-btn-soft-danger-bg);--btn-glass-bg-hover:var(--clr-btn-soft-danger-bg-hover);--btn-glass-border:var(--clr-btn-soft-danger-border);--btn-glass-text:var(--clr-btn-soft-danger-text)}.btn--solid{color:var(--btn-solid-text,var(--clr-text-inverse));background:var(--btn-solid-bg,var(--clr-btn-primary-bg))}.btn--solid:hover{background:var(--btn-solid-bg-hover,var(--clr-btn-primary-bg-hover))}.btn--solid.btn--neutral{--btn-solid-polish-accent:var(--oklch-white);--btn-solid-polish-highlight:var(--oklch-white);--btn-solid-polish-border:var(--clr-border-muted);--btn-solid-polish-text:var(--clr-text-inverse);--btn-solid-polish-glow-alpha:var(--alpha-05);--btn-solid-polish-hover-glow-alpha:var(--alpha-08)}.btn--solid.btn--success{--btn-solid-polish-accent:var(--oklch-brand);--btn-solid-polish-highlight:var(--oklch-green-bright);--btn-solid-polish-border:var(--clr-success-border);--btn-solid-polish-text:var(--clr-btn-primary-text);--btn-solid-polish-glow-alpha:var(--alpha-18);--btn-solid-polish-hover-glow-alpha:var(--alpha-22)}.btn--solid.btn--info{--btn-solid-polish-accent:var(--oklch-accent);--btn-solid-polish-highlight:var(--oklch-accent-light);--btn-solid-polish-border:oklch(var(--oklch-accent-light) / var(--alpha-45));--btn-solid-polish-text:var(--clr-btn-secondary-text);--btn-solid-polish-glow-alpha:var(--alpha-16);--btn-solid-polish-hover-glow-alpha:var(--alpha-20)}.btn--solid.btn--alert{--btn-solid-polish-accent:var(--oklch-red);--btn-solid-polish-highlight:var(--oklch-red-soft);--btn-solid-polish-border:var(--clr-btn-cancel-border);--btn-solid-polish-text:var(--clr-btn-cancel-text);--btn-solid-polish-glow-alpha:var(--alpha-08);--btn-solid-polish-hover-glow-alpha:var(--alpha-12)}.btn--solid.btn--warning{--btn-solid-polish-accent:var(--oklch-warning);--btn-solid-polish-highlight:var(--oklch-yellow);--btn-solid-polish-border:var(--clr-warning-border);--btn-solid-polish-text:var(--clr-btn-warning-text);--btn-solid-polish-glow-alpha:var(--alpha-16);--btn-solid-polish-hover-glow-alpha:var(--alpha-20)}.btn--solid.btn--danger{--btn-solid-polish-accent:var(--oklch-danger);--btn-solid-polish-highlight:var(--oklch-red-soft);--btn-solid-polish-border:var(--clr-danger-border);--btn-solid-polish-text:var(--clr-btn-danger-text);--btn-solid-polish-glow-alpha:var(--alpha-16);--btn-solid-polish-hover-glow-alpha:var(--alpha-20)}.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger){border:var(--brd-base) color-mix(in oklch, var(--btn-solid-polish-border), oklch(var(--oklch-white)) 18%);color:var(--btn-solid-polish-text,var(--btn-solid-text,var(--clr-text-inverse)));background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-22)) 0%, oklch(var(--oklch-white) / var(--alpha-06)) 42%, oklch(var(--oklch-black) / var(--alpha-10)) 100%), radial-gradient(circle at 50% -18%, oklch(var(--btn-solid-polish-highlight) / var(--alpha-35)) 0%, oklch(var(--btn-solid-polish-accent) / var(--alpha-18)) 48%, transparent 72%), var(--btn-solid-bg,var(--clr-btn-primary-bg));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-35)), inset 0 -.125rem 0 oklch(var(--oklch-black) / var(--alpha-16)), 0 .375rem .75rem oklch(var(--btn-solid-polish-accent) / var(--btn-solid-polish-glow-alpha));text-shadow:0 .0625rem 0 oklch(var(--oklch-black) / var(--alpha-28));transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), filter var(--transition-fast), scale var(--transition-fast), translate var(--transition-fast)}@media (hover:hover) and (pointer:fine){.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover{border-color:color-mix(in oklch, var(--btn-solid-polish-border), oklch(var(--oklch-white)) 32%);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-28)) 0%, oklch(var(--oklch-white) / var(--alpha-08)) 42%, oklch(var(--oklch-black) / var(--alpha-08)) 100%), radial-gradient(circle at 50% -18%, oklch(var(--btn-solid-polish-highlight) / var(--alpha-45)) 0%, oklch(var(--btn-solid-polish-accent) / var(--alpha-24)) 50%, transparent 74%), var(--btn-solid-bg-hover,var(--clr-btn-primary-bg-hover));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-45)), inset 0 -.125rem 0 oklch(var(--oklch-black) / var(--alpha-14)), 0 .5rem .875rem oklch(var(--btn-solid-polish-accent) / var(--btn-solid-polish-hover-glow-alpha));filter:saturate(1.04)brightness(1.03);translate:0 -.0625rem}}.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):active{filter:saturate(.98);translate:0}@media (prefers-reduced-motion:reduce){.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger),.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover,.btn--solid:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):active{filter:none;translate:0}}.btn--soft{border:var(--brd-base) var(--btn-soft-border,var(--clr-border-muted));color:var(--btn-soft-text,var(--clr-text-inverse));background:var(--btn-soft-bg,var(--clr-surface-glass-soft))}.btn--soft:hover{border-color:var(--btn-soft-border,var(--clr-border-muted));background:var(--btn-soft-bg-hover,var(--clr-surface-glass-strong))}.btn--soft.btn--neutral{--btn-soft-polish-accent:var(--oklch-white);--btn-soft-polish-highlight:var(--oklch-white);--btn-soft-polish-border:var(--clr-border-muted);--btn-soft-polish-text:var(--clr-text-inverse);--btn-soft-polish-glow-alpha:var(--alpha-03);--btn-soft-polish-hover-glow-alpha:var(--alpha-05)}.btn--soft.btn--success{--btn-soft-polish-accent:var(--oklch-green);--btn-soft-polish-highlight:var(--oklch-green-bright);--btn-soft-polish-border:var(--clr-success-border);--btn-soft-polish-text:oklch(var(--oklch-green-bright) / .98);--btn-soft-polish-glow-alpha:var(--alpha-08);--btn-soft-polish-hover-glow-alpha:var(--alpha-10)}.btn--soft.btn--info{--btn-soft-polish-accent:var(--oklch-blue);--btn-soft-polish-highlight:var(--oklch-blue-soft);--btn-soft-polish-border:var(--clr-info-border);--btn-soft-polish-text:var(--clr-info-text);--btn-soft-polish-glow-alpha:var(--alpha-08);--btn-soft-polish-hover-glow-alpha:var(--alpha-10)}.btn--soft.btn--alert{--btn-soft-polish-accent:var(--oklch-red);--btn-soft-polish-highlight:var(--oklch-red-soft);--btn-soft-polish-border:var(--clr-btn-cancel-border);--btn-soft-polish-text:var(--clr-btn-cancel-text);--btn-soft-polish-glow-alpha:var(--alpha-06);--btn-soft-polish-hover-glow-alpha:var(--alpha-08)}.btn--soft.btn--warning{--btn-soft-polish-accent:var(--oklch-warning);--btn-soft-polish-highlight:var(--oklch-yellow);--btn-soft-polish-border:var(--clr-warning-border);--btn-soft-polish-text:var(--clr-warning-text);--btn-soft-polish-glow-alpha:var(--alpha-08);--btn-soft-polish-hover-glow-alpha:var(--alpha-10)}.btn--soft.btn--danger{--btn-soft-polish-accent:var(--oklch-danger);--btn-soft-polish-highlight:var(--oklch-red-soft);--btn-soft-polish-border:var(--clr-danger-border);--btn-soft-polish-text:var(--clr-danger-text);--btn-soft-polish-glow-alpha:var(--alpha-08);--btn-soft-polish-hover-glow-alpha:var(--alpha-10)}.btn--soft:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger){border-color:color-mix(in oklch, var(--btn-soft-polish-border), oklch(var(--oklch-white)) 12%);color:var(--btn-soft-polish-text,var(--btn-soft-text,var(--clr-text-inverse)));background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-08)) 0%, transparent 48%, oklch(var(--oklch-black) / var(--alpha-04)) 100%), radial-gradient(circle at 50% 0%, oklch(var(--btn-soft-polish-highlight) / var(--alpha-18)) 0%, transparent 68%), var(--btn-soft-bg,var(--clr-surface-glass-soft));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-18)), inset 0 0 0 .0625rem oklch(var(--oklch-white) / var(--alpha-04)), 0 .25rem .5rem oklch(var(--btn-soft-polish-accent) / var(--btn-soft-polish-glow-alpha));text-shadow:0 .0625rem 0 oklch(var(--oklch-black) / var(--alpha-20));transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), filter var(--transition-fast), scale var(--transition-fast)}@media (hover:hover) and (pointer:fine){.btn--soft:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover{border-color:color-mix(in oklch, var(--btn-soft-polish-border), oklch(var(--oklch-white)) 28%);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-12)) 0%, transparent 48%, oklch(var(--oklch-black) / var(--alpha-03)) 100%), radial-gradient(circle at 50% 0%, oklch(var(--btn-soft-polish-highlight) / var(--alpha-24)) 0%, transparent 70%), var(--btn-soft-bg-hover,var(--clr-surface-glass-strong));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-24)), inset 0 0 0 .0625rem oklch(var(--oklch-white) / var(--alpha-06)), 0 .375rem .75rem oklch(var(--btn-soft-polish-accent) / var(--btn-soft-polish-hover-glow-alpha));filter:saturate(1.03)brightness(1.02)}}@media (prefers-reduced-motion:reduce){.btn--soft:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger),.btn--soft:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover{filter:none}}.btn--glass{border:var(--brd-base) var(--btn-glass-border,var(--clr-border-muted));color:var(--btn-glass-text,var(--clr-text-inverse));background:var(--btn-glass-bg,var(--clr-surface-glass));box-shadow:inset 0 0 0 .0625rem oklch(var(--oklch-white) / var(--alpha-04))}.btn--glass:hover{border-color:var(--btn-glass-border,var(--clr-border-muted));background:var(--btn-glass-bg-hover,var(--clr-surface-glass-strong))}.btn--glass.btn--neutral{--btn-glass-polish-accent:var(--oklch-white);--btn-glass-polish-highlight:var(--oklch-white);--btn-glass-polish-border:var(--clr-border-muted);--btn-glass-polish-text:var(--clr-text-inverse);--btn-glass-polish-base-alpha:var(--alpha-06);--btn-glass-polish-hover-alpha:var(--alpha-10);--btn-glass-polish-glow-alpha:var(--alpha-03);--btn-glass-polish-hover-glow-alpha:var(--alpha-05)}.btn--glass.btn--success{--btn-glass-polish-accent:var(--oklch-green);--btn-glass-polish-highlight:var(--oklch-green-bright);--btn-glass-polish-border:var(--clr-success-border);--btn-glass-polish-text:oklch(var(--oklch-green-bright) / .96);--btn-glass-polish-base-alpha:var(--alpha-16);--btn-glass-polish-hover-alpha:var(--alpha-24);--btn-glass-polish-glow-alpha:var(--alpha-08);--btn-glass-polish-hover-glow-alpha:var(--alpha-12)}.btn--glass.btn--info{--btn-glass-polish-accent:var(--oklch-blue);--btn-glass-polish-highlight:var(--oklch-blue-soft);--btn-glass-polish-border:var(--clr-info-border);--btn-glass-polish-text:var(--clr-info-text);--btn-glass-polish-base-alpha:var(--alpha-16);--btn-glass-polish-hover-alpha:var(--alpha-24);--btn-glass-polish-glow-alpha:var(--alpha-08);--btn-glass-polish-hover-glow-alpha:var(--alpha-12)}.btn--glass.btn--alert{--btn-glass-polish-accent:var(--oklch-red);--btn-glass-polish-highlight:var(--oklch-red-soft);--btn-glass-polish-border:var(--clr-btn-cancel-border);--btn-glass-polish-text:var(--clr-btn-cancel-text);--btn-glass-polish-base-alpha:var(--alpha-14);--btn-glass-polish-hover-alpha:var(--alpha-22);--btn-glass-polish-glow-alpha:var(--alpha-06);--btn-glass-polish-hover-glow-alpha:var(--alpha-10)}.btn--glass.btn--warning{--btn-glass-polish-accent:var(--oklch-warning);--btn-glass-polish-highlight:var(--oklch-yellow);--btn-glass-polish-border:var(--clr-warning-border);--btn-glass-polish-text:var(--clr-warning-text);--btn-glass-polish-base-alpha:var(--alpha-16);--btn-glass-polish-hover-alpha:var(--alpha-24);--btn-glass-polish-glow-alpha:var(--alpha-08);--btn-glass-polish-hover-glow-alpha:var(--alpha-12)}.btn--glass.btn--danger{--btn-glass-polish-accent:var(--oklch-danger);--btn-glass-polish-highlight:var(--oklch-red-soft);--btn-glass-polish-border:var(--clr-danger-border);--btn-glass-polish-text:var(--clr-danger-text);--btn-glass-polish-base-alpha:var(--alpha-18);--btn-glass-polish-hover-alpha:var(--alpha-28);--btn-glass-polish-glow-alpha:var(--alpha-10);--btn-glass-polish-hover-glow-alpha:var(--alpha-14)}.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger){border-color:color-mix(in oklch, var(--btn-glass-polish-border), oklch(var(--oklch-white)) 16%);color:var(--btn-glass-polish-text);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-14)) 0%, oklch(var(--oklch-white) / var(--alpha-03)) 42%, oklch(var(--oklch-black) / var(--alpha-08)) 100%), radial-gradient(circle at 50% 0%, oklch(var(--btn-glass-polish-highlight) / var(--alpha-24)) 0%, oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-glow-alpha)) 46%, transparent 72%), oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-base-alpha));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-28)), inset 0 -.0625rem 0 oklch(var(--oklch-black) / var(--alpha-12)), inset 0 0 0 .0625rem oklch(var(--oklch-white) / var(--alpha-06)), 0 .5rem 1.125rem oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-glow-alpha));text-shadow:0 .0625rem 0 oklch(var(--oklch-black) / var(--alpha-25));transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), filter var(--transition-fast), scale var(--transition-fast), translate var(--transition-fast)}@media (hover:hover) and (pointer:fine){.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover{border-color:color-mix(in oklch, var(--btn-glass-polish-border), oklch(var(--oklch-white)) 34%);color:var(--clr-text-inverse);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-20)) 0%, oklch(var(--oklch-white) / var(--alpha-06)) 44%, oklch(var(--oklch-black) / var(--alpha-06)) 100%), radial-gradient(circle at 50% 0%, oklch(var(--btn-glass-polish-highlight) / var(--alpha-35)) 0%, oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-hover-glow-alpha)) 48%, transparent 74%), oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-hover-alpha));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-35)), inset 0 -.0625rem 0 oklch(var(--oklch-black) / var(--alpha-10)), inset 0 0 0 .0625rem oklch(var(--oklch-white) / var(--alpha-08)), 0 .625rem 1.25rem oklch(var(--btn-glass-polish-accent) / var(--btn-glass-polish-hover-glow-alpha));filter:saturate(1.08);translate:0 -.0625rem}}.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):active{filter:saturate(.98);translate:0}@media (prefers-reduced-motion:reduce){.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger),.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover,.btn--glass:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):active{filter:none;translate:0}}.btn--ghost{border:var(--brd-base) var(--clr-btn-ghost-border);color:var(--clr-btn-ghost-text);background:var(--clr-btn-ghost-bg)}.btn--ghost:hover{background:var(--clr-btn-ghost-bg-hover)}.btn--ghost.btn--neutral{--btn-ghost-polish-accent:var(--oklch-white);--btn-ghost-polish-highlight:var(--oklch-white);--btn-ghost-polish-border:var(--clr-border-strong);--btn-ghost-polish-text:oklch(var(--oklch-white) / .88);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-05)}.btn--ghost.btn--success{--btn-ghost-polish-accent:var(--oklch-green);--btn-ghost-polish-highlight:var(--oklch-green-bright);--btn-ghost-polish-border:var(--clr-success-border);--btn-ghost-polish-text:oklch(var(--oklch-green-bright) / .96);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-06)}.btn--ghost.btn--info{--btn-ghost-polish-accent:var(--oklch-blue);--btn-ghost-polish-highlight:var(--oklch-blue-soft);--btn-ghost-polish-border:var(--clr-info-border);--btn-ghost-polish-text:var(--clr-info-text);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-06)}.btn--ghost.btn--alert{--btn-ghost-polish-accent:var(--oklch-red);--btn-ghost-polish-highlight:var(--oklch-red-soft);--btn-ghost-polish-border:var(--clr-btn-cancel-border);--btn-ghost-polish-text:var(--clr-btn-cancel-text);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-06)}.btn--ghost.btn--warning{--btn-ghost-polish-accent:var(--oklch-warning);--btn-ghost-polish-highlight:var(--oklch-yellow);--btn-ghost-polish-border:var(--clr-warning-border);--btn-ghost-polish-text:var(--clr-warning-text);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-06)}.btn--ghost.btn--danger{--btn-ghost-polish-accent:var(--oklch-danger);--btn-ghost-polish-highlight:var(--oklch-red-soft);--btn-ghost-polish-border:var(--clr-danger-border);--btn-ghost-polish-text:var(--clr-danger-text);--btn-ghost-polish-base-alpha:var(--alpha-02);--btn-ghost-polish-hover-alpha:var(--alpha-06)}.btn--ghost:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger){border-color:color-mix(in oklch, var(--btn-ghost-polish-border), transparent 18%);color:var(--btn-ghost-polish-text,var(--clr-btn-ghost-text));background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-04)) 0%, transparent 58%), oklch(var(--btn-ghost-polish-accent) / var(--btn-ghost-polish-base-alpha));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-10));transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), scale var(--transition-fast)}@media (hover:hover) and (pointer:fine){.btn--ghost:is(.btn--neutral,.btn--success,.btn--info,.btn--alert,.btn--warning,.btn--danger):hover{border-color:color-mix(in oklch, var(--btn-ghost-polish-border), oklch(var(--oklch-white)) 16%);color:color-mix(in oklch, var(--btn-ghost-polish-text), oklch(var(--oklch-white)) 18%);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-08)) 0%, transparent 60%), oklch(var(--btn-ghost-polish-accent) / var(--btn-ghost-polish-hover-alpha));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-14))}}@keyframes spin{to{rotate:1turn}}@keyframes shake{0%,to{translate:0}20%,60%{translate:-.375rem}40%,80%{translate:.375rem}}@keyframes slide-down{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-confirm{0%{box-shadow:0 0 0 0 var(--clr-admin-confirm-shadow)}to{box-shadow:0 0 0 .3125rem var(--clr-admin-confirm-shadow-end)}}@keyframes highlightSlot{0%{background-color:var(--clr-primary)}to{background-color:var(--clr-surface-dark)}}@keyframes slideDown{0%{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0}}@keyframes pulse{0%{scale:1}to{scale:1.03}}@keyframes fadeIn{0%{opacity:0;translate:0 -.25rem}to{opacity:1;translate:0}}.app-shell{inline-size:100%;max-inline-size:var(--max-app-width);flex-direction:column;min-block-size:100svh;margin-inline:auto;display:flex;position:relative}.app-header{z-index:var(--z-header);block-size:var(--header-height);max-inline-size:var(--max-app-width);padding-inline:var(--space-sm);background:var(--clr-bg);justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.app-header__brand-icon{object-fit:contain;flex-shrink:0;block-size:2.375rem;inline-size:2.375rem}.app-identity{justify-content:center;align-items:center;gap:var(--space-xs);min-inline-size:0;color:var(--clr-white);font-size:var(--text-sm);font-weight:var(--font-medium);flex:1;display:flex}.app-identity__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-black);overflow:hidden}.app-identity__avatar{border:var(--brd-strong) var(--clr-app-avatar-border);border-radius:var(--radius-full);block-size:2rem;inline-size:2rem;color:var(--clr-white);background:var(--clr-surface-dark);font-size:var(--text-xs);font-weight:var(--font-bold);flex:none;place-items:center;display:grid;overflow:hidden}.app-identity__avatar img{object-fit:cover;block-size:100%;inline-size:100%}.app-identity__badge{padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);color:var(--clr-white);letter-spacing:.04em}.app-identity__badge--admin{background:var(--clr-error)}.app-identity__badge--club{background:var(--clr-accent)}.app-settings{flex-shrink:0;position:relative}.app-settings__button{block-size:2.5rem;inline-size:2.5rem;color:var(--clr-gray);justify-content:center;align-items:center;display:flex;position:relative}.app-settings__attention-badge{border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-70));border-radius:var(--radius-full);background:radial-gradient(circle at 35% 30%, var(--clr-warning-text), var(--clr-warning) 72%);block-size:.625rem;inline-size:.625rem;box-shadow:0 0 0 .125rem oklch(var(--oklch-black) / var(--alpha-16)), 0 0 .65rem oklch(var(--oklch-warning) / var(--alpha-45));pointer-events:none;position:absolute;inset-block-start:.3rem;inset-inline-end:.3rem}.app-settings__attention-badge[hidden]{display:none}.app-settings__menu{z-index:var(--z-dropdown);min-inline-size:10.625rem;padding:var(--space-2xs);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:var(--shadow-md);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0}.app-settings__menu[hidden]{display:none}.app-settings__menu button{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);color:var(--clr-white);font-size:var(--text-sm);text-align:start;display:flex}.app-settings__menu button:hover{background:var(--clr-app-settings-hover)}.app-settings__menu button:disabled{cursor:not-allowed;opacity:.55}.app-settings__menu button[data-settings-action=install][data-install-status=installable],.app-settings__menu button[data-settings-action=install][data-install-status=ios-manual-required],.app-settings__menu button[data-settings-action=install][data-install-status=browser-manual-required]{color:var(--clr-warning-text)}.app-settings__menu button[data-settings-action=install][data-install-status=installable] svg,.app-settings__menu button[data-settings-action=install][data-install-status=ios-manual-required] svg,.app-settings__menu button[data-settings-action=install][data-install-status=browser-manual-required] svg{stroke:var(--clr-warning-text)}.app-settings__menu button[data-settings-action=notifications][data-install-status=installed][data-push-status=disabled]{background:var(--clr-success-soft);box-shadow:inset 0 0 0 var(--brd-base) var(--clr-success-border)}.app-settings__menu button[data-settings-action=notifications][data-install-status=installed][data-push-status=enabled]{color:var(--clr-success-text)}.app-settings__menu button[data-settings-action=notifications][data-install-status=installed][data-push-status=enabled] svg{stroke:var(--clr-success-text)}.app-settings__install-complete-nudge,.app-settings__notification-nudge{max-inline-size:12rem;margin:var(--space-2xs) var(--space-s);padding:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--leading-normal)}.app-settings__install-complete-nudge{border:var(--brd-base) var(--clr-info-border);color:var(--clr-info-text);background:var(--clr-info-soft)}.app-settings__notification-nudge{border:var(--brd-base) var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.app-settings__install-complete-nudge[hidden],.app-settings__notification-nudge[hidden]{display:none}.app-settings__province{gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);color:var(--clr-light-gray);font-size:var(--text-sm);display:grid}.app-settings__item-label{align-items:center;gap:var(--space-xs);display:flex}.app-settings__menu svg{fill:none;block-size:1.125rem;inline-size:1.125rem;stroke:var(--clr-light-gray);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none}.app-settings__province select{min-inline-size:11.875rem;padding:var(--space-2xs) var(--space-xs);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-white);background:var(--clr-surface-dark);font:inherit;cursor:pointer}.app-settings__province select option{color:var(--clr-white);background:var(--clr-surface-dark)}.app-settings__version{margin:var(--space-2xs) var(--space-s) 0;border-block-start:var(--brd-base) var(--clr-border-muted);color:var(--clr-light-gray);font-size:var(--text-xs);line-height:var(--leading-normal);opacity:.72;padding-block-start:var(--space-2xs)}.app-install-guide{inset-block-start:calc(var(--header-height) + var(--space-xs));inset-inline:var(--space-sm);z-index:var(--z-dropdown);gap:var(--space-xs);inline-size:auto;max-inline-size:min(26rem, calc(var(--max-app-width) - var(--space-m)));max-block-size:calc(100svh - var(--header-height) - var(--space-m));overflow-block:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:var(--space-s);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-lg);color:var(--clr-white);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-08)), transparent), var(--clr-surface-dark);box-shadow:var(--shadow-md);margin-inline:auto;display:grid;position:fixed;overflow-y:auto}.app-install-guide[hidden]{display:none}.app-install-guide__header{justify-content:space-between;align-items:flex-start;gap:var(--space-m);display:flex}.app-install-guide__eyebrow{margin:0 0 var(--space-3xs);color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.app-install-guide h2,.app-install-guide h3{margin:0}.app-install-guide h2{color:var(--clr-white);font-size:var(--text-lg);line-height:var(--leading-tight);text-wrap:balance}.app-install-guide h3{color:var(--clr-info-text);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.app-install-guide__intro{max-inline-size:26ch;color:var(--clr-light-gray);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.app-install-guide__close{padding:var(--space-2xs) var(--space-xs);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-white);background:oklch(var(--oklch-white) / var(--alpha-08));font-size:var(--text-xs);font-weight:var(--font-weight-bold);flex:none}.app-install-guide__paths{gap:var(--space-2xs);display:grid}.app-install-guide__path{gap:var(--space-xs);padding-block:var(--space-xs);border-block-start:var(--brd-base) var(--clr-border-muted);display:grid}.app-install-guide__path:first-child{border-block-start:0}.app-install-guide__steps{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.app-install-guide__steps li{align-items:flex-start;gap:var(--space-xs);color:var(--clr-light-gray);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.app-install-guide__steps span{border-radius:var(--radius-full);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-info-text);background:var(--clr-info-soft);font-size:var(--text-xs);font-weight:var(--font-weight-bold);flex:0 0 1.5rem;justify-content:center;align-items:center;display:inline-flex}.app-main{overflow-block:auto;-webkit-overflow-scrolling:touch;flex:1;padding-block-start:var(--header-height);padding-block-end:var(--bottom-nav-height)}.realtime-status{z-index:var(--z-realtime);padding:var(--space-xxs) var(--space-xs);border:var(--brd-base) var(--clr-realtime-border);border-radius:var(--radius-sm);color:var(--clr-white);background:var(--clr-realtime-bg);font-size:var(--text-xs);box-shadow:var(--shadow-md);position:fixed;inset-block-start:calc(var(--header-height) + var(--space-xxs));inset-inline-start:50%;translate:-50%}.realtime-status[hidden]{display:none}.bottom-nav{z-index:var(--z-header);justify-content:stretch;align-items:center;gap:var(--space-2xs);block-size:var(--bottom-nav-height);max-inline-size:var(--max-app-width);padding-inline:var(--space-2xs);border-block-start:var(--brd-base) var(--clr-border);background:var(--clr-bg);margin-inline:auto;padding-block-end:env(safe-area-inset-bottom,0);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.bottom-nav__item{justify-content:center;align-items:center;gap:var(--space-2xs);min-inline-size:0;min-block-size:calc(var(--bottom-nav-height) - var(--space-xs));padding:var(--space-xxs);border:var(--brd-base) var(--clr-transparent);border-radius:var(--radius-sm);color:var(--clr-bottom-nav);background:var(--clr-transparent);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;opacity:.7;transition:flex-grow .18s cubic-bezier(.23, 1, .32, 1), color var(--transition-fast), opacity var(--transition-fast), background .18s cubic-bezier(.23, 1, .32, 1), border-color .18s cubic-bezier(.23, 1, .32, 1), box-shadow .18s cubic-bezier(.23, 1, .32, 1), transform .18s cubic-bezier(.23, 1, .32, 1);flex-direction:column;flex:.85 1 0;display:flex;transform:translateY(0)}.bottom-nav__item--active{border-color:var(--clr-border-muted);color:var(--clr-bottom-nav-active);background:var(--clr-surface-glass-soft);box-shadow:inset 0 1px 0 var(--clr-border-strong);font-weight:var(--font-bold);opacity:1;text-shadow:0 1px 0 var(--clr-black);flex-grow:1.45;transform:translateY(-.125rem)}.bottom-nav__icon{font-size:1.375rem;line-height:var(--line-height-tight)}.bottom-nav__label{max-inline-size:100%;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);overflow:hidden}.bottom-nav__item--active .bottom-nav__label{font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.bottom-nav__item{transition:color var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.bottom-nav__item--active{transform:none}}.app-shell--hidden .app-header,.app-shell--hidden .bottom-nav{display:none}.app-shell--hidden .app-main{padding-block:0}.login-page{min-block-size:100svh;padding:var(--space-lg);background:var(--clr-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-md);text-align:center;flex-direction:column;inline-size:100%;max-inline-size:22.5rem;display:flex}.login-logo{justify-content:center;align-items:center;display:flex}.login-logo__image{object-fit:contain;block-size:auto;inline-size:min(13.75rem,72vw);display:block}.login-video-preview{aspect-ratio:16/9;border:var(--brd-base) color-mix(in oklch, var(--clr-border), var(--clr-transparent) 28%);border-radius:var(--radius-md);background:var(--clr-surface-dark);inline-size:100%;box-shadow:0 var(--space-s-plus) var(--space-lg) oklch(var(--oklch-black) / var(--alpha-24));cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.login-video-preview__media{object-fit:cover;object-position:center 42%;opacity:.9;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.login-video-preview:before{z-index:var(--z-raised);content:"";background:linear-gradient(180deg, oklch(var(--oklch-black) / var(--alpha-08)), oklch(var(--oklch-black) / var(--alpha-50))), linear-gradient(90deg, oklch(var(--oklch-black) / var(--alpha-38)), var(--clr-transparent) 58%);position:absolute;inset:0}.login-video-preview__copy{inset-block-end:var(--space-xs);inset-inline:var(--space-xs);z-index:var(--z-raised);padding:var(--space-2xs) var(--space-xs);border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-14));border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:oklch(var(--oklch-black) / var(--alpha-45));-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));font-size:var(--text-xs);font-weight:var(--font-bold);line-height:var(--line-height-tight);text-align:center;text-shadow:0 var(--space-2) var(--space-8) oklch(var(--oklch-black) / var(--alpha-70));text-wrap:balance;position:absolute}.login-video-preview__copy span:first-child{color:var(--clr-warning-text)}.login-video-preview__copy span:last-child{color:var(--clr-success-text)}.login-video-preview__surface{z-index:var(--z-raised);border:var(--brd-base) oklch(var(--oklch-red-soft) / var(--alpha-65));border-radius:var(--radius-full);background:linear-gradient(135deg, oklch(var(--oklch-red) / var(--alpha-70)), oklch(var(--oklch-red) / var(--alpha-45))), oklch(var(--oklch-white) / var(--alpha-08));block-size:4rem;inline-size:4rem;box-shadow:0 var(--space-xxs) var(--space-md) oklch(var(--oklch-black) / var(--alpha-35)), inset 0 var(--space-1) 0 oklch(var(--oklch-white) / var(--alpha-28));-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));justify-content:center;align-items:center;display:flex;position:relative}.login-video-preview__play-icon{block-size:1.75rem;inline-size:1.75rem;fill:var(--clr-text-inverse);margin-inline-start:var(--space-xxs);display:block}.login-video-preview:hover .login-video-preview__surface{border-color:oklch(var(--oklch-red-soft) / var(--alpha-70));background:linear-gradient(135deg, oklch(var(--oklch-red) / var(--alpha-70)), oklch(var(--oklch-red) / var(--alpha-60))), oklch(var(--oklch-white) / var(--alpha-10))}.login-video-preview:focus-visible{outline:var(--brd-strong) var(--clr-light-cyan);outline-offset:var(--space-xxs)}.login-video-overlay{z-index:var(--z-modal);padding:var(--space-md);background:radial-gradient(circle at 50% 20%, oklch(var(--oklch-info-light) / var(--alpha-18)), var(--clr-transparent) 40%), oklch(var(--oklch-black) / var(--alpha-88));opacity:0;transform-origin:50%;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:scale(.92)}.login-video-overlay.is-open{animation:.24s ease-out forwards login-video-open}.login-video-overlay.is-closing{animation:.22s ease-in forwards login-video-close}.login-video-overlay[hidden]{display:none}.login-video-overlay__frame{border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-18));border-radius:var(--radius-md);background:var(--clr-black);max-block-size:100%;inline-size:min(100%,62.5rem);box-shadow:0 var(--space-xl) var(--space-2xl) oklch(var(--oklch-black) / var(--alpha-45));justify-content:center;align-items:center;display:flex;overflow:hidden}.login-video-overlay__video{inline-size:100%;max-block-size:calc(100svh - var(--space-xl) - var(--space-xl));background:var(--clr-black);display:block}.login-video-overlay__close{z-index:var(--z-toast);border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-30));border-radius:var(--radius-full);block-size:2.5rem;inline-size:2.5rem;color:var(--clr-text-inverse);background:oklch(var(--oklch-black) / var(--alpha-55));font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));justify-content:center;align-items:center;display:inline-flex;position:fixed;inset-block-start:max(var(--space-md), env(safe-area-inset-top));inset-inline-end:max(var(--space-md), env(safe-area-inset-right))}.login-video-overlay__close:focus-visible{outline:var(--brd-strong) var(--clr-light-cyan);outline-offset:var(--space-xxs)}@keyframes login-video-open{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes login-video-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.login-video-overlay.is-open,.login-video-overlay.is-closing{animation-duration:1ms}}.login-form{gap:var(--space-xxs);flex-direction:column;display:flex}.login-input-wrapper{position:relative}.login-input-wrapper__icon{color:var(--clr-text-muted);position:absolute;inset-block-start:50%;inset-inline-start:var(--space-s);transform:translateY(-50%)}.login-input{padding-inline-start:var(--space-xl)}.login-error{min-block-size:1.25rem;color:var(--clr-error);font-size:var(--text-sm)}.login-legal{color:var(--clr-gray);font-size:var(--text-xs);line-height:var(--line-height-readable)}.login-legal a{text-decoration:underline}.verify-page{min-block-size:100svh;padding:var(--space-lg);background:var(--clr-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.verify-card{gap:var(--space-md);text-align:center;flex-direction:column;inline-size:100%;max-inline-size:22.5rem;display:flex}.pin-container{justify-content:center;gap:var(--space-xs);flex-direction:row;display:flex}.pin-input{border:var(--brd-strong) var(--clr-border);border-radius:var(--radius-md);block-size:3.5rem;inline-size:3rem;color:var(--clr-text-main);background:var(--clr-white);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;transition:border-color var(--transition-fast)}.pin-input:focus{border-color:var(--clr-primary)}.pin-input--filled{border-color:var(--clr-primary);background:oklch(95% .05 160)}.pin-input--error{animation:.4s shake}.verify-actions{gap:var(--space-s);text-align:center;flex-direction:column;display:flex}.verify-resend{color:var(--clr-gray);background:var(--clr-transparent);font-size:var(--text-sm);line-height:var(--line-height-base);text-align:center;padding:0}.verify-resend:disabled{cursor:not-allowed}.verify-resend--active{color:var(--clr-primary);cursor:pointer}.verify-back{color:var(--clr-gray);background:var(--clr-transparent);font-size:var(--text-sm);line-height:var(--line-height-base);text-align:center;cursor:pointer;padding:0;text-decoration:underline}.role-picker-page{min-block-size:100svh;padding:var(--space-sm);background:var(--clr-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.role-picker-card{inline-size:100%;max-inline-size:24rem;min-block-size:calc(100svh - (var(--space-lg) * 2));flex-direction:column;align-items:center;margin-block:auto;display:flex}.role-picker-kicker{padding:var(--space-4) var(--space-12);border:var(--brd-base) color-mix(in oklch, var(--clr-cyan), transparent 52%);border-radius:var(--radius-sm);color:var(--clr-light-cyan);background:color-mix(in oklch, var(--clr-cyan), transparent 86%);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.role-picker{flex-direction:column;flex:1;justify-content:space-evenly;inline-size:100%;display:flex}.role-option{isolation:isolate;justify-content:space-evenly;gap:var(--space-sm);block-size:15rem;inline-size:100%;padding:var(--space-sm);border:var(--brd-base) color-mix(in oklch, var(--clr-border), transparent 36%);border-radius:var(--radius-md);color:var(--clr-text-inverse);box-shadow:0 var(--space-s-plus) 1.875rem oklch(var(--oklch-black) / var(--alpha-22));text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), translate var(--transition-fast), box-shadow var(--transition-fast);background-position:50%;background-size:cover;flex-direction:column;display:flex;position:relative;overflow:hidden}.role-option:before{z-index:-1;content:"";background:linear-gradient(180deg, oklch(var(--oklch-black) / var(--alpha-30)) 0%, oklch(var(--oklch-black) / var(--alpha-50)) 48%, oklch(var(--oklch-black) / .78) 100%);position:absolute;inset:0}.role-option:after{z-index:-2;content:"";background:var(--clr-surface-dark);opacity:.7;position:absolute;inset:0}.role-option:hover{box-shadow:0 1.125rem 2.25rem oklch(var(--oklch-black) / .795);translate:0 calc(var(--space-2) * -1)}.role-option:focus-visible{outline:var(--brd-strong) var(--clr-light-cyan);outline-offset:var(--space-3)}.role-option--player{background-image:url(/player.webp)}.role-option--player:hover{border-color:color-mix(in oklch, var(--clr-primary), white 12%)}.role-option--player .role-option__cta{border:var(--brd-base) var(--clr-light-primary);background:color-mix(in oklch, var(--clr-primary), transparent 24%)}.role-option--club{background-image:url(/club.webp)}.role-option--club:hover{border-color:color-mix(in oklch, var(--clr-accent), white 18%)}.role-option--club .role-option__cta{border:var(--brd-base) var(--clr-light-accent);background:color-mix(in oklch, var(--clr-accent), transparent 24%)}.role-option__content{align-items:center;gap:var(--space-xs);flex-direction:column;min-inline-size:0;display:flex}.role-option__eyebrow{color:color-mix(in oklch, var(--clr-gray), transparent 16%);font-size:var(--text-xs);font-weight:var(--font-bold);text-shadow:0 var(--space-1) var(--space-5) oklch(var(--oklch-black) / var(--alpha-60));text-transform:uppercase}.role-option__title{color:var(--clr-text-inverse);font-size:var(--text-4xl);font-weight:var(--font-bold);text-shadow:0 var(--space-2) var(--space-8) oklch(var(--oklch-black) / .68)}.role-option__cta{border-radius:var(--radius-sm);min-block-size:2.75rem;inline-size:100%;color:var(--clr-light-gray);font-size:var(--text-sm);font-weight:var(--font-bold);-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));justify-content:center;align-items:center;display:flex}@media (width<=43.75rem){.role-picker-page{padding:var(--space-md) var(--space-sm);justify-content:center}.role-picker{max-inline-size:22rem}.role-option{min-block-size:12rem}}.profile-setup-page{min-block-size:100svh;padding:var(--space-sm) var(--space-sm) var(--space-lg);background:var(--clr-bg);flex-direction:column;display:flex}.profile-setup-card{gap:var(--space-sm);flex-direction:column;inline-size:100%;min-inline-size:0;max-inline-size:25rem;margin-inline:auto;display:flex}.profile-setup-header{color:var(--clr-text-inverse);text-align:center;justify-items:center;display:grid}.profile-setup-header h1{font-size:var(--text-2xl);margin-block-end:var(--space-xs)}.back-btn{inline-size:100%;min-inline-size:0;max-inline-size:100%;text-align:center;white-space:nowrap;justify-self:start;margin-block-end:var(--space-xs)}.profile-setup-main-header{inline-size:100%;margin-block-end:var(--space-xs)}.avatar-upload{align-items:center;gap:var(--space-s);flex-direction:column;display:flex}.avatar-preview{border-radius:var(--radius-full);block-size:5.5rem;inline-size:5.5rem;color:var(--clr-text-inverse);background:var(--clr-border);font-size:var(--space-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-btn{gap:var(--space-2xs);text-align:center;min-inline-size:0;max-inline-size:100%}.avatar-btn span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.profile-hero.role-form-identity{align-items:stretch;gap:var(--space-xs-plus);padding:var(--space-sm)}.profile-hero.role-form-identity .role-form-photo{aspect-ratio:auto;border-radius:var(--radius-sm);cursor:pointer;flex:0 0 6.25rem;align-self:stretch;block-size:auto;min-block-size:6.25rem;inline-size:6.25rem}.role-form-photo__preview{color:var(--clr-info-text);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.role-form-photo .avatar-placeholder-icon{font-size:var(--text-3xl)}.role-form-identity__fields{justify-content:center;gap:var(--space-xs);flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.role-form-identity .form-group{gap:var(--space-3xs)}.role-form-identity .form-error{min-block-size:var(--space-xs)}.profile-setup-form{gap:var(--space-sm);flex-direction:column;display:flex}.profile-setup-form>.btn--full{text-align:center;min-inline-size:0}.form-group{gap:var(--space-xxs);flex-direction:column;display:flex}.form-label{color:var(--clr-light-gray);font-size:var(--text-sm);font-weight:var(--font-medium)}.form-error{min-block-size:var(--space-sm);color:var(--clr-error);font-size:var(--text-xs);margin:0}.profile-setup-form .input-field{min-block-size:2.625rem;padding:0 var(--space-s);border:var(--brd-base) var(--clr-control-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-control-bg);font-size:var(--text-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.profile-setup-form .input-field:focus{border-color:var(--clr-primary);box-shadow:0 0 0 var(--space-4xs) color-mix(in oklch, var(--clr-primary), transparent 72%)}.profile-setup-form .input-field::placeholder{color:var(--clr-text-subtle)}.profile-setup-form select.input-field option{color:var(--clr-text-inverse);background:var(--clr-surface-dark)}.phone-wrapper{align-items:center;gap:var(--space-xs);border:var(--brd-base) var(--clr-control-border);border-radius:var(--radius-sm);background:var(--clr-control-bg);padding-inline-start:var(--space-s);display:flex}.phone-prefix{color:var(--clr-text-soft);font-size:var(--text-base);font-weight:var(--font-medium)}.phone-wrapper .input-field{background:0 0;border:none;padding-inline-start:var(--space-sm)}.phone-wrapper .input-field:focus{box-shadow:none;outline:none}.phone-wrapper:focus-within{border-color:var(--clr-primary)}.hidden{display:none!important}.form-hint{padding-inline:var(--space-sm);color:var(--clr-light-gray);font-size:var(--text-xs);margin-block-end:var(--space-sm)}.profile-setup-form select.level-selector{cursor:pointer}.club-card{max-inline-size:30rem}.schedule-grid{gap:var(--space-xs);padding:var(--space-xxs) 0;flex-direction:column;display:flex}.schedule-row{align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-control-border);border-radius:var(--radius-sm);background:var(--clr-control-bg-disabled);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.schedule-row:has(input[type=checkbox]:checked){border-color:color-mix(in oklch, var(--clr-primary), transparent 40%);background:var(--clr-control-bg)}.schedule-toggle{align-items:center;gap:var(--space-xs);cursor:pointer;flex-shrink:0;min-inline-size:6.25rem;display:flex}.schedule-toggle input[type=checkbox]{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--clr-primary);cursor:pointer}.schedule-day-label{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium)}.schedule-times{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex:1;padding-inline-end:var(--space-xs);display:flex}.schedule-time{text-align:center;inline-size:5.625rem;padding:var(--space-2xs) var(--space-xs)!important;font-size:var(--text-sm)!important}.schedule-sep{color:var(--clr-text-muted);font-size:var(--text-sm)}.profile-page{box-sizing:border-box;gap:var(--space-s);inline-size:100%;padding:var(--space-s);color:var(--clr-white);flex-direction:column;padding-block-end:calc(var(--bottom-nav-height) + var(--space-md));display:flex}.profile-hero,.profile-panel{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xs-plus) var(--space-md) var(--clr-card-shadow)}.profile-hero{align-items:center;gap:var(--space-xs);padding-block:var(--space-sm);padding-inline:var(--space-md);display:flex}.profile-photo,.paddle-photo{border:var(--brd-base) var(--clr-border-muted);color:var(--clr-info-text);background:var(--clr-control-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-photo{aspect-ratio:1;border-radius:var(--radius-full);block-size:6.5rem;inline-size:7rem;font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer;border:1px solid var(--clr-gray);box-shadow:0 0 8px var(--clr-announcement-card-bg);filter:drop-shadow(0 0 2px var(--clr-cyan))}.paddle-photo{cursor:default}.profile-photo input,.paddle-photo input{display:none}.profile-photo img,.paddle-photo img{object-fit:cover;block-size:100%;inline-size:100%}.profile-photo__hint{min-block-size:1.45rem;padding-inline:var(--space-2xs);color:var(--clr-text-inverse);background:oklch(var(--oklch-black) / var(--alpha-65));font-size:.66rem;font-weight:var(--font-bold);line-height:var(--line-height-tight);opacity:1;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0;transform:translateY(0)}.profile-hero__main{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;inline-size:70%;min-inline-size:0;display:flex}.profile-hero h1{overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-xl);line-height:var(--line-height-heading-tight);margin:0}.profile-hero__level{align-items:center;gap:var(--space-xs);inline-size:fit-content;padding:var(--space-xxs) var(--space-xs-plus);border:var(--brd-base) var(--clr-success-border);border-radius:var(--radius-sm);color:var(--clr-success-text);background:var(--clr-success-soft);font-size:var(--text-xs);grid-template-columns:auto 1fr;display:grid}.profile-hero__level--tier-unknown{border-color:var(--clr-border-muted);color:var(--clr-text-soft);background:var(--clr-control-bg)}.profile-hero__level--tier-2{border-color:var(--clr-info-border);color:var(--clr-info-text);background:var(--clr-info-soft)}.profile-hero__level--tier-3{border-color:oklch(var(--oklch-purple) / var(--alpha-45));color:oklch(var(--oklch-purple));background:oklch(var(--oklch-purple) / var(--alpha-16))}.profile-hero__level--tier-4{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.profile-hero__level--tier-5{border-color:oklch(var(--oklch-accent) / var(--alpha-35));color:var(--clr-light-accent);background:oklch(var(--oklch-accent) / var(--alpha-16))}.profile-hero__level--tier-6{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.profile-hero__level span{color:var(--clr-text-soft)}.profile-hero__level strong{font-size:var(--text-base)}.profile-panel{padding:var(--space-s)}.profile-panel__header{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-block-end:var(--space-xs);display:flex}.profile-panel h2{font-size:var(--text-base);line-height:var(--line-height-heading);margin:0}.profile-section-title{align-items:center;gap:var(--space-2xs);min-inline-size:0;color:var(--clr-info-text);font-size:var(--text-base);font-weight:var(--font-bold);line-height:var(--line-height-heading);text-wrap:balance;display:inline-flex}.profile-section-title:before{content:"";border-radius:var(--radius-full);background:var(--clr-light-cyan);block-size:1.15em;inline-size:.1875rem;box-shadow:0 0 .625rem oklch(var(--oklch-info) / var(--alpha-45));flex:none}.profile-panel__hint{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--clr-success-text);background:var(--clr-info-soft);font-size:var(--text-xs-plus);font-weight:var(--font-bold)}.profile-panel__action{min-block-size:2.125rem;min-inline-size:5.5rem}.profile-legal-links{gap:var(--space-xs);flex-wrap:wrap;display:flex}.profile-legal-links a{min-block-size:2.375rem;padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-success-border);border-radius:var(--radius-sm);color:var(--clr-success-text);background:var(--clr-success-soft);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-heading);text-align:center;flex:8rem;justify-content:center;align-items:center;display:inline-flex}.profile-legal-links a:hover,.profile-legal-links a:focus-visible{border-color:oklch(var(--oklch-green) / var(--alpha-65));background:oklch(var(--oklch-green) / var(--alpha-24))}.profile-panel--danger{border-color:var(--clr-danger-border)}.profile-panel--messages{border-color:var(--clr-info-border);background:linear-gradient(135deg, oklch(var(--oklch-info) / var(--alpha-12)), transparent 60%), var(--clr-surface-dark)}.profile-panel__hint--pending{border:var(--brd-base) var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.profile-messages-entry{justify-content:space-between;align-items:center;gap:var(--space-xs);min-block-size:3rem;padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);background:linear-gradient(135deg, oklch(var(--oklch-blue) / var(--alpha-12)), transparent 68%), var(--clr-surface-glass);display:flex}.profile-messages-entry p{min-inline-size:0;font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-readable);color:var(--clr-text-soft);margin:0}.profile-messages-entry__button{flex:none;min-inline-size:6.5rem}.profile-messages-entry:hover,.profile-messages-entry:focus-within{border-color:oklch(var(--oklch-info) / var(--alpha-65));background:linear-gradient(135deg, oklch(var(--oklch-blue) / var(--alpha-18)), transparent 68%), var(--clr-surface-glass-strong)}.account-delete-panel .profile-panel__header h2{color:var(--clr-danger-text)}.account-delete-panel .profile-section-title:before{background:var(--clr-danger-text);box-shadow:0 0 .625rem oklch(var(--oklch-danger) / var(--alpha-45))}.account-delete-panel__text{color:var(--clr-danger-text);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.account-delete-panel__actions{margin-block-start:var(--space-xs-plus);display:flex}.account-delete-panel__button{min-block-size:2.375rem;inline-size:100%}.account-delete-panel__button:hover,.account-delete-panel__button:focus-visible,.account-delete-panel__button--confirming{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.account-delete-panel__button:disabled{cursor:wait;opacity:var(--alpha-65)}.profile-form-grid,.profile-stats,.profile-badges{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-form-grid--single{grid-template-columns:1fr}.profile-form-grid label,.club-schedule-row__day,.club-court-count{gap:var(--space-xxs);min-inline-size:0;color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold);flex-direction:column;display:flex}.profile-form-grid__wide{grid-column:1/-1}:is(.profile-form-grid input,.profile-form-grid select,.club-schedule-row input:not([type=checkbox]),.club-court-row input,.club-court-row select,.club-court-count input){box-sizing:border-box;min-block-size:2.375rem;inline-size:100%;min-inline-size:0;padding-inline:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-white);background:var(--clr-control-bg);font:inherit;font-size:var(--text-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(.profile-form-grid input:disabled,.profile-form-grid select:disabled,.club-schedule-row input:not([type=checkbox]):disabled,.club-court-row input:disabled,.club-court-row select:disabled,.club-court-count input:disabled){color:var(--clr-text-soft);background:var(--clr-control-bg-disabled);cursor:default;opacity:1}:is(.profile-form-grid select option,.club-court-row select option){color:var(--clr-white);background:var(--clr-surface-dark)}.club-plan-card{gap:var(--space-xs);border-color:var(--clr-info-border);flex-direction:column;display:flex}.club-plan-card--trial{border-color:var(--clr-cyan)}.club-plan-card--active{border-color:var(--clr-success-border)}.club-plan-card--expired,.club-plan-card--cancelled{border-color:var(--clr-warning-border)}.club-plan-card__header{justify-content:space-between;align-items:center;gap:var(--space-s);min-inline-size:0;display:flex}.club-plan-card__body{margin:0}.club-plan-card__header .profile-panel__header{flex:auto;margin-block-end:0}.club-plan-card__badge{padding:var(--space-3xs) var(--space-xs);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);color:var(--clr-info-text);background:var(--clr-info-soft);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;flex:none}.club-plan-card--active .club-plan-card__badge{border-color:var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.club-plan-card--expired .club-plan-card__badge,.club-plan-card--cancelled .club-plan-card__badge{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.club-plan-card__body{max-inline-size:62ch;color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--line-height-readable)}.club-plan-card__stats{gap:var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.club-plan-card__stats div{min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:oklch(var(--oklch-black) / var(--alpha-12));flex:10rem}.club-plan-card__stats dt{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-block-end:var(--space-3xs)}.club-plan-card__stats dd{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0}.club-schedule-grid,.club-courts-list{gap:var(--space-xs);display:grid}.club-schedule-row,.club-court-row{align-items:end;gap:var(--space-xs);min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);display:grid}.club-schedule-row{grid-template-columns:7.375rem repeat(2,minmax(0,1fr))}.club-schedule-row__day{flex-direction:row;align-items:center;min-block-size:2.375rem}.club-schedule-row__day input{opacity:0;pointer-events:none;block-size:.0625rem;inline-size:.0625rem;position:absolute}.club-schedule-row__day span{min-block-size:2.375rem;inline-size:100%;padding-inline:var(--space-xs);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);color:var(--clr-info-text);background:var(--clr-info-soft);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.club-schedule-row__day:has(input:not(:disabled)){cursor:pointer}.club-schedule-row__day:has(input:focus-visible) span{outline:var(--brd-strong) var(--clr-light-cyan);outline-offset:var(--space-4xs)}.club-schedule-row--inactive .club-schedule-row__day span{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.club-court-row{grid-template-columns:3.625rem minmax(0,1fr) minmax(0,1fr)}.club-court-row--head{color:var(--clr-text-soft);background:var(--clr-transparent);font-size:var(--text-xs);font-weight:var(--font-bold);border:0;padding-block:0}.club-court-row__abbr{min-block-size:2.375rem;padding-inline:var(--space-2xs);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);color:var(--clr-info-text);background:var(--clr-info-soft);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;justify-content:center;align-items:center;display:flex}.club-court-count{flex-direction:row;align-items:center}.club-court-count input{inline-size:4.5rem}.club-courts-actions{align-items:center;gap:var(--space-xs);display:flex}.paddle-card{align-items:stretch;gap:var(--space-xs-plus);grid-template-columns:6.5rem minmax(0,1fr);display:grid}.paddle-photo{border-radius:var(--radius-sm);min-block-size:7rem;font-size:var(--text-sm);font-weight:var(--font-bold)}.paddle-add-btn{min-block-size:2.25rem}.profile-level-card,.profile-level-votes-card{gap:var(--space-xs);padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);flex-direction:column;display:flex}.profile-level-card{margin-block-end:var(--space-xs)}.profile-level-overview{align-items:stretch;gap:var(--space-xs);display:flex}.profile-level-current,.profile-level-meta>div,.profile-level-vote{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-control-bg)}.profile-level-current{min-block-size:5.5rem;padding:var(--space-sm);text-align:center;flex-direction:column;flex:0 0 7rem;justify-content:center;display:flex}.profile-level-current span,.profile-level-meta span,.profile-level-vote span,.profile-level-manual__copy span,.profile-level-votes-title{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.profile-level-meta span{font-size:var(--text-xxs)}.profile-level-current strong{color:var(--clr-warning-text);font-size:var(--text-2xl);line-height:var(--line-height-tight);margin-block-start:var(--space-3xs);display:block}.profile-level-meta{gap:var(--space-2xs);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.profile-level-meta>div{justify-content:space-between;align-items:center;gap:var(--space-xs);min-block-size:2.55rem;padding:var(--space-xs);display:flex}.profile-level-meta strong,.profile-level-vote strong{color:var(--clr-text-inverse);font-size:var(--text-md);line-height:var(--line-height-tight);text-align:end}.profile-level-meta strong{font-size:var(--text-sm)}.profile-level-manual{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-warning-border);border-radius:var(--radius-sm);background:var(--clr-warning-soft);display:flex}.profile-level-manual__copy{gap:var(--space-4xs);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.profile-level-manual__copy strong{color:var(--clr-warning-text);font-size:var(--text-sm)}.profile-level-manual-btn{flex:none;min-inline-size:7.25rem}.profile-level-manual-btn--confirming{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.profile-level-votes-title{margin:0}.profile-level-votes-list{gap:var(--space-xs);display:flex}.profile-level-vote{justify-content:space-between;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-xs);flex:1 1 0;display:flex}.profile-level-vote--yes{border-color:var(--clr-success-border);background:var(--clr-success-soft)}.profile-level-vote--yes strong{color:var(--clr-success-text)}.profile-level-vote--no{border-color:var(--clr-danger-border);background:var(--clr-danger-soft)}.profile-level-vote--no strong{color:var(--clr-danger-text)}.profile-level-notice{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-bold);display:flex}.profile-level-notice--increase{border:var(--brd-base) var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.profile-level-notice--maintain{border:var(--brd-base) var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.profile-level-notice--decrease{border:var(--brd-base) var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.profile-position-grid{gap:var(--space-xs);inline-size:100%;display:flex}.profile-position-side,.profile-position-both-sides{flex:1 1 0;min-inline-size:0}.profile-position-side select,.profile-position-both-sides select{inline-size:100%}.profile-stats div{min-block-size:4.5rem;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-glass);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-stats strong{color:var(--clr-warning-text);font-size:var(--text-xl);line-height:var(--line-height-tight)}.profile-stats span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold);margin-block-start:var(--space-xxs)}.profile-badge{align-items:center;gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);grid-template-columns:2.125rem minmax(0,1fr) 1.75rem;display:grid}.profile-badge__icon,.profile-badge__star{border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.profile-badge__icon{block-size:2.125rem;inline-size:2.125rem;color:var(--clr-info-text);background:var(--clr-control-bg);font-size:.72rem;font-weight:var(--font-bold)}.profile-badge__content{min-inline-size:0}.profile-badge strong,.profile-badge span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-badge strong{color:var(--clr-text-inverse);font-size:var(--text-xs)}.profile-badge span{color:var(--clr-text-muted-inverse);margin-block-start:var(--space-4xs);font-size:.66rem}.profile-badge__star{border:var(--brd-base) var(--clr-border-subtle);block-size:1.75rem;inline-size:1.75rem;color:var(--clr-warning);background:var(--clr-surface-glass-soft);font-size:var(--text-sm)}.profile-badge--locked{opacity:.66}.profile-badge--active{border-color:var(--clr-warning-border);background:var(--clr-warning-soft)}.public-player-profile-page{gap:var(--space-s)}.public-profile-hero .profile-photo{cursor:default;flex-shrink:0}.public-profile-invite-button{inline-size:70%}.public-profile-actions .btn,.public-profile-back-link{inline-size:100%}.public-profile-panel>.public-profile-fields{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));min-inline-size:0;display:grid}.public-profile-field{min-block-size:3.75rem;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-glass);flex-direction:column;justify-content:center;display:flex}.public-profile-field span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.public-profile-field strong{overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-base);line-height:var(--line-height-heading);margin-block-start:var(--space-xxs)}.public-profile-paddle{align-items:stretch;gap:var(--space-xs-plus);min-block-size:12.5rem;display:flex}.public-profile-paddle .public-profile-fields{gap:var(--space-xs-plus);flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.public-profile-paddle .paddle-photo{flex:0 0 36%;align-self:stretch;min-block-size:0;min-inline-size:6.5rem;max-inline-size:13rem}.public-profile-paddle .public-profile-field{flex:1 1 0;min-block-size:0}.public-profile-status{min-block-size:9rem;padding:var(--space-md);text-align:center;justify-content:center;align-items:center;display:flex}.public-profile-status p{color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0}.public-profile-status--error{border-color:var(--clr-danger-border);background:var(--clr-danger-soft)}.public-profile-status--empty{border-color:var(--clr-warning-border);background:var(--clr-warning-soft)}.public-profile-status--error p{color:var(--clr-danger-text)}.public-profile-status--empty p{color:var(--clr-warning-text)}.public-club-profile-page{gap:var(--space-s)}.public-club-actions .btn,.public-club-back-link{inline-size:100%}.public-club-contact-card{align-items:center;gap:var(--space-xs-plus);border-color:var(--clr-info-border);background:linear-gradient(135deg, oklch(var(--oklch-info) / var(--alpha-16)), transparent 52%), var(--clr-surface-dark);min-inline-size:0;display:flex;position:relative;overflow:hidden}.public-club-contact__logo{border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 32%, oklch(var(--oklch-info) / var(--alpha-30)), transparent 58%), var(--clr-control-bg);min-block-size:8.75rem;color:var(--clr-text-inverse);font-size:var(--text-xl);font-weight:var(--font-black);box-shadow:inset 0 0 0 var(--brd-base) oklch(var(--oklch-white) / var(--alpha-12));flex:0 0 7.5rem;justify-content:center;align-self:stretch;align-items:center;display:flex;overflow:hidden}.public-club-contact__logo img{object-fit:cover;block-size:100%;inline-size:100%}.public-club-contact__body{justify-content:center;gap:var(--space-xs);flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.public-club-contact__eyebrow,.public-club-contact__location{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold);margin:0}.public-club-contact__body h1{margin:var(--space-3xs) 0;overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-xl);line-height:var(--line-height-heading)}.public-club-contact__chips{gap:var(--space-xxs);flex-direction:column;display:flex}.public-club-contact-chip{justify-content:center;align-items:flex-start;gap:var(--space-3xs);inline-size:100%;min-inline-size:0;padding:var(--space-xxs) var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-glass);flex-direction:column;text-decoration:none;display:flex}.public-club-contact-chip span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.public-club-contact-chip strong{text-align:end;overflow-wrap:anywhere;inline-size:100%;min-inline-size:0;color:var(--clr-text-inverse);font-size:var(--text-sm);line-height:var(--line-height-tight)}.public-club-contact-chip:focus-visible,.public-club-map-link:focus-visible{outline:var(--brd-strong) solid var(--clr-info-border);outline-offset:var(--space-4xs)}.public-club-map-link{min-block-size:2rem;padding:var(--space-3xs) var(--space-xs);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);background:var(--clr-info-soft);color:var(--clr-info-text);font-size:var(--text-sm);font-weight:var(--font-bold);align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}.public-club-panel{gap:var(--space-xs);flex-direction:column;display:flex}.public-club-court-breakdown{gap:var(--space-3xs);flex-direction:column;display:flex}.public-club-summary-row{justify-content:space-between;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-glass);display:flex}.public-club-summary-row strong,.public-club-court-type strong{overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-base);flex:none}.public-club-summary-row span,.public-club-court-type span,.public-club-schedule__row span,.public-club-announcement span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.public-club-courts{gap:var(--space-3xs);flex-direction:column;padding-inline-start:var(--space-xs);display:flex}.public-club-court-type{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-glass);display:flex}.public-club-court-type span{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--text-xs);font-weight:var(--font-bold)}.public-club-schedule,.public-club-announcements{gap:var(--space-xxs);flex-direction:column;display:flex}.public-club-schedule__row,.public-club-announcement{padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-glass)}.public-club-schedule__row{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.public-club-schedule__row strong,.public-club-announcement strong{color:var(--clr-text-inverse)}.public-club-announcement p,.public-club-empty{margin:var(--space-xxs) 0 0;color:var(--clr-text-soft);font-size:var(--text-sm)}.public-club-contact-action{gap:var(--space-xs);flex-direction:column;display:flex}.public-club-contact-action--readonly{border-color:var(--clr-info-border);background:var(--clr-info-soft);text-align:center;justify-content:center}.public-club-contact-action--readonly p{color:var(--clr-info-text);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0}.public-club-message-form{gap:var(--space-xs);border-color:var(--clr-success-border);background:linear-gradient(145deg, oklch(var(--oklch-success) / var(--alpha-16)), transparent 58%), var(--clr-surface-dark);flex-direction:column;display:flex}.public-club-message-form[hidden]{display:none}.public-club-message-form__header{justify-content:space-between;align-items:flex-start;gap:var(--space-xs);display:flex}.public-club-message-form__header p,.public-club-message-form__status{margin:0}.public-club-message-form__header p{color:var(--clr-success-text);font-size:var(--text-xs);font-weight:var(--font-bold)}.public-club-message-form__header h2{margin:var(--space-3xs) 0 0;overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-lg);line-height:var(--line-height-heading)}.public-club-message-field{gap:var(--space-xxs);flex-direction:column;display:flex}.public-club-message-field span,.public-club-message-form__footer span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.public-club-message-field select,.public-club-message-field textarea{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-control-bg);inline-size:100%;color:var(--clr-text-inverse);font:inherit}.public-club-message-field select{appearance:none;min-block-size:2.75rem;padding:0 var(--space-xl) 0 var(--space-xs);background:linear-gradient(45deg, transparent 50%, var(--clr-success-text) 50%) calc(100% - 1.05rem) 50% / .45rem .45rem no-repeat, linear-gradient(135deg, var(--clr-success-text) 50%, transparent 50%) calc(100% - .78rem) 50% / .45rem .45rem no-repeat, var(--clr-control-bg);font-size:var(--text-sm);font-weight:var(--font-bold)}.public-club-message-field select option{color:var(--clr-text-inverse);background:var(--clr-surface-base)}.public-club-message-field textarea{min-block-size:8rem;padding:var(--space-xs);resize:vertical}.public-club-message-field select:focus-visible,.public-club-message-field textarea:focus-visible{outline:var(--brd-strong) solid var(--clr-success-border);outline-offset:var(--space-4xs)}.public-club-message-form__footer{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.public-club-message-form__footer .btn{min-inline-size:8.5rem}.public-club-message-form__status{min-block-size:1.25rem;color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-bold)}.public-club-message-form__status--success{color:var(--clr-success-text)}.public-club-message-form__status--error{color:var(--clr-danger-text)}.public-club-message-confirmation{justify-content:space-between;align-items:center;gap:var(--space-xs);border-color:var(--clr-border-subtle);background:var(--clr-surface-glass);display:flex}.public-club-message-confirmation[hidden]{display:none}.public-club-message-confirmation p,.public-club-message-confirmation span{margin:0}.public-club-message-confirmation p{color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-bold)}.public-club-message-confirmation span{color:var(--clr-text-muted-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-block-start:var(--space-3xs);display:block}.public-club-status{min-block-size:9rem;padding:var(--space-md);text-align:center;justify-content:center;align-items:center;display:flex}.public-club-status p{color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0}.public-club-status--error{border-color:var(--clr-danger-border);background:var(--clr-danger-soft)}.public-club-status--empty{border-color:var(--clr-warning-border);background:var(--clr-warning-soft)}.public-club-status--error p{color:var(--clr-danger-text)}.public-club-status--empty p{color:var(--clr-warning-text)}.my-group-page{gap:var(--space-s)}.my-group-status{color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.my-groups-directory-panel{gap:var(--space-xs);flex-direction:column;display:flex}.my-group-directory-list,.my-group-empty-create{gap:var(--space-sm);flex-direction:column;display:flex}.my-group-empty-create{text-align:center;align-items:center}.my-group-empty-create .btn{inline-size:100%}.my-group-row{justify-content:space-between;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);flex-direction:row;display:flex}.my-group-row__body{gap:var(--space-sm);min-inline-size:0;color:var(--clr-text-soft);display:inline-flex}.my-group-row__body p{font-weight:var(--font-bold);color:var(--clr-warning-text)}.my-group-detail-data{gap:var(--space-xs);flex-wrap:wrap;display:flex}.my-group-detail-actions .btn{inline-size:100%}.my-group-detail-data span{padding:var(--space-xxs) var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);color:var(--clr-text-soft);background:var(--clr-info-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.my-group-readonly-grid input[readonly]{border-color:var(--clr-border-muted);color:var(--clr-text-inverse);background:var(--clr-control-bg)}.my-group-members-toggle{border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);block-size:2rem;inline-size:2rem;color:var(--clr-text-inverse);background:var(--clr-control-bg);font-size:var(--text-sm);font-weight:var(--font-bold);border:1px solid #0ff;justify-content:center;align-items:center;display:inline-flex}.my-group-members-toggle:hover{border-color:var(--clr-success-border);background:var(--clr-success-soft)}.profile-group-create,.profile-group-create__photo{gap:var(--space-xs);flex-direction:column;display:flex}.profile-group-create__photo-frame{border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-sm);min-block-size:9rem;inline-size:100%;color:var(--clr-info-text);background:var(--clr-control-bg);font-size:var(--text-sm);font-weight:var(--font-bold);text-align:center;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-group-create__photo-frame img{object-fit:cover;block-size:100%;inline-size:100%}.profile-group-create__photo input[type=file]{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.profile-group-create__photo-button{justify-content:center;inline-size:100%}.profile-group-create__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-group-create__actions{justify-content:flex-end;gap:var(--space-xs);display:flex}.my-group-hero{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--clr-control-bg), var(--clr-surface-glass-soft)), var(--clr-control-bg);background-position:50%;background-size:cover;min-block-size:11rem;position:relative;overflow:hidden}.my-group-hero__overlay{justify-content:flex-end;gap:var(--space-xs);padding:var(--space-sm);background:linear-gradient(oklch(0% 0 0/.05) 0%,oklch(0% 0 0/.72) 100%);flex-direction:column;display:flex;position:absolute;inset:0}.my-group-hero h2{color:var(--clr-white);font-size:var(--text-xl);line-height:var(--line-height-heading);overflow-wrap:anywhere;margin:0}.my-group-hero__badges,.my-group-invitation__actions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.my-group-hero__badges span{padding:var(--space-3xs) var(--space-xs);border:var(--brd-base) oklch(100% 0 0/.28);border-radius:var(--radius-sm);color:var(--clr-white);font-size:var(--text-xs);font-weight:var(--font-bold);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:oklch(100% 0 0/.14)}.my-group-hero__leave{min-block-size:1.75rem;padding:var(--space-3xs) var(--space-xs);color:var(--clr-white);font-size:var(--text-xs);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--radius-sm);background:oklch(20% .12 25/.42);border-color:oklch(100% 0 0/.32);margin-inline-start:auto;line-height:1.1}.my-group-hero__leave.is-confirming{background:var(--clr-danger)}.my-group-members-shell{opacity:0;transform:translateY(calc(var(--space-xxs) * -1));grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.23,1,.32,1),opacity .16s ease-out,transform .22s cubic-bezier(.23,1,.32,1);display:grid}.my-group-members-shell.is-expanded{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.my-group-members{gap:var(--space-xs);flex-direction:column;min-block-size:0;display:flex;overflow:hidden}.my-group-private-matches{gap:var(--space-xs);flex-direction:column;display:flex}.my-group-private-matches-empty{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);display:flex}.my-group-private-matches-empty span{border-radius:var(--radius-sm);background:var(--clr-control-bg);block-size:2rem;inline-size:2rem;font-size:var(--text-md);flex:0 0 2rem;justify-content:center;align-items:center;display:inline-flex}.closed-match-card.my-group-private-match{box-shadow:none}.my-group-private-match__actions{align-items:stretch;gap:var(--space-2xs);inline-size:100%;min-inline-size:0;border-block-start:var(--brd-base) var(--clr-surface-glass-soft);padding-block-start:var(--space-2xs);display:flex}.my-group-private-match__actions>*{flex:1 1 0;min-inline-size:0}.my-group-private-match__actions>.btn{min-block-size:2.25rem;padding-inline:var(--space-2xs);font-size:var(--text-xs);line-height:var(--line-height-tight);text-align:center;white-space:normal;justify-content:center}.my-group-private-match__status-text{min-block-size:2.25rem;min-inline-size:0;padding:var(--space-4xs) var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);color:var(--clr-text-soft);background:var(--clr-control-bg);font-size:var(--text-xs);font-weight:var(--font-bold);line-height:var(--line-height-tight);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;flex:1 1 0;justify-content:center;align-items:center;display:inline-flex}.my-group-private-match__notice{gap:var(--space-4xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--line-height-body);flex-direction:column;display:flex}.my-group-private-match__notice strong{font-size:var(--text-xs);line-height:var(--line-height-heading)}.my-group-private-match__notice span{color:var(--clr-text-soft)}.my-group-private-match__notice--ready{border-color:var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.my-group-private-match__notice--waiting{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.my-group-private-match__notice--booked{border-color:var(--clr-match-status-border);color:var(--clr-match-status-text);background:var(--clr-match-status-bg)}.my-group-private-match__expiry{gap:var(--space-4xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-sm);color:var(--clr-danger-text);background:var(--clr-danger-soft);font-size:var(--text-xs);line-height:var(--line-height-readable);flex-direction:column;display:flex}.my-group-private-match__expiry strong{color:var(--clr-text-inverse);font-size:var(--text-sm);line-height:var(--line-height-heading)}.my-group-private-match-courts{gap:var(--space-2xs);flex-direction:column;padding-block-start:var(--space-2xs);display:flex}.my-group-private-match-court{justify-content:space-between;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-2xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:oklch(var(--oklch-white) / var(--alpha-02));display:flex}.my-group-private-match-court span{color:var(--clr-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.my-group-private-match-court .btn{min-block-size:1.875rem;padding-inline:var(--space-xs);flex:none}.my-group-private-match .closed-match-card__header{gap:var(--space-xs)}.my-group-private-match .my-match-card__meta{text-align:start;justify-content:flex-start}.my-group-private-match .my-match-card__club,.my-group-private-match .my-match-card__date,.my-group-private-match .my-match-card__court{text-overflow:ellipsis;overflow:hidden}.my-group-private-match.my-match-card .closed-player-item{grid-template-columns:minmax(0,1fr)}.my-group-private-match .closed-player-info{justify-content:space-between;gap:var(--space-xs);inline-size:100%}.my-group-member{min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);background:var(--clr-surface-glass-soft);align-items:center;gap:var(--space-xs);display:flex}.my-group-members-shell.is-expanded .my-group-member{animation:.18s cubic-bezier(.23,1,.32,1) both my-group-member-reveal;animation-delay:calc(var(--member-index,0) * 24ms)}.my-group-member__avatar{border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-full);color:var(--clr-info-text);background:var(--clr-control-bg);font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;padding:.5rem}.my-group-member__avatar img{object-fit:cover;block-size:100%;inline-size:100%}.my-group-member__body{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-direction:row;flex:1;min-inline-size:0;display:flex}.my-group-member__body span{padding:var(--space-4xs) var(--space-2xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);color:var(--clr-success-text);background:var(--clr-success-soft);align-self:flex-start;margin-block-start:var(--space-4xs)}.my-group-member__body strong{overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-sm);line-height:var(--line-height-heading)}.my-group-member__body:has(.my-group-member__admin) strong{color:var(--clr-warning-text)}.my-group-member__body span{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold)}.my-group-member__body .my-group-member__admin{color:var(--clr-success-text);background:var(--clr-success-soft)}@keyframes my-group-member-reveal{0%{opacity:0;transform:translateY(var(--space-xxs))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.my-group-members-shell{transition:grid-template-rows var(--transition-fast), opacity var(--transition-fast);transform:none}.my-group-members-shell.is-expanded .my-group-member{animation:none}}.my-group-card__action{align-self:flex-start;min-block-size:2.375rem}.matches-page{box-sizing:border-box;inline-size:100%;padding-inline:var(--space-sm);padding-block-start:var(--space-sm);padding-block-end:calc(var(--bottom-nav-height) + var(--space-lg))}.app-main:has(.matches-page){overflow-block:visible}.matches-filters{z-index:var(--z-sticky);gap:var(--space-xs);inline-size:100%;min-inline-size:0;padding-block:var(--space-xs) var(--space-sm);border-block-end:var(--brd-base) var(--clr-border);background:var(--clr-bg);overflow-inline:visible;overflow-block:visible;margin-block-end:var(--space-sm);display:grid;position:sticky;inset-block-start:var(--header-height)}.matches-filters__primary{gap:var(--space-xs);min-inline-size:0;display:flex}.matches-filters__primary>.filter-control{flex:1 1 0}.matches-filters__primary>.filter-control--club{flex-grow:1.5}.matches-filters__primary>.filter-control--date{flex-grow:.7}.matches-filters__advanced{justify-content:center;align-items:center;gap:var(--space-xs);inline-size:100%;min-inline-size:0;animation:filters-reveal var(--transition-fast) cubic-bezier(.23, 1, .32, 1);flex:1;display:flex}.matches-filters__advanced>.filter-control{flex:1 1 0}.matches-filters__advanced[hidden]{display:none}.filter-control{min-inline-size:0;position:relative}.filter-control__input{opacity:0;cursor:pointer;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.filter-tile,.filter-chip{border:var(--brd-base) color-mix(in oklch, var(--clr-light-cyan), transparent 58%);border-radius:var(--radius-md);inline-size:100%;min-inline-size:0;color:var(--clr-light-gray);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-08)) 0%, oklch(var(--oklch-black) / var(--alpha-12)) 100%), color-mix(in oklch, var(--clr-surface-dark), var(--clr-light-cyan) 6%);text-shadow:0 .0625rem 0 oklch(var(--oklch-black) / var(--alpha-15));box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-16)), inset 0 -.0625rem 0 oklch(var(--oklch-black) / var(--alpha-10)), var(--shadow-sm);cursor:pointer}.filter-tile{justify-content:center;align-items:center;gap:var(--space-xxs);padding:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-height-tight);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), scale var(--transition-fast);display:flex}.filter-tile__icon{font-size:var(--text-lg);filter:drop-shadow(0 .0625rem 0 oklch(var(--oklch-black) / var(--alpha-18)));flex:none;place-items:center;line-height:1;display:grid}.filter-tile__label,.filter-chip__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;display:block;overflow:hidden}.filter-tile--active{border-color:color-mix(in oklch, var(--clr-primary), var(--clr-white) 8%);background:linear-gradient(180deg, color-mix(in oklch, var(--clr-primary), var(--clr-light-cyan) 8%) 0%, color-mix(in oklch, var(--clr-surface-dark), var(--clr-primary) 14%) 100%)}.filter-chip{justify-content:center;align-items:center;gap:var(--space-xxs);block-size:2.375rem;padding-inline:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-height-tight);display:flex}.filter-chip__icon{font-size:var(--text-lg);flex:none;line-height:1}@media (hover:hover) and (pointer:fine){.filter-control:hover .filter-tile,.filter-control:hover .filter-chip{border-color:color-mix(in oklch, var(--clr-light-cyan), transparent 26%);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-10)) 0%, oklch(var(--oklch-black) / var(--alpha-08)) 100%), color-mix(in oklch, var(--clr-primary), var(--clr-surface-dark) 68%);box-shadow:inset 0 .0625rem 0 oklch(var(--oklch-white) / var(--alpha-18)), inset 0 -.0625rem 0 oklch(var(--oklch-black) / var(--alpha-10)), 0 var(--space-xxs) var(--space-xs-plus) oklch(var(--oklch-black) / var(--alpha-14))}}.filter-control:active .filter-tile,.filter-control:active .filter-chip{scale:.985}.filter-control:focus-within .filter-tile,.filter-control:focus-within .filter-chip{outline:var(--brd-strong) solid color-mix(in oklch, var(--clr-light-cyan), var(--clr-white) 18%);outline-offset:var(--space-4xs)}@keyframes filters-reveal{0%{opacity:0;transform:translateY(calc(var(--space-xxs) * -1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.matches-filters__advanced{animation:none}.filter-tile,.filter-chip{transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.filter-control:active .filter-tile,.filter-control:active .filter-chip{scale:1}}.slot-legend{justify-content:space-between;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-xxs);flex-basis:100%;margin-block-end:var(--space-xxs);display:flex}.slot-legend__item{font-size:var(--text-xxs);font-weight:var(--font-medium);white-space:nowrap}.slot-legend--pl{color:var(--clr-light-primary)}.slot-legend--pa{color:var(--clr-light-cyan)}.slot-legend--pc{color:var(--clr-light-error)}.slots-container{gap:var(--space-s);box-sizing:border-box;flex-direction:column;inline-size:100%;display:flex}.slot-row{box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-white);border-radius:var(--radius-md);color:var(--clr-text-inverse);background:var(--clr-surface-base);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);align-items:center;display:flex}.slot-row--has-open-activity{border:var(--brd-strong) var(--clr-light-cyan);background-color:var(--clr-surface-dark);box-shadow:inset var(--space-4xs) 0 0 var(--clr-light-cyan), 0 0 0 var(--brd-sm) oklch(var(--oklch-info) / var(--alpha-18))}.slot-row--metrics-only{padding-block:var(--space-2xs)}.slot-row--highlighted{animation:2s ease-out highlightSlot}.slot-row--disabled{background:var(--clr-bg);opacity:.6;cursor:not-allowed}.slot-time{flex-direction:column;flex-shrink:0;min-inline-size:3.75rem;display:flex}.slot-time__hour{color:var(--clr-text-inverse);font-size:var(--text-base);font-weight:var(--font-bold)}.slot-time__label{color:var(--clr-text-subtle);font-size:var(--text-xxs);text-transform:uppercase}.slot-info{gap:var(--space-3xs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.slot-state{font-size:var(--text-sm);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-state--open{color:var(--clr-success);text-shadow:0 0 var(--space-3xs) var(--clr-black)}.slot-state--joinable{gap:var(--space-2xs);color:var(--clr-light-cyan);font-weight:var(--font-medium);line-height:var(--line-height-tight);text-shadow:0 0 var(--space-3xs) var(--clr-black);white-space:normal;flex-direction:column;display:flex}.slot-state--joinable span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-state--joinable span:nth-child(2){color:var(--clr-warning-text)}.slot-state--empty{color:var(--clr-text-muted);text-shadow:0 0 var(--space-3xs) var(--clr-black)}.slot-state--disabled{color:var(--clr-text-inverse);text-shadow:0 0 var(--space-3xs) var(--clr-black);opacity:.6}.slot-state--full{color:var(--clr-error);text-shadow:0 0 var(--space-3xs) var(--clr-black)}.slot-sub{color:var(--clr-text-inverse);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;opacity:.8;overflow:hidden}.slot-sub--metrics{align-items:center;gap:var(--space-xs);opacity:1;display:flex}.slot-metric{font-weight:var(--font-bold);text-shadow:0 0 var(--space-3xs) var(--clr-black)}.slot-metric--free{color:var(--clr-light-primary)}.slot-metric--open{color:var(--clr-light-cyan)}.slot-metric--closed{color:var(--clr-light-error)}.slot-actions{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;flex-shrink:0;display:flex}.btn-slot{padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;border:none}.btn-slot--enter{color:var(--clr-text-inverse);background:var(--clr-primary);box-shadow:0 var(--space-4xs) var(--space-xxs) var(--clr-shadow-md)}.btn-slot--enter:hover{filter:brightness(1.1);scale:1.02}.btn-slot--create{color:var(--clr-text-inverse);background:var(--clr-success);box-shadow:0 var(--space-4xs) var(--space-xxs) var(--clr-shadow-soft);transition:background var(--transition-fast), scale var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast)}.btn-slot--create:hover{filter:brightness(1.1);scale:1.02}.btn-slot--disabled{border:var(--brd-base) var(--clr-border);color:var(--clr-text-inverse);opacity:.5;background:0 0}.slot-expand-icon{inline-size:1rem;color:var(--clr-text-inverse);font-size:var(--text-sm);text-align:center}.slot-matches{gap:var(--space-sm);box-sizing:border-box;inline-size:100%;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-lg);background:oklch(var(--oklch-white) / var(--alpha-02));box-shadow:inset 0 var(--space-4xs) var(--space-xxs) var(--clr-shadow-md);flex-direction:column;margin-block-start:calc(-1 * var(--space-2xs));margin-block-end:var(--space-s);animation:.25s ease-out slideDown;display:flex}.slot-expanded-header{border-block-end:var(--brd-base) var(--clr-border-subtle);justify-content:space-between;align-items:center;margin-block-end:var(--space-xxs);padding-block-end:var(--space-xs-plus);display:flex}.slot-expanded-title{color:var(--clr-primary);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.03125rem;text-transform:uppercase}.btn-close-expanded{block-size:1.75rem;inline-size:1.75rem;font-size:var(--text-xs);flex:none}.slot-expanded-body{gap:var(--space-sm);flex-direction:column;display:flex}.slot-section{gap:var(--space-xs-plus);flex-direction:column;display:flex}.matches-grid-expanded{gap:var(--space-s);flex-direction:column;display:flex}.blocks-grid-expanded{gap:var(--space-xs);flex-direction:column;display:flex}.court-blocked-card{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-xs-plus) var(--space-s);border:var(--brd-strong) var(--clr-warning-border);border-radius:var(--radius-md);color:var(--clr-text-inverse);background:linear-gradient(180deg, oklch(var(--oklch-warning) / var(--alpha-18)), oklch(var(--oklch-warning) / var(--alpha-10))), var(--clr-surface-dark);box-shadow:inset 0 0 0 var(--space-1) oklch(var(--oklch-warning) / var(--alpha-24));display:inline-flex}.court-blocked-info{align-items:center;gap:var(--space-xs-plus);inline-size:100%;display:flex}.court-blocked-meta{flex-direction:column;inline-size:100%;display:flex}.court-blocked-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--clr-warning-text)}.court-blocked-reason{font-size:var(--text-xs);color:var(--clr-text-soft)}.slot-section--actions{border-block-start:var(--brd-base) var(--clr-border-soft);padding-block-start:var(--space-s)}.slot-actions-panel{gap:var(--space-xs-plus);flex-direction:column;display:flex}.no-courts-text{padding:var(--space-xxs) 0;color:var(--clr-text-muted-inverse);font-size:var(--text-xs);text-align:center;margin:0}.slot-action-buttons{justify-content:space-evenly;align-items:center;gap:var(--space-xs-plus);display:flex}.btn-slot-action{padding:var(--space-xs) var(--space-s-plus);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), scale var(--transition-fast), box-shadow var(--transition-fast);border:none}.match-card{gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-2xs);border:var(--brd-base) var(--clr-light-cyan);border-radius:var(--radius-md);color:var(--clr-text-inverse);background:var(--clr-surface-dark);box-shadow:0 var(--space-xxs) var(--space-xl) var(--clr-match-card-shadow);flex-direction:column;display:flex;overflow:hidden}.match-card--class{border:var(--brd-base) var(--clr-warning)}.match-card__header{justify-content:space-between;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs);border:var(--brd-base) var(--clr-match-card-header-border);border-radius:var(--radius-sm);background:var(--clr-match-card-header-bg);display:flex}.match-card__meta{justify-content:space-between;align-items:center;gap:var(--space-xxs) var(--space-xs);text-align:center;flex-wrap:wrap;flex:1;min-inline-size:0;display:flex}.match-card__club,.match-card__date,.match-card__court,.match-card__level{min-inline-size:0;font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.match-card__club{background:inherit;color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-bold);text-overflow:ellipsis;flex:1 0 100%;overflow:hidden}.match-card__date,.match-card__court,.match-card__level{padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);background:oklch(var(--oklch-surface-mid) / var(--alpha-45));align-items:center;display:inline-flex}.match-card__date{color:var(--clr-match-meta-date)}.match-card__court{color:var(--clr-match-meta-court)}.match-card__level{color:var(--clr-match-meta-level)}.match-card__status{padding:var(--space-4xs) var(--space-2xs);border:var(--brd-base) var(--clr-match-status-border);border-radius:var(--radius-sm);color:var(--clr-match-status-text);background:var(--clr-match-status-bg);font-size:var(--text-xxs);font-weight:var(--font-bold);white-space:nowrap;align-items:center;display:inline-flex}.match-card__status--class{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.match-card__players{padding-block:var(--space-xxs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.match-card__player{align-items:center;gap:var(--space-xxs);flex-direction:column;min-inline-size:0;display:flex;position:relative}.match-card__player--filled{padding-block-start:var(--space-4xs)}.player-avatar{border:var(--brd-base) var(--clr-white);border-radius:var(--radius-full);block-size:2.25rem;inline-size:2.25rem;color:var(--clr-text-inverse);background:var(--clr-bg);font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.player-name{inline-size:100%;color:var(--clr-text-inverse);font-size:.7rem;font-weight:var(--font-medium);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-card__player--empty .player-avatar{border:var(--brd-base-dashed) var(--clr-white);color:var(--clr-text-inverse);opacity:.7;background:0 0}.match-card__player--empty .player-name{color:var(--clr-text-inverse);opacity:.7}.match-card__player--add{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.match-card__player--add:hover .player-avatar,.match-card__player--add:focus-visible .player-avatar{border-color:var(--clr-primary);background:var(--clr-match-player-add-hover-bg);opacity:1;outline:none}.match-card__remove-player{block-size:1.375rem;min-inline-size:1.375rem;padding:0 var(--space-xxs);border:var(--brd-base) var(--clr-border-strong);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-match-player-remove-bg);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;line-height:1;position:absolute;inset-block-start:calc(-1 * var(--space-xxs));inset-inline-end:var(--space-4xs)}.match-card__remove-player:hover,.match-card__remove-player:focus-visible{background:var(--clr-match-player-remove-bg-hover);outline:none}.match-player-picker{border-block-start:var(--brd-base) var(--clr-border-strong);margin-block-start:var(--space-s);padding-block-start:var(--space-s)}.match-player-picker__top{gap:var(--space-xs);grid-template-columns:1fr 2.25rem;margin-block-end:var(--space-xs);display:grid}.match-player-picker__search{inline-size:100%;min-inline-size:0;padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-border-strong);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-match-picker-search-bg);font-size:var(--text-sm)}.match-player-picker__search::placeholder{color:var(--clr-text-muted-inverse)}.match-player-picker__close{flex:none;block-size:2.25rem;inline-size:2.25rem}.match-player-picker__list{gap:var(--space-xs);overflow-block:auto;max-block-size:16.25rem;display:grid}.match-player-guest,.match-player-option{align-items:center;gap:var(--space-xs);inline-size:100%;min-inline-size:0;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--clr-text-inverse);text-align:start;cursor:pointer;grid-template-columns:2.25rem 1fr;display:grid}.match-player-guest{border:var(--brd-base) var(--clr-match-picker-guest-border);margin-block-end:var(--space-xs)}.match-player-guest:hover,.match-player-guest:focus-visible{background:var(--clr-match-picker-guest-bg-hover);outline:none}.match-player-guest:disabled,.match-player-option:disabled{opacity:.65;cursor:progress}.match-player-option{border:var(--brd-base) var(--clr-border-muted);background:var(--clr-match-picker-option-bg)}.match-player-option:hover,.match-player-option:focus-visible{border-color:var(--clr-primary);background:var(--clr-match-picker-option-bg-hover);outline:none}.match-player-option__avatar{border-radius:var(--radius-full);block-size:2rem;inline-size:2rem;color:var(--clr-text-inverse);background:var(--clr-primary);font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;display:inline-flex}.match-player-option__meta{gap:var(--space-4xs);min-inline-size:0;display:grid}.match-player-option__name,.match-player-option__level{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.match-player-option__name{font-size:var(--text-sm);font-weight:var(--font-bold)}.match-player-option__level{color:var(--clr-text-soft);font-size:var(--text-xs)}.match-player-picker__empty{padding:var(--space-s);border:var(--brd-base) dashed var(--clr-border-muted);border-radius:var(--radius-sm);color:var(--clr-text-soft);font-size:var(--text-sm);text-align:center}.match-player-picker__empty--error{color:var(--clr-error)}.match-card__action{align-items:stretch;gap:var(--space-2xs);inline-size:100%;min-inline-size:0;display:flex}.match-card__action>.btn{min-block-size:2.25rem;min-inline-size:0;padding-block:var(--space-xs);padding-inline:var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-tight);text-align:center;white-space:normal;flex:1 1 0}.match-card__continuation{border-radius:var(--radius-xs);background-color:var(--clr-surface-base);text-align:center;inline-size:100%;font-size:var(--text-xs);color:var(--clr-gray);font-weight:var(--font-semibold)}.create-match-container{box-sizing:border-box;inline-size:100%;padding:var(--space-sm);border:var(--brd-base) var(--clr-primary);border-radius:var(--radius-md);color:var(--clr-text-inverse);box-shadow:var(--shadow-sm);background:oklch(45% .07 240);margin-block-start:var(--space-xs);overflow:hidden}.create-match-header{justify-content:space-between;align-items:center;margin-block-end:var(--space-sm);display:flex}.create-match-header h4{color:var(--clr-text-inverse);font-size:var(--text-md);margin:0}.btn-close-create{block-size:2rem;inline-size:2rem;font-size:var(--text-sm);flex:none}.create-section{margin-block-end:var(--space-sm)}.create-section label{color:var(--clr-light-gray);font-size:var(--text-sm);opacity:.9;margin-block-end:var(--space-xs);display:block}.create-match-container .form-select{min-block-size:2.625rem;inline-size:100%;padding-inline:var(--space-s);border:var(--brd-base) var(--clr-control-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-control-bg);font-size:var(--text-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.create-match-container .form-select:focus{border-color:var(--clr-primary);box-shadow:0 0 0 var(--space-4xs) var(--clr-control-focus-shadow)}.create-match-container .form-select option{color:var(--clr-text-inverse);background:var(--clr-surface-dark)}.court-type-legend{margin-block:var(--space-2xs) 0;color:var(--clr-light-gray);font-size:var(--text-xs)}.private-match-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-control-bg);font-size:var(--text-sm);font-weight:var(--font-bold);margin-block-end:var(--space-sm);display:flex}.private-match-toggle__input{block-size:1rem;inline-size:1rem;accent-color:var(--clr-primary)}.create-match-container--private .courts-grid{opacity:.55}.create-level-warning{padding:var(--space-xs);border:var(--brd-base) oklch(78% .13 85);border-radius:var(--radius-sm);color:var(--clr-text-inverse);font-size:var(--text-xs);background:oklch(37% .07 95);margin-block-end:var(--space-xs)}.level-selector-scroll{gap:var(--space-xs);overflow-inline:auto;scrollbar-width:none;-ms-overflow-style:none;padding-block-end:var(--space-xs);display:flex}.level-selector-scroll::-webkit-scrollbar{display:none}.btn-level-chip{padding:var(--space-xs) var(--space-sm);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-full);color:var(--clr-text-main);background:var(--clr-white);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex:none}.btn-level-chip.selected{border-color:var(--clr-primary);color:var(--clr-text-inverse);background:var(--clr-primary);font-weight:var(--font-bold)}.courts-grid{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.court-card{min-block-size:3.5rem;padding:var(--space-s);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-surface-dark);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.court-card.available:hover{border-color:var(--clr-success-border)}.court-card.available:active{transform:scale(.98)}.court-card.selected{border:var(--brd-strong) var(--clr-success-border);background:linear-gradient(180deg, var(--clr-success-soft), oklch(var(--oklch-green) / var(--alpha-10))), var(--clr-surface-dark);box-shadow:inset 0 0 0 var(--space-1) oklch(var(--oklch-green-bright) / var(--alpha-35))}.court-name{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);margin-block-end:0;display:block}.court-status{padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--clr-success-text);background:oklch(var(--oklch-green) / var(--alpha-20));font-size:var(--text-xs);font-weight:var(--font-medium);opacity:.8;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.court-card.selected .court-status{color:var(--clr-success-text);background:oklch(var(--oklch-green) / var(--alpha-24));opacity:1}.btn-submit-create{inline-size:100%;margin-block-start:var(--space-xs)}.btn-slot--reserve{color:var(--clr-text-inverse);background:var(--clr-warning);box-shadow:0 var(--space-4xs) var(--space-xxs) var(--clr-shadow-soft);opacity:1;transition:background var(--transition-fast), scale var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);border:0}.btn-slot--reserve:hover{filter:brightness(1.1);scale:1.02}.reserve-match-container{box-sizing:border-box;inline-size:100%;padding:var(--space-sm);border:var(--brd-base) oklch(65% .2 60);border-radius:var(--radius-md);color:var(--clr-text-inverse);box-shadow:var(--shadow-sm);background:oklch(35% .05 240);margin-block-start:var(--space-xs);overflow:hidden}.reserve-match-header{justify-content:space-between;align-items:center;margin-block-end:var(--space-sm);display:flex}.reserve-match-header h4{color:var(--clr-text-inverse);font-size:var(--text-md);margin:0}.btn-close-reserve{block-size:2rem;inline-size:2rem;font-size:var(--text-sm);flex:none}.reserve-reason-select,.reserve-end-time-select,.reserve-class-level-select,.level-select{box-sizing:border-box;inline-size:100%;padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-surface-dark);font-family:inherit;font-size:var(--text-sm);cursor:pointer;outline:none;margin-block-end:var(--space-sm)}.reserve-reason-select option,.reserve-end-time-select option,.reserve-class-level-select option,.level-select option{color:var(--clr-text-inverse);background:var(--clr-surface-dark)}.courts-reserve-grid{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.court-reserve-card{gap:var(--space-3xs);color:var(--clr-text-inverse);transition:color var(--transition-fast), opacity var(--transition-fast);background:0 0;flex-direction:column;display:flex}.court-reserve-card__summary{justify-content:space-between;align-items:center;gap:var(--space-xs);min-block-size:2rem;padding:var(--space-2xs) var(--space-xs);border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-sm);background:var(--clr-surface-dark);transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.court-reserve-card--free .court-reserve-card__summary{border-color:var(--clr-border-muted)}.court-reserve-card--free{cursor:pointer}.court-reserve-card--free:hover .court-reserve-card__summary{border-color:var(--clr-success-border)}.court-reserve-card--free:active .court-reserve-card__summary{scale:.98}.court-reserve-card.selected .court-reserve-card__summary{border:var(--brd-strong) var(--clr-warning-border);background:linear-gradient(180deg, var(--clr-warning-soft), oklch(var(--oklch-warning) / var(--alpha-14))), var(--clr-surface-dark);box-shadow:inset 0 0 0 var(--space-1) oklch(var(--oklch-warning) / var(--alpha-35))}.court-reserve-card--occupied .court-reserve-card__summary{border-color:var(--clr-warning-border);background:oklch(var(--oklch-warning) / var(--alpha-10))}.court-reserve-card--blocked .court-reserve-card__summary{border-color:oklch(var(--oklch-red) / var(--alpha-30));background:oklch(var(--oklch-red) / var(--alpha-10))}.court-reserve-name{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold)}.court-reserve-status-label{padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.court-reserve-status-label--free{color:var(--clr-success-text);background:oklch(var(--oklch-green) / var(--alpha-20))}.court-reserve-status-label--occupied{color:oklch(97.3% .071 103);background:oklch(var(--oklch-yellow) / var(--alpha-20))}.court-reserve-status-label--blocked{color:var(--clr-danger-text);background:oklch(var(--oklch-red-soft) / var(--alpha-20))}.btn-court-reserve-action{min-block-size:1.75rem;inline-size:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), filter var(--transition-fast), scale var(--transition-fast), opacity var(--transition-fast);border:none}.btn-court-reserve-action--unblock{color:var(--clr-text-inverse);background:var(--clr-danger)}.btn-court-reserve-action--unblock:hover{background:var(--clr-btn-danger-bg-hover)}.btn-court-reserve-action--confirm{color:var(--clr-text-inverse);background:var(--clr-btn-warning-bg-hover);animation:1s infinite alternate pulse}.btn-submit-reserve{margin-block-start:var(--space-xs)}.closed-matches-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));margin-block-start:var(--space-sm);display:grid}.closed-match-card{gap:var(--space-xs);padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-primary);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xxs) var(--space-xl) var(--clr-match-card-shadow);transition:translate var(--transition-fast) ease, border-color var(--transition-fast) ease;flex-direction:column;display:flex}.closed-match-card:hover{border-color:oklch(var(--oklch-green) / var(--alpha-25));translate:0 -.0625rem}.closed-match-card--class{border:var(--brd-base) var(--clr-warning);box-shadow:inset 0 0 0 var(--brd-base) oklch(var(--oklch-warning) / var(--alpha-18)), 0 var(--space-xxs) var(--space-xl) var(--clr-match-card-shadow)}.closed-match-card--class:hover{border-color:var(--clr-warning-text)}.closed-match-card__header{align-items:stretch;gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-match-card-header-border);border-radius:var(--radius-sm);background:var(--clr-match-card-header-bg);flex-direction:column;display:flex}.closed-match-card__meta{justify-content:space-between;align-items:center;gap:var(--space-xxs) var(--space-xs);text-align:center;flex-wrap:wrap;flex:auto;min-inline-size:0;display:flex}.closed-match-card__badges{justify-content:space-between;align-items:center;gap:var(--space-xxs);min-inline-size:0;display:flex}.closed-match-card__club,.closed-match-card__date,.closed-match-card__court,.closed-match-card__level{min-inline-size:0;font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.closed-match-card__club{color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-bold);text-overflow:ellipsis;flex:1 0 100%;overflow:hidden}.closed-match-card__club.club-profile-link{justify-content:center;align-items:center;gap:var(--space-xxs);inline-size:100%;text-decoration:none;display:inline-flex}.closed-match-card__club.club-profile-link,.closed-match-card__club.club-profile-link .club-profile-link__name{color:var(--clr-text-inverse)}.closed-match-card__club .club-profile-link__avatar{border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-full);background:var(--clr-control-bg);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-inverse);font-size:var(--text-xxs);font-weight:var(--font-black);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.closed-match-card__club .club-profile-link__avatar img{object-fit:cover;block-size:100%;inline-size:100%}.closed-match-card__club .club-profile-link__name{min-inline-size:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.closed-match-card__date,.closed-match-card__court,.closed-match-card__level{padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);background:oklch(var(--oklch-surface-mid) / var(--alpha-45));align-items:center;display:inline-flex}.closed-match-card__date{color:var(--clr-match-meta-date)}.closed-match-card__court{color:var(--clr-match-meta-court)}.closed-match-card__level{color:var(--clr-match-meta-level)}.closed-match-card__status{padding:var(--space-4xs) var(--space-2xs);border:var(--brd-base) var(--clr-match-status-border);border-radius:var(--radius-sm);color:var(--clr-match-status-text);background:var(--clr-match-status-bg);font-size:var(--text-xxs);font-weight:var(--font-bold);white-space:nowrap;align-items:center;display:inline-flex}.closed-match-card__status--class{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.closed-card-actions{justify-content:center;align-items:center;gap:var(--space-xs);inline-size:100%;min-inline-size:0;display:flex}.closed-card-actions>.btn{min-block-size:2.25rem;min-inline-size:0;padding-inline:var(--space-2xs);line-height:var(--line-height-tight);text-align:center;white-space:normal;flex:1 1 0}.btn-card-action{min-block-size:1.875rem;padding:var(--space-xxs) var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:oklch(var(--oklch-white) / var(--alpha-05));font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:background var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;flex:1;justify-content:center;align-items:center;display:flex}.btn-card-action--edit{border-color:oklch(var(--oklch-blue) / var(--alpha-30));color:oklch(67.3% .145 255)}.btn-card-action--edit:hover{border-color:oklch(var(--oklch-blue) / var(--alpha-50));background:oklch(var(--oklch-blue) / var(--alpha-15))}.btn-card-action--edit-active{border-color:oklch(var(--oklch-blue));color:var(--clr-text-inverse);background:oklch(54.6% .215 263)}.btn-card-action--delete{border-color:oklch(var(--oklch-red) / var(--alpha-30));color:oklch(70.4% .191 22)}.btn-card-action--delete:hover{border-color:oklch(var(--oklch-red) / var(--alpha-50));background:oklch(var(--oklch-red) / var(--alpha-15))}.btn-card-action--delete-confirm{border-color:var(--clr-danger);color:var(--clr-text-inverse);background:var(--clr-danger)}.btn-card-action--delete-confirm:hover{border-color:var(--clr-btn-danger-bg-hover);background:var(--clr-btn-danger-bg-hover)}.closed-match-card__players{gap:var(--space-2xs);grid-template-columns:1fr;display:grid}.closed-player-item{align-items:center;gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xxs) var(--space-2xs);border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-03));border-radius:var(--radius-sm);background:oklch(var(--oklch-white) / var(--alpha-02));grid-template-columns:minmax(0,1fr) 2.25rem 2.25rem;display:grid}.closed-player-left{align-items:center;gap:var(--space-2xs);flex-grow:1;min-inline-size:0;display:flex}.closed-player-avatar{border-radius:var(--radius-full);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-inverse);background:linear-gradient(135deg, oklch(37.9% .146 266), oklch(var(--oklch-blue)));font-size:var(--text-xs);font-weight:var(--font-bold);box-shadow:0 var(--space-1) var(--space-xxs) var(--clr-shadow-soft);flex-shrink:0;justify-content:center;align-items:center;display:flex}.closed-player-info{align-items:center;gap:var(--space-xs);flex-direction:row;min-inline-size:0;display:flex;overflow:hidden}.closed-player-name{color:var(--clr-light-gray);font-size:var(--text-xs);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.closed-player-level{color:var(--clr-info-text);font-size:var(--text-xxs);white-space:nowrap;opacity:.8}.closed-player-remove-cell{justify-content:center;align-items:center;min-block-size:1.75rem;inline-size:2.25rem;display:flex}.btn-remove-player{border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-sm);block-size:1.75rem;inline-size:1.75rem;color:var(--clr-danger-text);background:oklch(var(--oklch-red) / var(--alpha-12));font-size:.6875rem;font-weight:var(--font-bold);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-remove-player:hover{background:oklch(var(--oklch-red) / var(--alpha-24))}.btn-confirm-remove{border:var(--brd-base) oklch(70.4% .191 22);border-radius:var(--radius-sm);block-size:1.75rem;inline-size:2rem;color:var(--clr-text-inverse);background:var(--clr-danger);font-size:.5625rem;font-weight:var(--font-bold);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;padding:0}.btn-confirm-remove:hover{background:var(--clr-btn-danger-bg-hover)}.closed-player-payment{border-radius:var(--radius-sm);block-size:1.75rem;inline-size:2rem;font-size:.8125rem;font-weight:var(--font-bold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), translate var(--transition-fast)}.closed-player-payment:hover{translate:0 -.0625rem}.closed-player-payment--pending{border:var(--brd-base) var(--clr-payment-pending-border);color:var(--clr-payment-pending-text);background:var(--clr-payment-pending-bg)}.closed-player-payment--paid{border:var(--brd-base) var(--clr-payment-paid-border);color:var(--clr-payment-paid-text);background:var(--clr-payment-paid-bg)}.closed-match-card__footer{border-block-start:var(--brd-base) var(--clr-surface-glass-soft);font-size:var(--text-xs);justify-content:center;align-items:center;padding-block-start:var(--space-xxs);display:flex}.closed-match-card__level-badge{color:var(--clr-text-muted);font-size:var(--text-xxs)}.closed-match-card__status-text{color:var(--clr-match-status-text);font-size:var(--text-xxs);font-weight:var(--font-bold)}.my-match-card--open,.my-match-card--closed{border:var(--brd-base) var(--clr-light-cyan)}.my-match-card--class{border:var(--brd-base) var(--clr-warning)}.my-match-card{overflow:hidden}.my-match-card .closed-match-card__header{justify-content:space-between;align-items:center;gap:var(--space-xxs);inline-size:100%;min-inline-size:0;padding:var(--space-xxs);border:var(--brd-base) var(--clr-match-card-header-border);border-radius:var(--radius-sm);background:var(--clr-match-card-header-bg);display:flex}.my-match-card__meta{justify-content:space-between;align-items:center;gap:var(--space-xxs) var(--space-4xs);flex-wrap:wrap;flex:1;inline-size:100%;min-inline-size:0;display:flex}.my-match-card__club,.my-match-card__date,.my-match-card__court,.my-match-card__level{min-inline-size:0;font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.my-match-card__club{background:inherit;inline-size:100%;color:var(--clr-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);text-overflow:ellipsis;text-align:center;flex:1 0 100%;overflow:hidden}.my-match-card__club.club-profile-link{justify-content:center;align-items:center;gap:var(--space-xxs);inline-size:100%;text-decoration:none;display:inline-flex}.my-match-card .my-match-card__club.club-profile-link,.my-match-card .my-match-card__club.club-profile-link .club-profile-link__name{color:var(--clr-text-inverse)}.my-match-card__club .club-profile-link__avatar{border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-full);background:var(--clr-control-bg);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-inverse);font-size:var(--text-xxs);font-weight:var(--font-black);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.my-match-card__club .club-profile-link__avatar img{object-fit:cover;block-size:100%;inline-size:100%}.my-match-card__club .club-profile-link__name{min-inline-size:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.my-match-card__date,.my-match-card__court,.my-match-card__level{padding:var(--space-4xs) var(--space-3xs);border-radius:var(--radius-sm);background:oklch(var(--oklch-surface-mid) / var(--alpha-45));align-items:center;display:inline-flex}.my-match-card__date{color:var(--clr-match-meta-date)}.my-match-card__court{color:var(--clr-match-meta-court)}.my-match-card__level{color:var(--clr-match-meta-level)}.my-match-status{padding:var(--space-4xs) var(--space-3xs);border:var(--brd-base) var(--clr-match-status-border);border-radius:var(--radius-sm);color:var(--clr-match-status-text);background:var(--clr-match-status-bg);font-size:var(--text-xxs);font-weight:var(--font-bold);white-space:nowrap;align-items:center;display:inline-flex}.my-match-status--open{border:var(--brd-base) var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.my-match-status--closed,.my-match-status--match{border:var(--brd-base) var(--clr-match-status-border);color:var(--clr-match-status-text);background:var(--clr-match-status-bg)}.my-match-status--class{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.my-match-status--spots{border:var(--brd-base) var(--clr-info-border);color:var(--clr-info-text);background:var(--clr-info-soft)}.my-match-card .closed-player-item{grid-template-columns:minmax(0,1fr) auto}.my-match-player-item--votable{border-color:oklch(var(--oklch-green) / var(--alpha-16))}.my-match-player--empty{opacity:.75;border-style:dashed;grid-template-columns:minmax(0,1fr)}.my-match-player-avatar--empty{border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-45));block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-inverse);background:var(--clr-transparent);font-size:var(--text-xs);opacity:.75}.my-match-player-profile-link{align-items:center;gap:var(--space-xs);min-inline-size:0;color:inherit;grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.my-match-player-profile-link:hover .closed-player-name,.my-match-player-profile-link:focus-visible .closed-player-name{color:var(--clr-success-text)}.my-match-player-profile-link:focus-visible{border-radius:var(--radius-sm);outline:var(--brd-base) var(--clr-success-border);outline-offset:var(--space-4xs)}.my-match-level-vote{justify-content:flex-end;align-items:center;gap:var(--space-2xs);min-inline-size:4.5rem;display:flex}.my-match-level-vote--empty{min-inline-size:4.5rem}.my-match-leave-action{justify-content:flex-end;align-items:center;min-inline-size:4.5rem;display:flex}.my-match-leave-action__btn{min-block-size:1.625rem;min-inline-size:2.75rem;padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-xxs);font-weight:var(--font-bold);line-height:1;transition:none}.my-match-leave-action__btn.is-confirming{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.my-match-level-vote__btn{min-block-size:1.625rem;min-inline-size:2rem;padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-xxs);font-weight:var(--font-bold);text-transform:uppercase;line-height:1;transition:none;scale:1}.my-match-level-vote__btn:hover,.my-match-level-vote__btn:focus,.my-match-level-vote__btn:focus-visible,.my-match-level-vote__btn:active{box-shadow:none;outline:none;scale:1}.my-match-level-vote__btn.btn--success:hover,.my-match-level-vote__btn.btn--success:focus,.my-match-level-vote__btn.btn--success:focus-visible{border-color:var(--clr-btn-soft-success-border);color:var(--clr-btn-soft-success-text);background:var(--clr-btn-soft-success-bg)}.my-match-level-vote__btn.btn--danger:hover,.my-match-level-vote__btn.btn--danger:focus,.my-match-level-vote__btn.btn--danger:focus-visible{border-color:var(--clr-btn-soft-danger-border);color:var(--clr-btn-soft-danger-text);background:var(--clr-btn-soft-danger-bg)}.my-match-level-vote__btn:disabled{cursor:default}.my-match-level-vote__btn--active{color:var(--clr-text-inverse);scale:1}.my-match-level-vote__btn--active:disabled{cursor:default;opacity:1}.my-match-level-vote__btn--locked:disabled{opacity:.35}.my-match-level-vote__btn--active.btn--success{border-color:var(--clr-btn-soft-success-border);background:oklch(var(--oklch-green) / var(--alpha-45))}.my-match-level-vote__btn--active.btn--success:hover,.my-match-level-vote__btn--active.btn--success:focus,.my-match-level-vote__btn--active.btn--success:focus-visible{border-color:var(--clr-btn-soft-success-border);color:var(--clr-text-inverse);background:oklch(var(--oklch-green) / var(--alpha-45));box-shadow:none;scale:1}.my-match-level-vote__btn--active.btn--danger{border-color:var(--clr-btn-soft-danger-border);background:oklch(var(--oklch-red) / var(--alpha-45))}.my-match-level-vote__btn--active.btn--danger:hover,.my-match-level-vote__btn--active.btn--danger:focus,.my-match-level-vote__btn--active.btn--danger:focus-visible{border-color:var(--clr-btn-soft-danger-border);color:var(--clr-text-inverse);background:oklch(var(--oklch-red) / var(--alpha-45));box-shadow:none;scale:1}.closed-empty-state{align-items:center;gap:var(--space-sm);max-inline-size:31.25rem;margin:var(--space-lg) auto;padding:var(--space-md) var(--space-xs-plus);border:var(--brd-base) var(--clr-white);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xs) var(--space-lg) var(--clr-shadow-soft);text-align:center;animation:fadeIn var(--transition-normal) ease-out;flex-direction:column;display:flex}.closed-empty-state__circle{border:var(--brd-strong) var(--clr-info-border);border-radius:var(--radius-full);background:oklch(var(--oklch-blue) / var(--alpha-10));block-size:4.5rem;inline-size:4.5rem;box-shadow:0 var(--space-xxs) var(--space-sm) oklch(var(--oklch-blue) / var(--alpha-15));justify-content:center;align-items:center;display:flex}.closed-empty-state__icon{font-size:var(--text-2xl)}.closed-empty-state__title{color:var(--clr-white);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.closed-empty-state__text{color:var(--clr-info-text);font-size:var(--text-sm);margin:0;line-height:1.6}.closed-empty-state__text strong{color:var(--clr-white)}.date-selector{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-s);inline-size:100%;max-inline-size:26.25rem;margin-block:var(--space-sm) var(--space-md);padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-gray);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xxs) var(--space-sm) var(--clr-shadow-soft);margin-inline:auto;display:flex}.date-selector__wrapper{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.date-selector__input{inline-size:100%;max-inline-size:9.375rem;color:var(--clr-light-gray);background:var(--clr-transparent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-bold);text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;border:0;outline:0}.btn-date-nav{padding:var(--space-2xs) var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-light-gray);background:oklch(var(--oklch-white) / var(--alpha-05));font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), translate var(--transition-fast)}.btn-date-nav:hover{border-color:var(--clr-border-strong);background:oklch(var(--oklch-white) / var(--alpha-15));translate:0 -.0625rem}.btn-date-nav:active{translate:0}.announcements-page{gap:var(--space-sm);padding:var(--space-sm);display:grid}.announcements-toolbar{z-index:var(--z-sticky);gap:var(--space-xs);padding-block:var(--space-xs);background:var(--clr-bg);grid-template-columns:minmax(0,1fr) auto;display:grid;position:sticky;inset-block-start:var(--header-height)}.announcements-toolbar__create{padding-inline:var(--space-sm)}.announcements-list{gap:var(--space-sm);display:grid}.announcements-toolbar select,.announcement-form input,.announcement-form select,.announcement-form textarea{inline-size:100%;padding:var(--space-xs-plus) var(--space-s);border:var(--brd-base) var(--clr-control-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-control-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.announcements-toolbar select:focus,.announcement-form input:focus,.announcement-form select:focus,.announcement-form textarea:focus{border-color:var(--clr-primary);box-shadow:0 0 0 var(--space-4xs) var(--clr-control-focus-shadow)}.announcements-toolbar select option,.announcement-form select option{color:var(--clr-text-inverse);background:var(--clr-surface-dark)}.announcement-card{border:var(--brd-base) var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);--announcement-color:var(--clr-announcement-league);border-color:var(--clr-info-border);border-inline-start:var(--space-5) solid var(--announcement-color);background:var(--clr-announcement-card-bg);box-shadow:0 var(--space-xxs) var(--space-xs-plus) var(--clr-announcement-card-shadow);margin-block-end:var(--space-sm);overflow:hidden}.announcement-card--tournament{--announcement-color:var(--clr-announcement-tournament)}.announcement-card--league{--announcement-color:var(--clr-announcement-league)}.announcement-card--class{--announcement-color:var(--clr-announcement-class)}.announcement-card--promotion{--announcement-color:var(--clr-announcement-promotion)}.announcement-card--incidence{--announcement-color:var(--clr-announcement-incidence)}.announcement-card--social{--announcement-color:var(--clr-announcement-social)}.announcement-card--other{--announcement-color:var(--clr-announcement-other)}.announcement-card__media{aspect-ratio:16/9;background:var(--clr-surface-dark)}.announcement-card__media img{object-fit:cover;block-size:100%;inline-size:100%}.announcement-card__header{justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);color:var(--clr-light-gray);background:var(--clr-surface-dark);font-size:var(--text-xs);display:flex}.announcement-card__header time{padding:var(--space-4xs) var(--space-xs);color:var(--clr-text-soft);font-weight:var(--font-semibold);background:var(--clr-shadow-md);border-radius:var(--radius-sm)}.announcement-card__category{padding:var(--space-4xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--announcement-color);font-weight:var(--font-bold)}.announcement-card__club{padding:var(--space-4xs) var(--space-xs);color:var(--clr-text-soft);font-weight:var(--font-semibold);background:var(--clr-shadow-md);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-card__body{gap:var(--space-s);padding:var(--space-sm);display:grid}.announcement-card__body h2{text-shadow:0 0 5px var(--clr-gray);font-size:var(--text-lg);text-transform:uppercase;color:var(--clr-match-meta-club)}.announcement-card__body p{color:var(--clr-text-subtle);text-shadow:0 0 3px var(--clr-text-main);white-space:pre-line}.announcement-card__dates{gap:var(--space-xs);grid-template-columns:1fr;display:grid}.announcement-card__dates div{padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-announcement-date-bg)}.announcement-card__dates dt{color:var(--clr-light-gray);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.announcement-card__dates dd{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--clr-text-subtle)}.announcement-card__link{color:var(--clr-light-primary);font-weight:var(--font-bold);justify-self:start}.announcement-card__actions{justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-s) var(--space-s);display:flex}.announcement-editor{padding:var(--space-sm);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-s-plus) var(--space-32) var(--clr-shadow-md);overflow:hidden}.announcement-editor__header{justify-content:space-between;align-items:start;gap:var(--space-s);margin-block-end:var(--space-sm);display:flex}.announcement-editor__copy{min-inline-size:0}.announcement-editor__header p{color:var(--clr-light-gray);font-size:var(--text-xs)}.announcement-icon-button{border-radius:var(--radius-full);block-size:2.125rem;inline-size:2.125rem;color:var(--clr-text-inverse);background:var(--clr-surface-base);font-size:var(--text-xl)}.announcement-form{gap:var(--space-s);display:grid}.announcement-form label{gap:var(--space-xxs);color:var(--clr-light-gray);font-size:var(--text-xs);font-weight:var(--font-semibold);display:grid}.announcement-form__row{gap:var(--space-xs);grid-template-columns:1fr;display:grid}.announcement-form textarea{resize:vertical}.announcement-editor__actions{justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-s) var(--space-s);display:flex}.announcement-editor__actions .btn{flex:1;max-inline-size:11.25rem}.announcement-image-field{align-items:center;gap:var(--space-xs);grid-template-columns:5.75rem minmax(0,1fr);display:grid}.announcement-image-field__preview{aspect-ratio:1;border:var(--brd-base) dashed var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-light-gray);background:var(--clr-control-bg);font-size:var(--text-xxs);text-align:center;place-items:center;display:grid;overflow:hidden}.announcement-image-field__preview img{object-fit:cover;block-size:100%;inline-size:100%}.btn.announcement-image-field__button{color:var(--clr-text-inverse)}.announcement-image-field__button input{display:none}.announcement-image-field__status{color:var(--clr-light-gray);font-size:var(--text-xs);grid-column:2}.bottom-nav__icon--badged{justify-content:center;align-items:center;display:inline-flex;position:relative}.bottom-nav__badge{--announcement-nav-badge-size:1.0625rem;min-inline-size:var(--announcement-nav-badge-size);block-size:var(--announcement-nav-badge-size);box-sizing:border-box;padding-inline:var(--space-3xs);border-radius:var(--radius-full);color:var(--clr-text-inverse);background:var(--clr-error);font-size:var(--text-xxs);font-weight:var(--font-bold);line-height:var(--line-height-tight);pointer-events:none;text-align:center;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:calc(var(--space-7) * -1);inset-inline-end:calc(var(--space-11) * -1)}.bottom-nav__badge[hidden]{display:none}.help-page{gap:var(--space-s);inline-size:100%;padding:var(--space-s);color:var(--clr-text-inverse);padding-block-end:calc(var(--bottom-nav-height) + var(--space-md));display:grid}.help-page__header{margin-block-end:var(--space-xxs)}.help-page__intro{color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.help-section{gap:var(--space-xs);display:grid}.help-section__title{color:var(--clr-text-inverse);font-size:var(--text-base);line-height:var(--line-height-heading);margin:0}.help-faq,.help-topic-list,.help-topic-group{gap:var(--space-xs);display:grid}.help-topic-group{padding:var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-md);background:var(--clr-surface-dark)}.help-topic-group__title{color:var(--clr-info-text);font-size:var(--text-sm);line-height:var(--line-height-heading);margin:0}.help-faq__item,.help-topic{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xs-plus) var(--space-md) var(--clr-card-shadow);overflow:hidden}.help-faq__item summary,.help-topic summary{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-s);color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-readable);cursor:pointer;display:flex}.help-faq__item summary::marker{content:""}.help-topic summary::marker{content:""}.help-faq__item summary::-webkit-details-marker{display:none}.help-topic summary::-webkit-details-marker{display:none}.help-faq__item summary:after,.help-topic summary:after{color:var(--clr-success-text);content:"▾";font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-standard);flex:none;line-height:1}.help-faq__item[open] summary:after,.help-topic[open] summary:after{transform:rotate(180deg)}.help-faq__item p,.help-topic p{padding:0 var(--space-s) var(--space-s);color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}@media (prefers-reduced-motion:reduce){.help-faq__item summary:after,.help-topic summary:after{transition:none}}.contact-page{gap:var(--space-xl);inline-size:100%;padding:var(--space-sm);color:var(--clr-text-inverse);flex-direction:column;display:flex}.contact-page__header{margin-block-end:var(--space-xl)}.contact-card{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-sm) var(--space-xs) var(--space-md);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xs-plus) var(--space-md) var(--clr-card-shadow);text-align:center;flex-direction:column;display:flex}.contact-card__logo{aspect-ratio:1;border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-md);block-size:auto;inline-size:min(82vw,24rem);box-shadow:0 var(--space-xs) var(--space-lg) var(--clr-shadow-md);object-fit:cover}.contact-card__name{color:var(--clr-text-inverse);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--line-height-heading);margin:0}.contact-card__address{font-style:normal}.contact-card__email{max-inline-size:100%;padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-success-border);border-radius:var(--radius-sm);overflow-wrap:anywhere;color:var(--clr-success-text);background:var(--clr-success-soft);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-heading);transition:border-color var(--transition-fast), background var(--transition-fast), translate var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.contact-card__email:hover,.contact-card__email:focus-visible{border-color:oklch(var(--oklch-green) / var(--alpha-65));background:oklch(var(--oklch-green) / var(--alpha-24));translate:0 -.0625rem}.legal-page{gap:var(--space-s);min-block-size:100svh;inline-size:100%;max-inline-size:var(--max-app-width);padding:var(--space-s);color:var(--clr-text-inverse);background:var(--clr-bg);flex-direction:column;margin-inline:auto;display:flex}.legal-page__header,.legal-section{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-md);background:var(--clr-surface-dark);box-shadow:0 var(--space-xs-plus) var(--space-md) var(--clr-card-shadow)}.legal-page__header{align-items:center;gap:var(--space-xs);padding:var(--space-s);text-align:center;flex-direction:column;display:flex}.legal-page__logo{object-fit:contain;block-size:auto;inline-size:min(8rem,46vw)}.legal-page__header h1,.legal-section__title{color:var(--clr-text-inverse);line-height:var(--line-height-heading);margin:0}.legal-page__header h1{font-size:var(--text-xl)}.legal-page__header p,.legal-section p{color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.legal-page__updated{color:var(--clr-info-text);font-weight:var(--font-bold)}.legal-page__content{gap:var(--space-xs);flex-direction:column;display:flex}.legal-section{gap:var(--space-xs);padding:var(--space-s);flex-direction:column;display:flex}.legal-section__title{font-size:var(--text-base)}.legal-page__nav{gap:var(--space-xs);flex-wrap:wrap;padding-block-end:var(--space-s);display:flex}.legal-page__nav a{min-block-size:2.5rem;padding:var(--space-xs) var(--space-s);border:var(--brd-base) var(--clr-success-border);border-radius:var(--radius-sm);color:var(--clr-success-text);background:var(--clr-success-soft);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-heading);text-align:center;transition:border-color var(--transition-fast), background var(--transition-fast), translate var(--transition-fast);flex:8rem;justify-content:center;align-items:center;display:inline-flex}.legal-page__nav a:hover,.legal-page__nav a:focus-visible{border-color:oklch(var(--oklch-green) / var(--alpha-65));background:oklch(var(--oklch-green) / var(--alpha-24));translate:0 -.0625rem}.app-shell--admin{max-inline-size:min(100%,1640px)}.app-shell--admin .app-header,.app-shell--admin .bottom-nav{max-inline-size:min(100%,86rem)}.app-shell--admin .app-main{padding-block-end:var(--space-lg)}.app-shell--admin .bottom-nav{display:none}.admin-page{gap:var(--space-md);inline-size:100%;padding:var(--space-md);color:var(--clr-text-inverse);font-variant-numeric:tabular-nums;display:grid}.admin-page__header{margin-block-end:0}.admin-hero{gap:var(--space-md);padding:var(--space-md);border:var(--brd-base) var(--clr-border-strong);border-radius:var(--radius-sm);background:var(--clr-surface-deep);box-shadow:var(--shadow-md)}.admin-hero--ready{justify-content:flex-start;align-items:center;gap:var(--space-md);padding:var(--space-s);border-radius:var(--radius-md);display:flex}.admin-hero--ready div{flex:auto;min-inline-size:0}.admin-hero__identity{border-radius:var(--radius-sm);padding:var(--space-xs);background:var(--clr-surface-dark)}.admin-hero p{font-size:var(--text-sm);padding:var(--space-4xs)}.admin-eyebrow{color:var(--clr-success-text);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase}.admin-hero__account{font-weight:var(--font-bold)}.admin-status-grid{padding:var(--space-xs);justify-content:space-around;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);flex:5 auto;display:flex}.admin-status-grid div{padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--clr-surface-dark)}.admin-status-grid dt{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-block-end:var(--space-2xs)}.admin-status-grid dd{overflow-wrap:anywhere;min-inline-size:0;color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold)}.admin-workspace{align-items:flex-start;gap:var(--space-md);min-inline-size:0;display:flex}.admin-sidebar{block-size:calc(100svh - var(--header-height) - var(--space-lg));flex:0 0 14rem;min-inline-size:0;position:sticky;inset-block-start:calc(var(--header-height) + var(--space-xs))}.admin-main{flex:auto;min-inline-size:0}.admin-nav{z-index:2;gap:var(--space-s);padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:linear-gradient(180deg, oklch(var(--oklch-white) / var(--alpha-07)), oklch(var(--oklch-black) / var(--alpha-10))), var(--clr-surface-deep);box-shadow:0 var(--space-xs) var(--space-lg) oklch(var(--oklch-black) / var(--alpha-20));flex-direction:column;display:flex}.admin-nav__item{min-inline-size:0;padding:var(--space-md) var(--space-s);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);color:var(--clr-text-soft);background:oklch(var(--oklch-white) / var(--alpha-04));font-size:var(--text-md);font-weight:var(--font-bold);text-align:start;justify-content:flex-start;align-items:center;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.admin-nav__item:hover{border:var(--brd-base) var(--clr-info-border);color:var(--clr-text-inverse);background:var(--clr-surface-dark)}.admin-nav__item:focus-visible{box-shadow:0 0 0 var(--space-2xs) oklch(var(--oklch-brand) / var(--alpha-28)), inset 0 0 0 var(--brd-base) var(--clr-success-border);outline:none}.admin-nav__item--active{border-color:var(--clr-success-border);color:var(--clr-success-text);background:linear-gradient(180deg, oklch(var(--oklch-blue) / var(--alpha-22)), oklch(var(--oklch-blue) / var(--alpha-10))), var(--clr-surface-deep);box-shadow:inset 0 0 0 var(--brd-base) oklch(var(--oklch-white) / var(--alpha-10)), 0 var(--space-2xs) var(--space-s) oklch(var(--oklch-black) / var(--alpha-18));transform:translateY(-.0625rem)}.admin-section-panels{inline-size:100%;min-inline-size:0}.admin-section-panel{gap:var(--space-sm);min-block-size:calc(100svh - var(--header-height) - 10rem);padding:var(--space-md);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-deep);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.admin-section-panel[hidden]{display:none}.admin-section-panel--active{border-color:var(--clr-info-border)}.admin-section-panel>.admin-eyebrow{color:var(--clr-info-text)}.admin-section-panel h2{color:var(--clr-text-inverse);font-size:var(--text-xl);line-height:var(--line-height-heading-tight);margin:0}.admin-section-panel>p:not(.admin-eyebrow){max-inline-size:62rem;color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.admin-list{gap:var(--space-xs);flex-direction:column;min-inline-size:0;display:flex}.admin-list__summary{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.03em;text-transform:uppercase;margin:0}.admin-record-card{align-items:center;gap:var(--space-s);min-inline-size:0;padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-surface-dark);box-shadow:var(--shadow-sm);display:flex}.admin-record-card--warning{border-color:var(--clr-warning-border)}.admin-record-card--success{border-color:var(--clr-success-border)}.admin-record-card--danger{border-color:var(--clr-danger-border)}.admin-record-card--expanded,.admin-record-card--stacked{flex-direction:column;align-items:stretch}.admin-record-card__action{flex:0 0 8rem}.admin-record-card--expanded .admin-record-card__action{flex:none;align-self:flex-end;min-block-size:2.4rem}.admin-action-stack,.admin-record-identity{gap:var(--space-2xs);flex-direction:column;min-inline-size:0;display:flex}.admin-record-identity--narrow{flex:1.25 1 0}.admin-record-identity--medium{flex:1.45 1 0}.admin-record-identity__avatar{border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);background:var(--clr-surface-deep);object-fit:cover;flex:0 0 3.25rem;block-size:3.25rem;inline-size:3.25rem}.admin-record-identity__name,.admin-record-identity__meta{overflow-wrap:anywhere}.admin-record-identity__name{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold)}.admin-record-identity__meta{color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-semibold)}.admin-meta{gap:var(--space-xs);min-inline-size:0;margin:0;display:flex}.admin-meta--wide{flex:3.4 1 0}.admin-meta--fluid{flex:2.6 1 0}.admin-meta--prominent .admin-meta__value{font-size:var(--text-sm)}.admin-meta--wrap{flex-wrap:wrap}.admin-meta--wrap .admin-meta__item{flex-basis:10rem}.admin-meta__item{gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-deep);flex-direction:column;flex:1 1 0;display:flex}.admin-meta__item--wide{flex-grow:1.35}.admin-meta__item--warning{border-color:color-mix(in srgb, var(--clr-warning-border) 45%, var(--clr-border-subtle))}.admin-meta__label{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold)}.admin-meta__value{overflow-wrap:anywhere;min-block-size:1.55rem;color:var(--clr-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);text-align:center;justify-content:center;align-items:center;margin:0;display:flex}.admin-badge{min-block-size:1.55rem;padding:var(--space-3xs) var(--space-xs);border:var(--brd-base) var(--clr-border-soft);border-radius:var(--radius-sm);color:var(--clr-text-soft);background:var(--clr-surface-glass);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.admin-badge--role{border-color:var(--clr-info-border);color:var(--clr-info-text);background:var(--clr-info-soft)}.admin-badge--profile-complete{border-color:var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.admin-badge--profile-pending{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.admin-badge--blocked{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.admin-empty-state{gap:var(--space-2xs);padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-text-soft);background:var(--clr-surface-dark);font-size:var(--text-sm);flex-direction:column;display:flex}.admin-empty-state strong{color:var(--clr-text-inverse)}.admin-empty-state p{margin:0}.admin-empty-state--error{border-color:var(--clr-danger-border);background:var(--clr-danger-soft)}.admin-filter-form{align-items:flex-end;gap:var(--space-s);padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-dark);display:flex}.admin-filter-form--warning{border-color:var(--clr-warning-border)}.admin-filter-form__fields{align-items:flex-end;gap:var(--space-s);flex:auto;min-inline-size:0;display:flex}.admin-filter-form__field{gap:var(--space-2xs);min-inline-size:0;color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-direction:column;flex:1 1 0;display:flex}.admin-filter-form__field--wide{flex-grow:1.7}.admin-filter-form__field--xwide{flex-grow:2}.admin-filter-form__control{min-block-size:2.6rem;inline-size:100%;padding:0 var(--space-s);border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-surface-deep);font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold)}textarea.admin-filter-form__control{padding-block:var(--space-xs);resize:vertical}.admin-filter-form__control:focus{border-color:var(--admin-filter-focus-border,var(--clr-info-border));box-shadow:0 0 0 var(--space-2xs) var(--admin-filter-focus-shadow,oklch(var(--oklch-brand) / var(--alpha-18)));outline:none}.admin-filter-form--warning .admin-filter-form__control:focus{--admin-filter-focus-border:var(--clr-warning-border);--admin-filter-focus-shadow:oklch(var(--oklch-yellow) / var(--alpha-18))}.admin-filter-form__action{flex:0 0 9rem}.admin-filter-form__action--wide{flex-basis:10rem}.admin-edit-form{gap:var(--space-s);padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-dark);flex-direction:column;display:flex}.admin-edit-form[hidden]{display:none}.admin-edit-form__fields{gap:var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.admin-edit-form__field{gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--clr-surface-deep);flex-direction:column;flex:10rem;display:flex}.admin-edit-form__control,.admin-user-detail__block-form textarea{border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);inline-size:100%;color:var(--clr-text-inverse);background:var(--clr-surface-base)}.admin-edit-form__actions{justify-content:flex-end;align-items:stretch;gap:var(--space-xs);flex-wrap:wrap;display:flex}.admin-edit-form__photo-action,.admin-user-detail__block-form{gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-deep);flex-direction:column;display:flex}.admin-edit-form__photo-action p{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.admin-user-detail__block-form{flex:22rem}.admin-user-detail__block-form label{gap:var(--space-2xs);flex-direction:column;flex:auto;display:flex}.admin-user-detail__block-form textarea{resize:vertical;min-block-size:6rem}.admin-user-card__identity{flex:1.4 1 0}.admin-user-card__meta{flex:2 1 0}.admin-user-card__meta .admin-meta__item:nth-child(3){flex-grow:1.45;min-inline-size:11rem}.admin-user-card__meta .admin-meta__item,.admin-club-card__meta .admin-meta__item{border:0}.admin-user-card__badges{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;flex:1.1 1 0;min-inline-size:0;display:flex}.admin-record-card--expanded .admin-user-card__identity,.admin-record-card--expanded .admin-user-card__meta,.admin-record-card--expanded .admin-user-card__badges{display:none}.admin-club-card__identity{align-items:center;gap:var(--space-xs);flex-direction:row;flex:1.35 1 0}.admin-club-card__avatar{color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center;align-items:center;display:inline-flex}.admin-club-card__identity .admin-record-identity__meta{margin-block-start:var(--space-2xs);display:block}.admin-club-card__meta{flex:3 1 0}.admin-club-card__badges{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;flex:1 1 0;min-inline-size:0;display:flex}.admin-record-card--expanded .admin-club-card__identity,.admin-record-card--expanded .admin-club-card__meta,.admin-record-card--expanded .admin-club-card__badges{display:none}.admin-detail-host{inline-size:100%;min-inline-size:0}.admin-detail{gap:var(--space-s);margin-block:var(--space-2xs) var(--space-xs);padding:var(--space-s);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:color-mix(in srgb, var(--clr-surface-dark) 86%, var(--clr-info-soft));box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.admin-detail__header,.admin-detail__identity{align-items:center;gap:var(--space-s);min-inline-size:0;display:flex}.admin-detail__header{justify-content:space-between}.admin-detail__identity{flex:auto}.admin-detail__avatar{border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);background:var(--clr-surface-deep);object-fit:cover;flex:0 0 4.25rem;block-size:4.25rem;inline-size:4.25rem}.admin-user-detail__avatar,.admin-club-detail__avatar{font-weight:var(--font-bold);justify-content:center;align-items:center;display:inline-flex}.admin-user-detail__avatar{color:var(--clr-text-subtle);font-size:var(--text-xs);text-align:center}.admin-club-detail__avatar{color:var(--clr-info-text);font-size:var(--text-sm)}.admin-detail__identity h3{overflow-wrap:anywhere;color:var(--clr-text-inverse);font-size:var(--text-lg);margin:0;line-height:1.12}.admin-detail__identity span{overflow-wrap:anywhere;color:var(--clr-info-text);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-block-start:var(--space-2xs);display:block}.admin-detail__badges{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.admin-user-detail__badges{flex:none}.admin-user-detail__data,.admin-user-detail__impact,.admin-club-detail__data,.admin-club-detail__impact{flex-wrap:wrap}.admin-user-detail .admin-meta__value,.admin-club-detail .admin-meta__value{font-size:var(--text-sm)}.admin-user-detail .admin-meta__label,.admin-club-detail .admin-meta__label{font-weight:var(--font-bold)}.admin-user-detail__impact .admin-meta__item,.admin-club-detail__impact .admin-meta__item{border-color:color-mix(in srgb, var(--clr-warning-border) 45%, var(--clr-border-subtle))}.admin-detail__actions{justify-content:flex-end;align-items:stretch;gap:var(--space-xs);flex-wrap:wrap;display:flex}.admin-detail__notice{gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-deep);flex-direction:column;display:flex}.admin-detail__notice p{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.admin-detail__side-actions{justify-content:space-evenly;gap:var(--space-xs);flex-direction:column;min-inline-size:0;display:flex}.admin-user-detail__side-actions{flex:0 0 10rem}.admin-detail__side-actions .btn{flex:none;min-block-size:2.45rem;inline-size:100%}.admin-club-detail__storage{justify-content:center;gap:var(--space-2xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-warning-border);border-radius:var(--radius-sm);background:var(--clr-surface-deep);flex-direction:column;flex:22rem;display:flex}.admin-club-detail__storage strong{color:var(--clr-warning-text);font-size:var(--text-sm)}.admin-club-detail__storage p{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.admin-club-detail__side-actions{flex:0 0 11rem}.admin-subscription-card__days--warning .admin-meta__label,.admin-subscription-card__days--warning .admin-meta__value{color:var(--clr-warning-text)}.admin-subscription-card__days--warning{border-color:var(--clr-warning-border)}.admin-subscription-card__actions{flex:0 0 11rem}.admin-subscription-card__action{min-block-size:2.25rem;inline-size:100%}.admin-badge--subscription-trial{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.admin-badge--subscription-active{border-color:var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.admin-badge--subscription-expired,.admin-badge--subscription-cancelled{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft)}.admin-blocked-email-card .admin-record-identity__name{color:var(--clr-warning-text)}.admin-blocked-email-card__reason{color:var(--clr-text-subtle);line-height:var(--line-height-readable);margin:0}.admin-blocked-email-card__action{flex:0 0 10rem}.admin-maintenance-card__header{justify-content:space-between;align-items:center;gap:var(--space-s);min-inline-size:0;padding:var(--space-s);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-deep);display:flex}.admin-maintenance-card__header h3{margin:var(--space-2xs) 0 0;color:var(--clr-text-inverse);font-size:var(--text-lg);line-height:1.12}.admin-maintenance-card__header p:not(.admin-eyebrow){max-inline-size:44rem;margin:var(--space-2xs) 0 0;color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-height-readable)}.admin-maintenance-card__footer{justify-content:flex-end;align-items:stretch;gap:var(--space-xs);flex-wrap:wrap;display:flex}.admin-maintenance-card__warning{justify-content:center;gap:var(--space-2xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-sm);background:var(--clr-surface-deep);flex-direction:column;flex:26rem;display:flex}.admin-maintenance-card__warning strong{color:var(--clr-danger-text);font-size:var(--text-sm)}.admin-maintenance-card__warning p{color:var(--clr-text-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-height-readable);margin:0}.admin-maintenance-card__action{flex:0 0 16rem;min-block-size:2.45rem}.messages-page{gap:var(--space-s)}.messages-actions .btn,.messages-back-link{inline-size:100%}.messages-status{justify-content:center;align-items:center;gap:var(--space-xs);min-block-size:9rem;padding:var(--space-md);text-align:center;flex-direction:column;display:flex}.messages-status p,.messages-status span{margin:0}.messages-status p{color:var(--clr-text-inverse);font-size:var(--text-base);font-weight:var(--font-black)}.messages-status span{max-inline-size:24rem;color:var(--clr-text-soft);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-readable)}.messages-status--empty{border-color:var(--clr-info-border);background:linear-gradient(135deg, oklch(var(--oklch-info) / var(--alpha-14)), transparent 58%), var(--clr-surface-dark)}.messages-status--error{border-color:var(--clr-danger-border);background:var(--clr-danger-soft)}.messages-status--error p{color:var(--clr-danger-text)}.messages-panel{gap:var(--space-xs);flex-direction:column;display:flex}.messages-list{gap:var(--space-xxs);flex-direction:column;display:flex}.messages-preview{justify-content:space-between;align-items:center;gap:var(--space-xs);min-block-size:3.25rem;padding:var(--space-xs) var(--space-xs-plus);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-glass);color:inherit;transition:border-color var(--motion-fast), background-color var(--motion-fast), transform var(--motion-fast);text-decoration:none;display:flex}.messages-preview:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.messages-preview:hover{border-color:var(--clr-info-border);transform:translateY(-1px)}.messages-preview--unread{border-color:var(--clr-warning-border);background:linear-gradient(135deg, oklch(var(--oklch-warning) / var(--alpha-12)), transparent 62%), var(--clr-surface-dark)}.messages-preview__body{flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.messages-preview__headline,.messages-preview__meta{align-items:center;gap:var(--space-xxs);min-inline-size:0;display:flex}.messages-preview__headline{justify-content:space-between;gap:var(--space-xs)}.messages-preview__body strong,.messages-preview__headline time{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.messages-preview__body strong{min-inline-size:0;color:var(--clr-info-text);font-size:var(--text-sm);font-weight:var(--font-black);flex:auto}.messages-preview__headline time{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold);flex:none}.messages-preview__badge{padding:var(--space-3xs) var(--space-xs);border:var(--brd-base) var(--clr-info-border);border-radius:var(--radius-sm);color:var(--clr-info-text);background:var(--clr-info-soft);font-size:var(--text-xs);font-weight:var(--font-bold);flex:none}.messages-preview__badge--unread{border-color:var(--clr-warning-border);color:var(--clr-warning-text);background:var(--clr-warning-soft)}.messages-detail{gap:var(--space-s);flex-direction:column;display:flex}.messages-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--space-xs);display:flex}.messages-detail__header p,.messages-detail__header h2,.messages-detail__message p,.messages-detail__reply-placeholder p{margin:0}.messages-detail__header p{color:var(--clr-info-text);font-size:var(--text-xs);font-weight:var(--font-bold)}.messages-detail__header h2{color:var(--clr-text-inverse);font-size:var(--text-lg);font-weight:var(--font-black);line-height:var(--line-height-tight)}.messages-detail__header .messages-detail__participant-name{color:var(--clr-info-text);font-size:var(--text-md)}.messages-thread{gap:var(--space-xs);flex-direction:column;display:flex}.messages-detail__message{gap:var(--space-xxs);padding:var(--space-xs-plus);border:var(--brd-base) var(--clr-border-subtle);border-radius:var(--radius-sm);background:var(--clr-surface-dark);flex-direction:column;display:flex}.messages-detail__message--received{border-color:var(--clr-info-border);background:linear-gradient(135deg, oklch(var(--oklch-info) / var(--alpha-12)), transparent 64%), var(--clr-surface-dark)}.messages-detail__message--sent{border-color:var(--clr-success-border);background:linear-gradient(135deg, oklch(var(--oklch-success) / var(--alpha-12)), transparent 64%), var(--clr-surface-dark)}.messages-detail__message p{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--line-height-readable);white-space:pre-wrap}.messages-detail__message time{color:var(--clr-text-muted-inverse);font-size:var(--text-xxs);font-weight:var(--font-semibold);align-self:flex-end}.messages-reply-form{gap:var(--space-xs);padding:var(--space-xs);border:var(--brd-base) var(--clr-border-muted);border-radius:var(--radius-sm);background:var(--clr-control-bg);flex-direction:column;display:flex}.messages-reply-form__field{gap:var(--space-3xs);flex-direction:column;display:flex}.messages-reply-form__field span{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-black)}.messages-reply-form__field textarea{resize:vertical;min-block-size:7rem;inline-size:100%}.messages-reply-form__footer{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.messages-reply-form__footer span,.messages-reply-form__status{color:var(--clr-text-soft);font-size:var(--text-xs-plus);font-weight:var(--font-bold);line-height:var(--line-height-readable);margin:0}.messages-reply-form__status--success{color:var(--clr-success-text)}.messages-reply-form__status--error{color:var(--clr-danger-text)}.toast-container{z-index:var(--z-toast);inline-size:100%;max-inline-size:calc(var(--max-app-width) - var(--space-lg));pointer-events:none;position:fixed;inset-block-start:var(--space-sm);inset-inline-start:50%;translate:-50%}.toast{inline-size:max-content;max-inline-size:calc(100% - var(--space-lg));padding:var(--space-s) var(--space-sm);border-radius:var(--radius-md);color:var(--clr-white);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slide-down var(--transition-normal) ease, fade-in var(--transition-normal) ease;margin-inline:auto}.toast--success{background:var(--clr-primary)}.toast--error{background:var(--clr-error)}.toast--info{background:var(--clr-accent)}.toast--warning{background:var(--clr-secondary)}.load-error{padding:var(--space-xs) var(--space-sm);border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-md);color:var(--clr-danger-text);background:var(--clr-danger-soft);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--line-height-readable);text-align:center;grid-column:1/-1;margin:0}.load-error p{margin:0}.network-status{z-index:var(--z-toast);inline-size:calc(100% - var(--space-lg));max-inline-size:calc(var(--max-app-width) - var(--space-lg));padding:var(--space-xs) var(--space-sm);border:var(--brd-base) var(--clr-warning-border);border-radius:var(--radius-md);color:var(--clr-warning-text);background:var(--clr-warning-bg);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;box-shadow:var(--shadow-lg);pointer-events:none;position:fixed;inset-block-end:calc(var(--bottom-nav-height) + var(--space-s) + env(safe-area-inset-bottom,0px));inset-inline-start:50%;translate:-50%}.network-status[hidden]{display:none}.loading-overlay{z-index:var(--z-overlay);background:var(--clr-overlay-soft);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner,.btn-spinner{border:var(--brd-strong) var(--clr-transparent);border-radius:var(--radius-full);border-block-start-color:currentColor;animation:.6s linear infinite spin}.loading-spinner{border-color:var(--clr-spinner-track);border-block-start-color:var(--clr-white);block-size:2.5rem;inline-size:2.5rem;animation-duration:.7s}.btn-spinner{block-size:1.25rem;inline-size:1.25rem}.main-header{text-align:center;margin-block-end:var(--space-sm)}.main-header__title{color:var(--clr-text-soft);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--line-height-heading-tight);text-shadow:0 0 var(--space-3xs) var(--clr-main-header-title-shadow);margin:0}.empty-state{align-items:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center;flex-direction:column;display:flex}.empty-state__icon{font-size:var(--text-4xl)}.empty-state__message{color:var(--clr-text-muted);font-size:var(--text-base)}.club-profile-link{justify-content:center;align-items:center;gap:var(--space-3xs);max-inline-size:100%;color:inherit;text-decoration:none;display:inline-flex}.club-profile-link__avatar{border:var(--brd-base) currentColor;border-radius:var(--radius-full);background:oklch(var(--oklch-surface-mid) / var(--alpha-45));block-size:1.35rem;inline-size:1.35rem;font-size:var(--text-xxs);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.club-profile-link__avatar img{object-fit:cover;block-size:100%;inline-size:100%}.club-profile-link__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.club-profile-link:focus-visible{outline:var(--brd-strong) solid currentColor;outline-offset:var(--space-4xs)}.match-card__action{gap:var(--space-xs);flex-wrap:wrap;display:flex}.btn-admin,.btn-secondary--leave,.btn-secondary--leave-cancel{min-inline-size:0;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;flex:1}.btn-admin{border:var(--brd-base) var(--clr-transparent);transition:opacity var(--transition-fast), scale var(--transition-fast)}.btn-admin:active{scale:.97}.btn-admin--confirm{animation:.9s ease-in-out infinite alternate pulse-confirm}.btn-admin--confirm:hover{opacity:.9}.btn-secondary--leave,.btn-secondary--leave-cancel{text-align:center;transition:background var(--transition-fast)}