: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-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-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-35));--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-item:var(--clr-info-text);--clr-bottom-nav-active:var(--clr-primary);--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}.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--danger{color:var(--clr-btn-danger-text);background:var(--clr-btn-danger-bg)}.btn--danger:hover{background:var(--clr-btn-danger-bg-hover)}.btn--soft-success:hover{background:var(--clr-btn-soft-success-bg-hover)}.btn--soft-warning:hover{background:var(--clr-btn-soft-warning-bg-hover)}.btn--soft-danger:hover{background:var(--clr-btn-soft-danger-bg-hover)}.btn:active{scale:.97}.btn:disabled{cursor:not-allowed;opacity:.5;scale:1}.btn-full,.btn--full{inline-size:100%}.btn--sm{padding:var(--space-xs) var(--space-s);font-size:var(--text-sm)}.btn--lg{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.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)}@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}.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__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-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);block-size:var(--bottom-nav-height);max-inline-size:var(--max-app-width);border-block-start:var(--brd-base) var(--clr-border);background:var(--clr-bg);justify-content:space-around;align-items:center;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{align-items:center;gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xxs);color:var(--clr-bottom-nav-item);background:var(--clr-transparent);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;opacity:.7;transition:color var(--transition-fast), opacity var(--transition-fast);border:0;flex-direction:column;flex:1 1 0;display:flex}.bottom-nav__item--active{color:var(--clr-bottom-nav-active);font-weight:var(--font-bold);opacity:1}.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;overflow:hidden}.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:linear-gradient(135deg, oklch(var(--oklch-surface-base) / .96), oklch(var(--oklch-surface-dark) / .98)), radial-gradient(circle at 20% 20%, oklch(var(--oklch-info-light) / var(--alpha-30)), var(--clr-transparent) 35%);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:before{content:"";background:linear-gradient(90deg, var(--clr-surface-glass-soft) var(--space-1), var(--clr-transparent) var(--space-1)), linear-gradient(0deg, var(--clr-surface-glass-soft) var(--space-1), var(--clr-transparent) var(--space-1));background-size:var(--space-md) var(--space-md);position:absolute;inset:0}.login-video-preview__surface{z-index:var(--z-raised);border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-22));border-radius:var(--radius-full);background:oklch(var(--oklch-white) / var(--alpha-16));block-size:4rem;inline-size:4rem;-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{background:color-mix(in oklch, var(--clr-primary), var(--clr-transparent) 50%)}.login-video-preview:focus-visible{outline:var(--brd-strong) var(--clr-light-cyan);outline-offset:var(--space-xxs)}.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);font-size:var(--text-sm)}.verify-resend--active{color:var(--clr-primary);cursor:pointer}.verify-back{color:var(--clr-gray);font-size:var(--text-sm);cursor:pointer;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-full);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%;max-inline-size:25rem;margin-inline:auto;display:flex}.profile-setup-header{color:var(--clr-text-inverse);text-align:center}.profile-setup-header h1{font-size:var(--text-2xl);margin-block-end:var(--space-xs)}.back-btn{color:var(--clr-light-primary);font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:none;margin-block-end:var(--space-xs);padding:0;display:block}.back-btn:hover{color:var(--clr-text-inverse)}.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{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border:var(--brd-medium) var(--clr-border);border-radius:var(--radius-full);color:var(--clr-text-inverse);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);display:inline-flex}.avatar-btn:hover{border-color:var(--clr-accent)}.profile-setup-form{gap:var(--space-sm);flex-direction:column;display:flex}.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)}.level-selector{gap:var(--space-s);flex-wrap:wrap;display:flex}.level-chip{min-block-size:2.75rem;padding:var(--space-s) var(--space-sm);border:var(--brd-base) var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-control-bg);font-size:var(--text-sm);text-align:start;box-shadow:var(--space-1) var(--space-1) var(--space-3xs) var(--clr-black);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);flex-grow:1}.level-chip:hover{border-color:color-mix(in oklch, var(--clr-cyan), transparent 25%);background:color-mix(in oklch, var(--clr-cyan), transparent 65%)}.level-chip--selected{border-color:var(--clr-primary);color:var(--clr-text-inverse);background:color-mix(in oklch, var(--clr-primary), transparent 72%);font-weight:var(--font-bold);box-shadow:0 0 0 var(--space-4xs) color-mix(in oklch, var(--clr-primary), transparent 74%)}.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-s);padding:var(--space-s);grid-template-columns:5.75rem minmax(0,1fr);display:grid}.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{border-radius:var(--radius-full);block-size:5.375rem;inline-size:5.375rem;font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer}.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{gap:var(--space-s);min-inline-size:0;display:grid}.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 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-plus);display:flex}.profile-panel h2{font-size:var(--text-base);line-height:var(--line-height-heading);margin:0}.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:.68rem;font-weight:var(--font-bold)}.profile-panel__action{min-block-size:2.125rem;min-inline-size:5.5rem;padding:var(--space-xxs) var(--space-xs-plus);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold)}.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)}.account-delete-panel__text{color:var(--clr-text-soft);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{border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-sm);min-block-size:2.375rem;inline-size:100%;color:var(--clr-danger-text);background:var(--clr-danger-soft);font-size:var(--text-sm);font-weight:var(--font-bold)}.account-delete-panel__button:hover,.account-delete-panel__button:focus-visible,.account-delete-panel__button--confirming{border-color:oklch(var(--oklch-red) / var(--alpha-65));background:oklch(var(--oklch-red) / var(--alpha-24))}.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-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{border-radius:var(--radius-sm);min-block-size:2.25rem;font-size:var(--text-xs);font-weight:var(--font-bold)}.profile-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-block-end:var(--space-md)}.profile-level-votes-title{color:var(--clr-text-soft);font-size:var(--text-xs);font-weight:var(--font-bold);grid-column:1/-1}.profile-form-grid input.profile-level-votes--yes:disabled{border-color:var(--clr-success-border);color:var(--clr-success-text);background:var(--clr-success-soft)}.profile-form-grid input.profile-level-votes--no:disabled{border-color:var(--clr-danger-border);color:var(--clr-danger-text);background:var(--clr-danger-soft);grid-column:2/-1}.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);grid-column:1/-1;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{align-self:flex-start;margin-block-start:var(--space-xs)}.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-profile-back-link{min-block-size:2.75rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-self:stretch;margin-block-start:var(--space-s)}@media (width<=24rem){.public-profile-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.public-profile-hero .profile-hero__level{justify-self:center}.public-profile-invite-button{justify-content:center;align-self:stretch}}.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-group-status--error{color:var(--clr-danger-text)}.my-groups-directory-panel,.my-group-directory-list,.my-group-empty-create{gap:var(--space-xs);flex-direction:column;display:flex}.my-group-empty-create{text-align:center;align-items:center}.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);flex-direction:row;display: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-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);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-members,.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);border-block-start:var(--brd-base) var(--clr-surface-glass-soft);padding-block-start:var(--space-2xs);display:flex}.my-group-private-match__actions>.btn{min-block-size:2.25rem;min-inline-size:0;padding-inline:var(--space-xs);font-size:var(--text-xs);white-space:normal;flex:1 1 0;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-heading);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__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-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{flex-direction:column;flex:auto;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 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)}.my-group-card__action{align-self:flex-start;min-block-size:2.375rem}@media (width<=520px){.my-group-member,.my-group-invitation,.my-group-row{flex-direction:column;align-items:stretch}.my-group-card__action,.my-group-invitation__actions,.my-group-invitation__actions>*,.my-group-detail-actions>.btn,.profile-group-create__actions,.profile-group-create__actions>*{inline-size:100%}.profile-group-create__actions>*{flex:1 1 0}}.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);inline-size:100%;min-inline-size:0;padding-block:var(--space-xs);border-block-end:var(--brd-base) var(--clr-border);background:var(--clr-bg);overflow-inline:auto;overflow-block:visible;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--space-sm);display:flex;position:sticky;inset-block-start:var(--header-height)}.matches-filters::-webkit-scrollbar{display:none}.filter-pill{padding:var(--space-xs);border-radius:var(--radius-md);color:var(--clr-light-gray);background:oklch(var(--oklch-black) / var(--alpha-15));font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), translate var(--transition-fast), box-shadow var(--transition-fast)}.filter-pill:hover{background:var(--clr-primary);translate:0 -.0625rem}.filter-pill:focus,.filter-pill:focus-visible{box-shadow:none;outline:none}.filter-pill.active{border-color:var(--clr-primary);color:var(--clr-text-inverse);background:var(--clr-primary);font-weight:var(--font-medium)}.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-dark);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--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{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--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{border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-20));border-radius:var(--radius-full);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-inverse);background:oklch(var(--oklch-white) / var(--alpha-05));font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), scale var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-close-expanded:hover{border-color:var(--clr-white);background:oklch(var(--oklch-white) / var(--alpha-20));scale:1.08}.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-base) oklch(var(--oklch-red) / var(--alpha-30));border-radius:var(--radius-md);color:var(--clr-text-inverse);background:oklch(var(--oklch-red) / var(--alpha-08));display:inline-flex}.court-blocked-info{align-items:center;gap:var(--space-xs-plus);inline-size:100%;display:flex}.court-blocked-icon{font-size:var(--text-md)}.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-light-primary)}.court-blocked-reason{font-size:var(--text-xs);opacity:.8}.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__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-around;align-items:center;gap:var(--space-3xs);text-align:center;flex:1;min-inline-size:0;display:flex}.match-card__club,.match-card__date,.match-card__court,.match-card__level{font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.match-card__club{color:var(--clr-match-meta-club);font-weight:var(--font-medium)}.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__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{border:var(--brd-base) var(--clr-border-strong);border-radius:var(--radius-sm);block-size:2.25rem;inline-size:2.25rem;color:var(--clr-text-inverse);cursor:pointer;background:0 0}.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{inline-size:100%}.match-card__action .btn-primary{inline-size:100%;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--clr-surface-dark);background:var(--clr-white);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;border:none}.match-card__action .btn-primary--join{color:var(--clr-text-inverse);background:var(--clr-primary)}.match-card__action .btn-primary--join:hover{background:color-mix(in oklch, var(--clr-primary), var(--clr-black) 14%)}.match-card__continuation{border-radius:var(--radius-xs);background-color:var(--clr-bg);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{color:var(--clr-text-inverse);background:var(--clr-transparent);font-size:var(--text-lg);cursor:pointer;opacity:.8;border:0}.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{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);text-align:center;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.court-card.available:hover{border-color:var(--clr-primary)}.court-card.selected{border:var(--brd-strong) var(--clr-white);background:var(--clr-primary)}.court-name{color:var(--clr-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);margin-block-end:var(--space-xxs);display:block}.court-status{color:var(--clr-text-inverse);font-size:var(--text-xs);opacity:.8;display:block}.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);transition:filter var(--transition-fast), scale 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{color:var(--clr-text-inverse);font-size:var(--text-lg);opacity:.8;cursor:pointer;background:0 0;border:none}.reserve-reason-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,.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{justify-content:space-between;gap:var(--space-xs);padding: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-dark);text-align:center;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);flex-direction:column;display:flex}.court-reserve-card--free{border-color:var(--clr-border-muted)}.court-reserve-card--occupied{border-color:var(--clr-warning-border);background:oklch(var(--oklch-warning) / var(--alpha-10))}.court-reserve-card--blocked{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);align-self:center;display:inline-block}.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{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--reserve{color:var(--clr-text-inverse);background:oklch(65% .2 60)}.btn-court-reserve-action--reserve:hover{filter:brightness(1.1)}.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}.court-reserve-time-selector{gap:var(--space-xs);inline-size:100%;animation:fadeIn var(--transition-fast) ease-out;flex-direction:column;display:flex}.time-select-field{gap:var(--space-xxs);text-align:start;flex-direction:column;display:flex}.time-select-label{color:var(--clr-text-muted);font-size:var(--text-xs)}.court-reserve-end-time-select{inline-size:100%;padding:var(--space-2xs) var(--space-xs);border:var(--brd-base) oklch(var(--oklch-white) / var(--alpha-20));border-radius:var(--radius-sm);color:var(--clr-text-inverse);background:var(--clr-surface-dark);font-size:var(--text-xs);outline:none}.time-selector-buttons{gap:var(--space-xxs);grid-template-columns:1fr 1fr;margin-block-start:var(--space-xxs);display:grid}.btn-time-confirm,.btn-time-cancel{padding:var(--space-2xs) var(--space-xxs);border-radius:var(--radius-sm);color:var(--clr-text-inverse);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), filter var(--transition-fast)}.btn-time-confirm{background:var(--clr-success);font-weight:var(--font-bold);border:none}.btn-time-confirm:hover{filter:brightness(1.1)}.btn-time-cancel{border:var(--brd-base) oklch(var(--oklch-red) / var(--alpha-30));background:var(--clr-danger);font-weight:var(--font-medium)}.btn-time-cancel:hover{border-color:oklch(var(--oklch-red) / var(--alpha-50));color:var(--clr-text-inverse);background:oklch(var(--oklch-red) / var(--alpha-30))}.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__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}.closed-match-card__meta{justify-content:space-around;align-items:center;gap:var(--space-xs);text-align:center;flex-flow:wrap;flex:1;min-inline-size:0;display:flex}.closed-match-card__club,.closed-match-card__date,.closed-match-card__court,.closed-match-card__level{font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.closed-match-card__club{color:var(--clr-match-meta-club);font-weight:var(--font-medium)}.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-card-actions{justify-content:center;align-items:center;gap:var(--space-xs);inline-size:100%;display:flex}.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-xxs);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-xxs);flex-direction:row;min-inline-size:0;display:flex;overflow:hidden}.closed-player-name{color:var(--clr-text-inverse);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{border-color:oklch(var(--oklch-warning))}.my-match-card--closed{border-color:oklch(var(--oklch-green))}.my-match-card .closed-match-card__header{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)}.my-match-card__meta{justify-content:space-around;gap:var(--space-xs-plus);text-align:center;flex-wrap:wrap;flex:1;min-inline-size:0}.my-match-card__club,.my-match-card__date,.my-match-card__court,.my-match-card__level{font-size:var(--text-xxs);font-weight:var(--font-semibold);white-space:nowrap}.my-match-card__club{color:var(--clr-match-meta-club);font-weight:var(--font-medium)}.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-2xs);border-radius:var(--radius-sm);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{border:var(--brd-base) var(--clr-match-status-border);color:var(--clr-match-status-text);background:var(--clr-match-status-bg)}.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));background:var(--clr-transparent)}.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-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--soft-success:hover,.my-match-level-vote__btn.btn--soft-success:focus,.my-match-level-vote__btn.btn--soft-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--soft-danger:hover,.my-match-level-vote__btn.btn--soft-danger:focus,.my-match-level-vote__btn.btn--soft-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--soft-success{border-color:var(--clr-btn-soft-success-border);background:oklch(var(--oklch-green) / var(--alpha-45))}.my-match-level-vote__btn--active.btn--soft-success:hover,.my-match-level-vote__btn--active.btn--soft-success:focus,.my-match-level-vote__btn--active.btn--soft-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--soft-danger{border-color:var(--clr-btn-soft-danger-border);background:oklch(var(--oklch-red) / var(--alpha-45))}.my-match-level-vote__btn--active.btn--soft-danger:hover,.my-match-level-vote__btn--active.btn--soft-danger:focus,.my-match-level-vote__btn--active.btn--soft-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)}.closed-error-state{padding:var(--space-md);border:var(--brd-base) var(--clr-danger-border);border-radius:var(--radius-md);color:var(--clr-danger-text);background:var(--clr-danger-soft);text-align:center;margin-block-start:var(--space-md)}.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__header h2{color:var(--clr-text-inverse);font-size:var(--text-lg)}.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{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);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(--announcement-nav-badge-size);text-align:center;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{gap:var(--space-xs);display:grid}.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)}.help-faq__item{overflow:hidden}.help-faq__item summary{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}.help-faq__item summary::marker{color:var(--clr-primary)}.help-faq__item 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}.help-topic{gap:var(--space-xxs);padding:var(--space-s);display:grid}.help-topic h3{color:var(--clr-info-text);font-size:var(--text-sm);line-height:var(--line-height-heading);margin:0}.help-topic p{color:var(--clr-text-soft);font-size:var(--text-sm);line-height:var(--line-height-readable);margin:0}.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}.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{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}.toast--success{background:var(--clr-primary)}.toast--error{background:var(--clr-error)}.toast--info{background:var(--clr-accent)}.toast--warning{background:var(--clr-secondary)}.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}.confirm-backdrop{z-index:var(--z-modal);background:var(--clr-overlay-strong);animation:fade-in var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{inline-size:90%;max-inline-size:20rem;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--clr-white);text-align:center}.confirm-dialog__title{color:var(--clr-text-main);font-size:var(--text-lg);font-weight:var(--font-bold);margin-block-end:var(--space-xs)}.confirm-dialog__message{color:var(--clr-text-muted);font-size:var(--text-sm);margin-block-end:var(--space-md)}.confirm-dialog__actions{gap:var(--space-s);display:flex}.confirm-dialog__actions .btn{flex:1}.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)}.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)}.btn-primary,.btn--primary{color:var(--clr-btn-primary-text);background:var(--clr-btn-primary-bg)}.btn-primary:hover,.btn--primary:hover{background:var(--clr-btn-primary-bg-hover)}.btn--secondary{color:var(--clr-btn-secondary-text);background:var(--clr-btn-secondary-bg)}.btn--secondary:hover{background:var(--clr-btn-secondary-bg-hover)}.btn--danger{border-color:var(--clr-btn-danger-bg);color:var(--clr-btn-danger-text);background:var(--clr-btn-danger-bg)}.btn--danger:hover{border-color:var(--clr-btn-danger-bg-hover);background:var(--clr-btn-danger-bg-hover)}.btn--warning{color:var(--clr-btn-warning-text);background:var(--clr-btn-warning-bg)}.btn--warning:hover{background:var(--clr-btn-warning-bg-hover)}.btn--cancel{border:var(--brd-base) var(--clr-btn-cancel-border);color:var(--clr-btn-cancel-text);background:var(--clr-btn-cancel-bg)}.btn--cancel:hover{background:var(--clr-btn-cancel-bg-hover)}.btn--soft-success{border:var(--brd-base) var(--clr-btn-soft-success-border);color:var(--clr-btn-soft-success-text);background:var(--clr-btn-soft-success-bg)}.btn--soft-success:hover{border-color:var(--clr-btn-soft-success-border);background:var(--clr-btn-soft-success-bg-hover)}.btn--soft-warning{border:var(--brd-base) var(--clr-btn-soft-warning-border);color:var(--clr-btn-soft-warning-text);background:var(--clr-btn-soft-warning-bg)}.btn--soft-warning:hover{border-color:var(--clr-btn-soft-warning-border);background:var(--clr-btn-soft-warning-bg-hover)}.btn--soft-danger{border:var(--brd-base) var(--clr-btn-soft-danger-border);color:var(--clr-btn-soft-danger-text);background:var(--clr-btn-soft-danger-bg)}.btn--soft-danger:hover{border-color:var(--clr-btn-soft-danger-border);background:var(--clr-btn-soft-danger-bg-hover)}.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)}