.confirm-dialog[data-v-8d69d9ec]{width:min(420px,100%)}.confirm-dialog__message[data-v-8d69d9ec]{margin:0 0 var(--space-4);font-size:.95rem;line-height:1.55;color:var(--text);white-space:pre-line}.confirm-dialog__actions[data-v-8d69d9ec]{display:flex;justify-content:flex-end;gap:var(--space-2)}.confirm-dialog--details[data-v-8d69d9ec]{width:min(620px,100%);display:flex;flex-direction:column;overflow:hidden}.confirm-dialog--details .confirm-dialog__message[data-v-8d69d9ec]{flex-shrink:0;font-weight:600}.confirm-dialog__warning[data-v-8d69d9ec]{flex-shrink:0;margin:var(--space-3) 0 0}.confirm-dialog__details[data-v-8d69d9ec]{min-height:0;overflow:auto;overscroll-behavior:contain}.confirm-dialog--details .confirm-dialog__actions[data-v-8d69d9ec]{flex-shrink:0;padding-top:var(--space-3)}.confirm-dialog__matches[data-v-8d69d9ec]{list-style:none;padding:0;display:grid;gap:10px}.confirm-dialog__matches li[data-v-8d69d9ec]{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.confirm-dialog__actions[data-v-8d69d9ec]{flex-wrap:wrap}.theme-toggle[data-v-282e2689]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.theme-toggle[data-v-282e2689]:hover{color:var(--text);border-color:var(--border-strong)}.made-with[data-v-824ec341]{display:flex;justify-content:center;padding:0 calc(var(--space-4) + var(--safe-area-right)) calc(var(--space-5) + var(--safe-area-bottom)) calc(var(--space-4) + var(--safe-area-left))}.made-with__link[data-v-824ec341]{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.875rem;text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .15s ease,color .15s ease}.made-with__link[data-v-824ec341]:hover{border-color:var(--primary);color:var(--text)}.made-with__link[data-v-824ec341]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.made-with__cta[data-v-824ec341]{color:var(--primary);font-weight:600}.profile-menu__avatar--image[data-v-e9a8bc45]{width:100%;height:100%;border-radius:inherit;object-fit:cover}.app-offline-banner[data-v-e9a8bc45]{width:auto;max-width:1400px;margin:var(--space-3) calc(var(--space-4) + var(--safe-area-right)) 0 calc(var(--space-4) + var(--safe-area-left))}.app-offline-banner--login[data-v-e9a8bc45]{margin-top:calc(64px + var(--space-3))}:root{color-scheme:light;--bg: #F7F7F4;--bg-elevated: #EDEEEA;--surface: #FFFFFF;--surface-hover: #F7F7F4;--surface-raised: #FFFFFF;--surface-row: #F7F7F4;--surface-1: #FFFFFF;--surface-2: #F7F7F4;--text: #14201B;--muted: #5E6B64;--text-muted: #5E6B64;--disabled: #8C9490;--disabled-bg: #EFF1ED;--heading: #14201B;--primary: #0F7B4D;--primary-hover: #0C6840;--primary-contrast: #FFFFFF;--primary-muted: #E7F4EC;--primary-soft: #E7F4EC;--primary-focus-ring: #E7F4EC;--lime: #C6F24E;--accent: #FF5A48;--accent-text: #C43D2C;--accent-bg: #FEF0EE;--danger: #B42318;--danger-bg: #FEF0EE;--danger-border: #F6C9C3;--warning: #B54708;--warning-bg: #FFFAEB;--warning-border: #FEDF89;--warning-text: #B54708;--success: #0F7B4D;--success-bg: #E7F4EC;--success-border: #BFE3D0;--success-text: #0F7B4D;--done: #6941C6;--done-bg: #F2ECFB;--done-dot: #8B5CF6;--border: #E4E7E2;--border-strong: #D8DCD6;--input-bg: #FFFFFF;--control-border: #7a897f;--header-bg: rgba(255, 255, 255, .88);--shadow-sm: 0 1px 2px rgba(20, 32, 27, .05);--shadow-md: 0 4px 16px rgba(20, 32, 27, .08);--shadow-lg: 0 12px 32px rgba(20, 32, 27, .1);--glow-gold: 0 0 0 rgba(0, 0, 0, 0);--live-glow: 0 4px 16px rgba(15, 123, 77, .15);--radius: 16px;--radius-md: 16px;--radius-sm: 12px;--font-display: "Onest", system-ui, sans-serif;--font-body: "Golos Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--touch-min: 44px;--z-header: 50;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}:root[data-theme=dark]{color-scheme:dark;--bg: #101512;--bg-elevated: #0C100D;--surface: #17201B;--surface-hover: #1D2822;--surface-raised: #1D2822;--surface-row: #131A16;--surface-1: #17201B;--surface-2: #131A16;--text: #F2F5F1;--muted: #96A39A;--text-muted: #96A39A;--disabled: #5E6B64;--disabled-bg: #1D2822;--heading: #F2F5F1;--primary: #34C97F;--primary-hover: #4AD892;--primary-contrast: #0C100D;--primary-muted: rgba(52, 201, 127, .14);--primary-soft: rgba(52, 201, 127, .14);--primary-focus-ring: rgba(52, 201, 127, .25);--accent: #FF6A59;--accent-text: #FF8A7C;--accent-bg: rgba(255, 106, 89, .12);--danger: #F97066;--danger-bg: rgba(249, 112, 102, .1);--danger-border: rgba(249, 112, 102, .35);--warning: #FDB022;--warning-bg: rgba(253, 176, 34, .1);--warning-border: rgba(253, 176, 34, .35);--warning-text: #FDB022;--success: #34C97F;--success-bg: rgba(52, 201, 127, .12);--success-border: rgba(52, 201, 127, .35);--success-text: #34C97F;--done: #B79CF6;--done-bg: rgba(139, 92, 246, .14);--done-dot: #8B5CF6;--border: #263029;--border-strong: #33403A;--input-bg: #131A16;--control-border: #6f8277;--header-bg: rgba(16, 21, 18, .88);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--live-glow: 0 4px 16px rgba(52, 201, 127, .18)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0;color:var(--text)}p{margin:0;color:var(--muted)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.skip-link{position:fixed;top:calc(8px + var(--safe-area-top));left:calc(8px + var(--safe-area-left));z-index:1000;transform:translateY(calc(-100% - 16px));padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-5) calc(var(--space-4) + var(--safe-area-right)) calc(var(--space-5) + var(--safe-area-bottom)) calc(var(--space-4) + var(--safe-area-left))}.app-main--wide{max-width:1400px}.app-main--embed{max-width:none;padding:var(--space-2)}.app-main--flush{padding:0;max-width:none;margin:0}.app-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:calc(var(--space-3) + var(--safe-area-top)) calc(var(--space-5) + var(--safe-area-right)) var(--space-3) calc(var(--space-5) + var(--safe-area-left));background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.app-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--text)}.app-header__logo{flex-shrink:0}.app-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding-top:var(--safe-area-top);padding-inline:var(--safe-area-left) var(--safe-area-right)}.landing-nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5)}.landing-nav__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.landing-nav__logo{color:var(--primary);flex-shrink:0}.landing-nav__links{display:flex;align-items:center;gap:var(--space-6);margin-left:auto;margin-right:var(--space-6)}.landing-nav__link{font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .15s ease}.landing-nav__link:hover{color:var(--text)}.landing-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:140px var(--space-5) 80px;min-height:min(92vh,860px)}.landing-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;font-size:.8125rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.landing-hero__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0}.landing-hero__note{margin:var(--space-4) 0 0;font-size:.85rem;color:var(--muted)}.landing-hero__title{font-size:clamp(2.5rem,5.8vw,4rem);font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--text);margin:0 0 var(--space-5)}.landing-hero__title-accent{color:var(--primary)}.landing-hero__subtitle{font-size:1.15rem;color:var(--muted);line-height:1.7;max-width:480px;margin:0 0 var(--space-6)}.landing-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.landing-hero__visual{display:flex;justify-content:center;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.demo-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.demo-card__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.demo-card__title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text)}.demo-card__live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--accent-text);background:var(--accent-bg);border-radius:999px}.demo-card__body{display:flex;align-items:center;gap:0;padding:0 20px 18px}.demo-bracket{display:flex;flex-direction:column;gap:12px;flex:1}.demo-pair{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--radius-sm);background:var(--surface-2)}.demo-pair--live{border:1.5px solid var(--accent);background:var(--accent-bg)}.demo-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:8px;font-size:.85rem}.demo-slot--win{background:var(--primary-muted);font-weight:600}.demo-slot__name{color:var(--text);white-space:nowrap}.demo-slot__score{font-family:var(--font-mono);font-weight:600;color:var(--text)}.demo-slot__score--muted{color:var(--muted)}.demo-connector{width:28px;height:2px;background:var(--border-strong);flex-shrink:0}.demo-final{display:flex;flex-direction:column;gap:4px;flex:1;padding:8px;border-radius:var(--radius-sm);background:var(--surface-2)}.demo-final .demo-slot--empty .demo-slot__name{color:var(--muted);font-style:italic}.demo-final__meta{font-size:.72rem;color:var(--muted);text-align:center;margin-top:2px}.demo-card__bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#101512}.demo-card__match{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:#f2f5f1}.demo-card__points{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--lime)}.demo-card__points span{color:#5e6b64;margin:0 4px}.btn--lg{min-height:52px;padding:0 28px;font-size:1rem;border-radius:14px}.landing-section{padding:80px var(--space-5);max-width:1200px;margin:0 auto;width:100%}.landing-section--alt{position:relative}.landing-section--alt:before{content:"";position:absolute;inset:0 0 0 50%;transform:translate(-50%);width:100vw;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:-1}.landing-section__header{text-align:center;margin-bottom:56px}.landing-section__title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 var(--space-3)}.landing-section__subtitle{font-size:1.05rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.6}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.feature-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease,box-shadow .2s ease}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-muted);color:var(--primary);margin-bottom:var(--space-4)}.feature-card__icon--accent{background:var(--accent-bg);color:var(--accent)}.feature-card__icon--success{background:var(--success-bg);color:var(--success)}.feature-card__icon--warning{background:var(--warning-bg);color:var(--warning)}.feature-card__icon--info{background:#1570ef1a;color:#1570ef}.feature-card__icon--purple{background:var(--done-bg);color:var(--done)}.feature-card__title{font-size:1.1rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0 0 var(--space-2)}.feature-card__text{font-size:.9rem;color:var(--muted);line-height:1.65;margin:0}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.step-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease,box-shadow .2s ease}.step-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.step-card__number{display:block;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.05em;color:var(--primary);margin-bottom:var(--space-3)}.step-card__title{font-size:1.1rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0 0 var(--space-2)}.step-card__text{font-size:.9rem;color:var(--muted);line-height:1.65;margin:0}.landing-cta{text-align:center;max-width:1200px}.landing-cta__inner{display:flex;flex-direction:column;align-items:center}.landing-cta__title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 var(--space-3)}.landing-cta__subtitle{font-size:1.05rem;color:var(--muted);margin:0 0 var(--space-5);max-width:460px;line-height:1.6}.landing-cta__btn{min-width:220px}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);width:100%;max-width:720px}.portal-card{padding:var(--space-6);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);transition:box-shadow .25s ease,border-color .25s ease;cursor:default}.portal-card:hover{box-shadow:var(--shadow-lg),var(--glow-gold);border-color:var(--success-border)}.portal-card__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-muted);color:var(--primary);margin-bottom:var(--space-2)}.portal-card__icon--player{background:var(--success-bg);color:var(--success)}.portal-card__title{font-size:1.35rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0}.portal-card__text{font-size:.95rem;color:var(--muted);line-height:1.6;margin:0;flex:1}.portal-card__btn{margin-top:var(--space-3);width:100%}.landing-footer{padding:var(--space-5) calc(var(--space-5) + var(--safe-area-right)) calc(var(--space-5) + var(--safe-area-bottom)) calc(var(--space-5) + var(--safe-area-left));text-align:center;border-top:1px solid var(--border);margin-top:auto}.landing-footer__copy{font-size:.85rem;color:var(--muted)}@media(max-width:960px){.landing-hero{grid-template-columns:1fr;text-align:center;padding-top:120px;min-height:auto}.landing-hero__subtitle{margin-left:auto;margin-right:auto}.landing-hero__actions{justify-content:center}.landing-features{grid-template-columns:repeat(2,1fr)}.landing-steps{grid-template-columns:1fr;max-width:480px;margin:0 auto}.landing-nav__links{display:none}.demo-card{margin:0 auto}}@media(max-width:640px){.landing-nav__inner{padding:var(--space-2) var(--space-3)}.landing-nav__brand{font-size:.85rem}.landing-nav__actions .btn{font-size:.8rem;padding:0 var(--space-3);min-height:38px}.landing-hero{padding-top:100px;padding-bottom:48px;gap:32px}.landing-hero__visual{display:none}.landing-features{grid-template-columns:1fr}.landing-section{padding:56px var(--space-4)}}.reg-page{min-height:100vh;display:flex;flex-direction:column}.reg-container{flex:1;display:flex;align-items:center;justify-content:center;padding:100px var(--space-4) var(--space-6)}.reg-card{width:100%;max-width:520px;padding:var(--space-6);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.reg-card--status{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.reg-title{font-size:1.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 var(--space-2)}.reg-subtitle{font-size:.95rem;color:var(--muted);line-height:1.6;margin:0 0 var(--space-5)}.reg-auth-methods{display:flex;flex-direction:column;gap:var(--space-3)}.reg-auth-btn{width:100%}.reg-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:.85rem;text-transform:lowercase}.reg-divider:before,.reg-divider:after{content:"";flex:1;height:1px;background:var(--border)}.reg-form{display:flex;flex-direction:column;gap:var(--space-4)}.reg-fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.reg-legend{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--primary);margin-bottom:var(--space-2)}.reg-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.reg-form__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.form-label{font-size:.85rem;font-weight:600;color:var(--muted)}.reg-status-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%}.reg-status-icon--warning{background:var(--warning-bg);color:var(--warning)}.reg-status-icon--success{background:var(--success-bg);color:var(--success)}.reg-status-icon--danger{background:var(--danger-bg);color:var(--danger)}.reg-status-details{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-row);border-radius:var(--radius-sm);border:1px solid var(--border)}.reg-status-row{display:flex;justify-content:space-between;gap:var(--space-3)}.reg-status-label{font-size:.85rem;color:var(--muted)}.reg-status-value{font-size:.85rem;font-weight:600;color:var(--text)}@media(max-width:640px){.reg-row{grid-template-columns:1fr}.reg-form__actions{flex-direction:column}.reg-form__actions .btn{width:100%}}.sa-page{min-height:100vh}.sa-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg)}.sa-login-card{width:100%;max-width:400px;padding:var(--space-6);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.sa-login-icon{color:var(--accent);opacity:.8}.sa-login-title{font-size:1.5rem;font-family:var(--font-display);font-weight:700;color:var(--heading);margin:0}.sa-login-subtitle{font-size:var(--text-sm);color:var(--muted);margin:0}.sa-login-form{width:100%;display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.sa-login-btn{width:100%;margin-top:var(--space-2)}.sa-login-error{margin-top:var(--space-2)}.sa-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:100}.sa-nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sa-nav__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--heading)}.sa-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.sa-nav__user{font-size:var(--text-sm);color:var(--muted)}.sa-main{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.sa-dashboard{padding:var(--space-4) 0}.sa-header{margin-bottom:var(--space-5)}.sa-title{font-size:1.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 var(--space-2)}.sa-subtitle{font-size:.95rem;color:var(--muted);margin:0}.sa-tabs{margin-bottom:var(--space-5)}.sa-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;border-radius:100px;background:var(--surface-hover);color:var(--muted);margin-left:6px}.tab--active .sa-tab-count{background:var(--primary-muted);color:var(--primary)}.sa-loading{display:flex;justify-content:center;padding:var(--space-6)}.sa-empty{text-align:center;padding:var(--space-6);color:var(--muted)}.sa-list{display:flex;flex-direction:column;gap:var(--space-4)}.sa-club-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3)}.sa-club-card--duplicate{border-color:var(--warning-border)}.sa-club-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sa-club-name{font-size:1.1rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0}.sa-club-city,.sa-club-address{font-size:.9rem;color:var(--muted)}.sa-duplicate-alert{font-size:.85rem}.sa-club-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2) var(--space-5)}.sa-detail-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}.sa-detail-value{font-size:.9rem;color:var(--text)}.sa-rejection-reason{font-size:.85rem;color:var(--danger);margin:0;padding:var(--space-3);background:var(--danger-bg);border-radius:var(--radius-sm);border:1px solid var(--danger-border)}.sa-club-actions{display:flex;gap:var(--space-3);align-items:flex-start;flex-wrap:wrap}.sa-reject-field{flex:1;min-width:200px}.sa-reject-actions{display:flex;gap:var(--space-2)}.spinner--lg{width:32px;height:32px}.login-card{width:100%;max-width:420px;padding:var(--space-6);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg),var(--glow-gold);text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.login-card h1{font-size:2rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.login-card .subtitle{font-size:1rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}[hidden].stack{display:none!important}.stack--sm{gap:var(--space-3)}.grid-2{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.grid-2>*{min-width:0}@media(min-width:900px){.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.grid-2--admin{align-items:start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);font-family:var(--font-body);font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:disabled{cursor:not-allowed;color:var(--disabled);background:var(--disabled-bg);border-color:transparent;box-shadow:none}.btn--primary{background:var(--primary);color:var(--primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.btn--outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--disabled-bg)}.btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-border)}.btn--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.btn--success:hover:not(:disabled){background:var(--success-border)}.btn--warn{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.btn--warn:hover:not(:disabled){background:var(--warning-border)}.btn--sm{min-height:var(--touch-min);padding:0 var(--space-4);font-size:.875rem;border-radius:10px}.btn--icon{width:var(--touch-min);min-width:var(--touch-min);padding:0;flex:none}.btn--icon .app-icon{display:block}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;border-radius:999px;border:none;color:var(--muted);background:var(--disabled-bg)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--disabled);flex-shrink:0}.badge--success{color:var(--success-text);background:var(--success-bg)}.badge--success:before{background:var(--success)}.badge--warn{color:var(--warning-text);background:var(--warning-bg)}.badge--warn:before{background:var(--warning)}.badge--danger{color:var(--danger);background:var(--danger-bg)}.badge--danger:before{background:var(--danger)}.badge--live{color:var(--success-text);background:var(--success-bg)}.badge--live:before{background:var(--success);animation:livePulse 1.5s ease-in-out infinite}.badge--done{color:var(--done);background:var(--done-bg)}.badge--done:before{background:var(--done-dot)}.badge--neutral{color:var(--muted)}.badge--meta{color:var(--muted);background:var(--surface);border:1px solid var(--border)}.badge--meta:before{display:none}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-field{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.form-field label,.form-field .label{font-size:.875rem;font-weight:500;color:var(--text)}.input,select.input,textarea.input{width:100%;min-width:0;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}select.input{appearance:none;-webkit-appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235E6B64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}textarea.input{min-height:100px;resize:vertical}.input:hover,select.input:hover,textarea.input:hover{border-color:var(--muted)}.input:focus,select.input:focus,textarea.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-focus-ring);outline:none}.input--error{border-color:var(--danger)}.input--readonly{margin:0;cursor:default;background:var(--surface-row);color:var(--muted)}.checkbox-row{display:flex;min-height:var(--touch-min);align-items:center;gap:var(--space-2);font-size:.9375rem;cursor:pointer}.checkbox-row input{width:18px;height:18px;accent-color:var(--primary)}.switch{display:inline-flex;min-height:var(--touch-min);align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;flex:none;width:34px;height:20px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2, var(--surface));transition:background .15s,border-color .15s}.switch__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch input:checked+.switch__track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch__track .switch__thumb{background:#fff;transform:translate(14px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--primary);outline-offset:2px}.switch input:checked~.switch__label{color:var(--text)}.stepper{display:flex;align-items:center;margin-bottom:var(--space-5)}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:120px;flex-shrink:0}.stepper__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;background:var(--surface);border:2px solid var(--border);color:var(--disabled)}.stepper__label{font-size:.8125rem;font-weight:500;color:var(--disabled);text-align:center}.stepper__step--done .stepper__dot{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.stepper__step--done .stepper__label{color:var(--primary)}.stepper__step--current .stepper__dot{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);box-shadow:0 0 0 5px var(--primary-muted)}.stepper__step--current .stepper__label{color:var(--text);font-weight:600}.stepper__line{flex:1;height:2px;background:var(--border);margin-bottom:24px}.stepper__line--done{background:var(--primary)}.tab-group{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.tab{position:relative;padding:var(--space-3) var(--space-4);min-height:var(--touch-min);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--text)}.tab--active{color:var(--primary);border-bottom-color:var(--primary)}.tab--disabled,.tab:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}.tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:var(--space-2);font-size:.6875rem;font-weight:700;line-height:1;border-radius:999px;background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.tab-panel{display:none}.tab-panel--active{display:block}@media(max-width:480px){.tab-group{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--space-5);scroll-padding-inline:var(--space-4)}.tab-group::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem}.alert--success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.alert--error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.alert--info{background:var(--surface-row);color:var(--muted);border:1px solid var(--border)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);gap:var(--space-3)}.empty-state__icon{color:var(--muted);opacity:.4;margin-bottom:var(--space-2)}.empty-state__title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.empty-state__hint{font-size:.875rem;color:var(--muted);margin:0;max-width:40ch}.muted{color:var(--muted)}.error-text{color:var(--danger);font-size:.875rem}.success-text{color:var(--success-text);font-size:.875rem}.inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.page-title{font-size:1.875rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.section-title{font-size:1.125rem;margin-bottom:var(--space-3)}.section-title--sm{font-size:1rem;margin-bottom:0}.stack>.page-title,.stack>.section-title,.admin-list-header>.page-title,.admin-list-header>.section-title,.admin-tournament-overview__title-row>.page-title{margin-bottom:0}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.row--between{justify-content:space-between}.text-sm{font-size:.875rem}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-3{margin-bottom:var(--space-3)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.form-field--xs{max-width:200px}.form-field--narrow{max-width:280px}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.admin-list-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.admin-list-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.filter-segment{display:inline-flex;align-self:flex-start;flex-wrap:wrap;padding:var(--space-1);gap:var(--space-1);background:var(--surface-row);border-radius:var(--radius-sm);border:1px solid var(--border)}.filter-segment__btn{min-height:40px;padding:0 var(--space-4);font-size:.875rem;font-weight:600;color:var(--muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease}.filter-segment__btn:hover{color:var(--text)}.filter-segment__btn--active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.admin-back-link{display:inline-flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:calc(-1 * var(--space-2))}.admin-back-link:hover{color:var(--primary-hover)}.danger-zone{margin-top:var(--space-6);border-color:var(--danger-border)}.danger-zone__title{color:var(--danger)}.danger-zone__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-5)}.danger-zone__text{display:grid;gap:6px;flex:1 1 320px;min-width:0}.danger-zone__text p{margin:0}.danger-zone__label{margin-top:6px;font-size:.875rem;color:var(--text)}.danger-zone__input{max-width:420px}.admin-section{margin-bottom:var(--space-5)}.admin-add-entry{padding:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-row);overflow:hidden}.admin-add-entry__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.admin-add-entry__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.25;text-align:left;color:var(--text);cursor:pointer;background:var(--surface);border:none;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.admin-add-entry__trigger:hover{background:var(--surface-hover)}.admin-add-entry__trigger-text{flex:1;min-width:0}.admin-add-entry__chevron{flex-shrink:0;color:var(--muted);transition:transform .2s ease,color .2s ease}.admin-add-entry--open .admin-add-entry__chevron{transform:rotate(180deg);color:var(--primary)}.admin-add-entry--open .admin-add-entry__trigger{border-bottom-color:var(--border)}.admin-add-entry__panel{padding:var(--space-4);padding-top:var(--space-3)}.admin-add-entry__hint{font-size:.875rem;line-height:1.55;margin:0;max-width:72ch}.admin-page-alert{margin-bottom:var(--space-4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);scroll-margin-top:96px}.admin-page-alert__close{flex:none;width:28px;height:28px;margin:-4px -6px -4px 0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.admin-page-alert__close:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.admin-tournament-overview__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.admin-tournament-overview__title-block{flex:1;min-width:min(100%,220px)}.admin-tournament-overview__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.admin-tournament-overview__copy{flex-shrink:0}.admin-tournament-overview__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-width:0;max-width:100%}.admin-tournament-overview__divider{align-self:stretch;width:1px;margin:4px 2px;background:var(--border)}.admin-mobile-surface{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--border);border-radius:16px;background:var(--surface-row)}.admin-mobile-surface button{min-height:44px;padding:8px;border:0;border-radius:11px;color:var(--text-muted);background:transparent;font:inherit;font-size:.86rem;font-weight:750}.admin-mobile-surface button.active{color:var(--text);background:var(--surface);box-shadow:0 3px 12px #0f172a14}@media(max-width:600px){.admin-tournament-overview__actions{width:100%}.admin-tournament-overview__actions .btn{min-height:44px;max-width:100%;white-space:normal}}.tooltip-wrapper{position:relative}.tooltip-wrapper[data-tooltip]:hover:after,.tooltip-wrapper[data-tooltip]:focus:after,.tooltip-wrapper[data-tooltip]:focus-within:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;width:max-content;max-width:min(280px,70vw);padding:6px 10px;font-size:.75rem;font-weight:500;line-height:1.3;white-space:normal;text-align:center;color:var(--bg);background:var(--text);border-radius:var(--radius-sm);pointer-events:none;z-index:50}.tab-group{position:relative}.tab-group .tooltip-wrapper{position:static}.tab-group .tooltip-wrapper[data-tooltip]:hover:after,.tab-group .tooltip-wrapper[data-tooltip]:focus:after,.tab-group .tooltip-wrapper[data-tooltip]:focus-within:after{right:auto;left:0;max-width:min(280px,calc(100vw - 32px))}.rr-cross__head-tip[data-tooltip]:hover:after,.rr-cross__head-tip[data-tooltip]:focus:after,.rr-cross__head-tip[data-tooltip]:focus-within:after{right:auto;bottom:auto;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--font-sans, inherit);text-transform:none;letter-spacing:normal}.admin-share-hint{font-size:.8125rem;line-height:1.5;max-width:72ch}.admin-settings-fields{display:flex;flex-direction:column;gap:var(--space-4)}.eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.settings-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border)}.settings-section:first-of-type{padding-top:0;border-top:0}.settings-section__head{display:flex;align-items:center;gap:var(--space-2);min-height:24px}.settings-section__head .eyebrow{flex:none}.settings-section__meta{margin-left:auto;font-size:.8rem;color:var(--muted)}.label-row{display:flex;align-items:center;gap:6px}.label-row>label{margin:0}@media(min-width:720px){.admin-settings-card{padding:var(--space-6)}}@media(min-width:720px){.admin-settings-fields{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--space-5) var(--space-6)}.admin-settings-fields__status{flex:0 1 280px;min-width:200px}.admin-settings-fields__public{flex:1 1 220px;min-height:var(--touch-min);align-self:flex-end}}.admin-settings-card__footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.card:has(.infinite-canvas){position:relative}.infinite-canvas{position:static;overflow:hidden;width:100%;min-height:400px;cursor:grab;background:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:24px 24px;background-position:center center;border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none}.infinite-canvas--panning{cursor:grabbing}.infinite-canvas--fullscreen{position:relative;min-height:100vh;border-radius:0;background-color:var(--bg);touch-action:none}@media(max-width:720px){.infinite-canvas:not(.infinite-canvas--fullscreen){touch-action:pan-y;cursor:default}.infinite-canvas:not(.infinite-canvas--fullscreen){position:relative}.infinite-canvas:not(.infinite-canvas--fullscreen) .infinite-canvas__toolbar{top:auto;bottom:var(--space-2);right:var(--space-2)}.infinite-canvas:not(.infinite-canvas--fullscreen) .ic-btn{width:40px;height:40px}}.infinite-canvas--pseudo-fullscreen{position:fixed;inset:0;z-index:1000;min-height:0;height:100vh;height:100dvh}html.ic-pseudo-fullscreen-open,html.ic-pseudo-fullscreen-open body{overflow:hidden}.infinite-canvas__content{transform-origin:0 0;will-change:transform;position:relative;display:inline-block}.infinite-canvas__toolbar{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1);box-shadow:var(--shadow-md);z-index:10;pointer-events:auto}.ic-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text);border-radius:6px;cursor:pointer;transition:background .15s}.ic-btn:hover{background:var(--surface-hover)}.ic-btn:active{background:var(--border)}.ic-zoom-label{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.bracket-scroll{position:relative;overflow-x:auto;overflow-y:visible;padding:var(--space-4) 0;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);-webkit-overflow-scrolling:touch}.bracket-scroll-hint{font-size:.75rem;color:var(--muted);margin-bottom:var(--space-2);display:none}@media(max-width:768px){.bracket-scroll-hint{display:block}}.bracket-inner{position:relative;display:block;min-height:120px}.bracket-columns{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:var(--space-5)}.bracket-columns--split{justify-content:center;flex-wrap:nowrap}.bracket-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.bracket-svg path{stroke:var(--border-strong);stroke-width:2;fill:none}.bracket-round{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-around;gap:var(--space-4);min-width:220px;flex-shrink:0}.bracket-round__sponsor{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.bracket-round__title{font-family:var(--font-display);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-2)}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.match-card--live{border:1.5px solid var(--success);box-shadow:var(--live-glow)}.match-card--live .match-card__meta{background:var(--success-bg);color:var(--success-text)}.match-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:42px;border-bottom:1px solid var(--border);background:var(--surface-row)}.match-card__row:last-child{border-bottom:none}.match-card__row--winner{background:var(--primary-muted);border-color:var(--success-border)}.match-card__row--winner .match-card__name,.match-card__row--winner .match-card__member{color:var(--primary);font-weight:700}.match-card__row--winner .match-card__score{color:var(--primary)}.match-card__row--slot-editable.match-card__row--draggable{cursor:grab}.match-card__row--slot-editable.match-card__row--draggable:active{cursor:grabbing}.match-card__row--selected{outline:3px solid var(--primary);outline-offset:-3px;background:var(--primary-muted)}.match-card__row--drag-over{outline:2px dashed var(--primary);outline-offset:-2px;background:var(--primary-muted)}.match-card__row--stacked{align-items:flex-start}.match-card__members{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.match-card__member{font-weight:600;font-size:.8125rem;line-height:1.25;color:var(--text);word-break:break-word}.match-card__name{font-weight:600;font-size:.875rem;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card__score{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--muted);flex-shrink:0}.match-card__meta{padding:var(--space-2) var(--space-3);font-size:.75rem;color:var(--muted);background:var(--surface)}.match-card__meta--top{display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--border);padding:.25rem var(--space-3)}.match-card__score-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;line-height:0;transition:color .15s ease}.match-card__score-btn:hover,.match-card__score-btn:focus-visible{color:var(--accent);outline:none}.match-card__live{display:inline-flex;align-items:center;gap:.35rem;margin-left:var(--space-2);padding:0;border:0;background:transparent;color:var(--success-text);font:inherit;font-weight:700;cursor:pointer}.score-editor{display:flex;flex-direction:column;gap:var(--space-4)}.score-match{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--surface-row);transition:background .25s ease}.score-match--saved{background:var(--primary-muted)}.score-match--pending{opacity:.4;pointer-events:none}.score-match__head{font-weight:600;font-size:.875rem;margin-bottom:var(--space-3)}.score-match__teams{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2) var(--space-3)}.score-match__head--doubles .score-match__teams{align-items:stretch}.score-match__team{min-width:0;display:flex;flex-direction:column;gap:.125rem}.score-match__head--doubles .score-match__team{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.score-match__vs{flex-shrink:0;font-weight:600;font-size:.75rem;font-style:italic;align-self:center}.score-match__player{font-weight:600;font-size:.875rem;line-height:1.3;word-break:break-word}.score-grid{margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.score-grid__header{display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-1) 0}.score-grid__header .score-grid__set-col{font-size:.75rem;font-weight:600;color:var(--muted);text-align:center}.score-grid__row{display:flex;align-items:center;padding:var(--space-2) 0}.score-grid__row+.score-grid__row{border-top:1px solid var(--border)}.modal-backdrop{position:fixed;inset:auto;top:var(--modal-viewport-top, 0px);left:var(--modal-viewport-left, 0px);display:flex;align-items:center;justify-content:center;width:var(--modal-viewport-width, 100%);height:var(--modal-viewport-height, 100vh);height:var(--modal-viewport-height, 100dvh);max-width:none;max-height:none;margin:0;border:0;padding:calc(var(--space-4) + var(--safe-area-top)) calc(var(--space-4) + var(--safe-area-right)) calc(var(--space-4) + var(--safe-area-bottom)) calc(var(--space-4) + var(--safe-area-left));overflow:hidden;color:var(--text);background:transparent}.modal-backdrop:not([open]){display:none}.modal-backdrop::backdrop{background:#000000b3}.modal-dialog{width:min(560px,100%);max-height:min(720px,100%);overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);padding:var(--space-4)}.modal-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-dialog__head h2{margin:0;font-size:1.1rem}.modal-close{width:var(--touch-min);height:var(--touch-min);flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-row);color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer}.live-modal{display:flex;flex-direction:column;gap:var(--space-3)}.live-scoreboard{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.side-swap-move{transition:transform .9s cubic-bezier(.45,0,.25,1)}@media(prefers-reduced-motion:reduce){.side-swap-move{transition:none}}.live-scoreboard__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-row)}.live-scoreboard__row+.live-scoreboard__row{border-top:1px solid var(--border)}.live-scoreboard__row--winner{background:var(--primary-muted)}.live-scoreboard__point{min-width:3rem;font-family:var(--font-mono);font-size:1.5rem;font-weight:800;text-align:right;color:var(--primary)}.live-scoreboard__sets{margin:0;font-family:var(--font-mono);font-weight:700;color:var(--text)}.live-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.score-grid__player-col{flex:1;min-width:0;padding:0 var(--space-3)}.score-grid__player-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-grid__set-col{width:52px;flex-shrink:0;display:flex;justify-content:center;padding:0 var(--space-1)}.score-grid__input{width:44px;min-height:var(--touch-min);text-align:center;font-family:var(--font-mono);font-size:.9375rem;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s ease}.score-grid__input:focus{outline:none;border-color:var(--primary)}.score-grid__input:disabled{opacity:.4;cursor:not-allowed}.score-grid__input::placeholder{color:var(--muted);opacity:.5}.score-grid__input::-webkit-inner-spin-button,.score-grid__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-grid__input{-moz-appearance:textfield}.lang-dropdown{position:relative}.lang-dropdown__trigger{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);padding:0 var(--space-3);font-size:.8125rem;font-weight:600;color:var(--muted);background:var(--surface-row);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,color .15s ease}.lang-dropdown__trigger:hover{border-color:var(--border-strong);color:var(--text)}.lang-dropdown__chevron{transition:transform .2s ease}.lang-dropdown__chevron--open{transform:rotate(180deg)}.lang-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;padding:var(--space-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100}.lang-dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--text);background:none;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.lang-dropdown__item:hover{background:var(--surface-hover)}.lang-dropdown__item--active{color:var(--primary)}.lang-dropdown__item-label{font-weight:700;min-width:24px}.lang-dropdown__item-name{color:var(--muted);font-size:.8125rem}.lang-dropdown__item--active .lang-dropdown__item-name{color:var(--primary)}.profile-menu{position:relative}.profile-menu__trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-row);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.profile-menu__trigger:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus-ring)}.profile-menu__avatar{font-size:.875rem;font-weight:700;color:var(--primary);line-height:1}.profile-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;width:min(300px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.profile-menu__info{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.profile-menu__name{overflow-wrap:anywhere;font-size:.875rem;font-weight:600;color:var(--text)}.profile-menu__email{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__divider{height:1px;background:var(--border)}.profile-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;color:var(--text);background:none;border:none;cursor:pointer;transition:background .15s ease}.profile-menu__item:hover{background:var(--surface-hover)}.profile-menu__item--danger{color:var(--danger)}.profile-menu__item svg{flex-shrink:0;opacity:.7}.profile-menu__section-label{padding:var(--space-2) var(--space-4) calc(var(--space-1) / 2);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile-menu__item--locale{display:flex;align-items:baseline;gap:var(--space-2);justify-content:flex-start}.profile-menu__locale-label{font-weight:600;width:24px}.profile-menu__locale-name{color:var(--muted);font-size:.8125rem}.profile-menu__item--active{background:var(--surface-hover)}.profile-menu__item--active .profile-menu__locale-label{color:var(--primary)}.participant-list{display:flex;flex-direction:column;gap:var(--space-2)}.participant-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-row)}.entry-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.entry-list>.participant-item{border:0;border-radius:0;background:transparent;transition:background .15s ease}.entry-list>.participant-item+.participant-item{border-top:1px solid var(--border)}.entry-list>.participant-item:hover{background:var(--surface-hover)}.participant-item strong{font-size:.9375rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.btn--primary .spinner{border-color:#ffffff59;border-top-color:var(--primary-contrast)}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pairing-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius, 6px);background:color-mix(in srgb,var(--primary) 8%,var(--surface-2, #23262d));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border, #333))}.pairing-banner__info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted, #aaa)}.pairing-banner__icon{flex-shrink:0;color:var(--primary)}.pairing-banner__warning{color:var(--warning-text, #f5a623)}.pairing-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pairing-banner__actions .btn{display:inline-flex;align-items:center;gap:.375rem}.pairing-banner__actions .btn svg{flex-shrink:0}.manual-pairing{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius, 6px);background:var(--surface-1, #1a1d23);border:1px solid var(--border, #333)}.manual-pairing-pool{padding:var(--space-2);border-radius:var(--radius, 6px);background:var(--surface-2, #23262d)}.manual-pairing-pool__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin:0 0 var(--space-2)}.manual-pairing-pool__list{display:flex;flex-wrap:wrap;gap:.375rem}.manual-pairing-pool__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text);border-radius:100px;background:var(--surface-1, #1a1d23);border:1px solid var(--border, #444);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,transform .1s}.manual-pairing-pool__chip:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.manual-pairing-pool__chip:active{cursor:grabbing;transform:scale(.97)}.manual-pairing-pool__chip--selected{border-color:var(--primary);color:var(--primary);background:var(--primary-muted);box-shadow:0 0 0 3px var(--primary-muted)}.pairing-tap-hint{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.82rem}.pair-slot__zone:focus-visible{outline:3px solid var(--primary-muted);outline-offset:2px}.rejected-entries{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.rejected-entries summary{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:700;cursor:pointer}.rejected-entries__list{padding-top:var(--space-2)}.manual-pairing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2)}.pair-slot{display:flex;flex-direction:column;gap:6px;padding:var(--space-2);border-radius:var(--radius, 6px);background:var(--surface-2, #23262d);border:1px solid var(--border, #333);transition:border-color .15s}.pair-slot__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.45;margin-bottom:2px}.pair-slot__zone{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:.375rem .625rem;border-radius:var(--radius, 6px);border:2px dashed var(--border, #444);transition:border-color .15s,background .15s,box-shadow .15s}.pair-slot__zone--filled{border-style:solid;border-color:color-mix(in srgb,var(--primary) 40%,var(--border, #555));background:color-mix(in srgb,var(--primary) 5%,var(--surface-1, #1a1d23));cursor:grab}.pair-slot__zone--filled:active{cursor:grabbing}.pair-slot__zone--drag-over{border-color:var(--primary);border-style:solid;background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.pair-slot__player{font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.pair-slot__placeholder{font-size:.8125rem;opacity:.3;font-style:italic;pointer-events:none}.pair-slot__remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.35;transition:opacity .15s,background .15s}.pair-slot__remove:hover{opacity:1;background:var(--disabled-bg)}.pair-slot--complete{border-color:color-mix(in srgb,var(--primary) 50%,var(--border, #333));background:color-mix(in srgb,var(--primary) 5%,var(--surface-2, #23262d))}.manual-pairing--dragging .pair-slot__zone>*{pointer-events:none}.manual-pairing__footer{display:flex;gap:.5rem;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border, #333)}.rr-fixtures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rr-fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius, 8px)}.rr-fixture__side{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-fixture__side--right{text-align:right}.rr-fixture__score{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-muted, #6b7280);min-width:3rem;text-align:center}.landing{position:relative;isolation:isolate}.landing3d{position:fixed;inset:0;z-index:0;pointer-events:none}.landing3d canvas{display:block;width:100%;height:100%}.landing>*:not(.landing3d):not(.landing-nav){position:relative;z-index:1}.landing-section,.landing-hero{scroll-margin-top:88px}.landing-hero__visual{position:relative;min-height:360px}.landing-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 var(--space-3)}.sport-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.sport-tile{text-align:center;padding:0 var(--space-4) var(--space-5);border-radius:var(--radius)}.sport-tile__stage{height:230px;margin-bottom:var(--space-2)}.sport-tile__tagline{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 var(--space-2)}.sport-tile__title{font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 var(--space-2)}.sport-tile__text{font-size:.95rem;color:var(--muted);line-height:1.6;margin:0 auto;max-width:300px}.landing--no3d .sport-tile__stage{height:120px;background:radial-gradient(circle at 50% 55%,var(--primary-muted) 0,transparent 62%)}.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.how__steps{display:flex;flex-direction:column;padding-bottom:10vh}.how-step{min-height:58vh;display:flex;flex-direction:column;justify-content:center;max-width:440px}.how-step__stage{display:none}.how-step__number{display:block;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--space-3)}.how-step__title{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--text);margin:0 0 var(--space-3)}.how-step__text{font-size:1.05rem;color:var(--muted);line-height:1.65;margin:0}.how__stage-col{position:sticky;top:96px;height:min(calc(100vh - 128px),640px)}.how__stage{height:100%}.landing--no3d .how{grid-template-columns:1fr}.landing--no3d .how__stage-col{display:none}.landing--no3d .how-step{min-height:0;padding:var(--space-5) 0}.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 70ms)}.reveal.is-in{opacity:1;transform:none}.tilt{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .12s ease-out,border-color .2s ease,box-shadow .2s ease;will-change:transform}.tilt--reset{transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .2s ease,box-shadow .2s ease}@media(max-width:960px){.how{grid-template-columns:1fr;gap:0}.how__stage-col{display:none}.how-step{min-height:0;max-width:none;padding:var(--space-4) 0 var(--space-6)}.landing--3d .how-step__stage{display:block;height:260px;margin-bottom:var(--space-3)}.sport-tiles{grid-template-columns:1fr;gap:var(--space-3)}.sport-tile__stage{height:200px}.landing-hero__visual{min-height:0}}@media(max-width:640px){.landing--3d .landing-hero__visual{display:block;min-height:220px}.landing--3d .landing-hero__visual .demo-card{display:none}.landing--3d .how-step__stage{height:220px}}.dp__main.dp__theme_light,.dp__main.dp__theme_dark{--dp-font-family: var(--font-body);--dp-font-size: .9rem;--dp-background-color: var(--surface);--dp-text-color: var(--text);--dp-hover-color: var(--surface-row);--dp-hover-text-color: var(--text);--dp-hover-icon-color: var(--text);--dp-primary-color: var(--primary);--dp-primary-disabled-color: var(--disabled);--dp-primary-text-color: var(--primary-contrast);--dp-secondary-color: var(--muted);--dp-border-color: var(--border);--dp-menu-border-color: var(--border-strong);--dp-border-color-hover: var(--muted);--dp-border-color-focus: var(--primary);--dp-disabled-color: var(--disabled-bg);--dp-disabled-color-text: var(--disabled);--dp-scroll-bar-background: var(--surface-row);--dp-scroll-bar-color: var(--border-strong);--dp-success-color: var(--primary);--dp-success-color-disabled: var(--disabled);--dp-icon-color: var(--muted);--dp-danger-color: var(--danger);--dp-marker-color: var(--primary);--dp-tooltip-color: var(--surface-raised);--dp-highlight-color: var(--primary-soft);--dp-range-between-dates-background-color: var(--primary-soft);--dp-range-between-dates-text-color: var(--text);--dp-range-between-border-color: var(--primary-soft);--dp-border-radius: var(--radius-sm);--dp-cell-border-radius: 8px;--dp-menu-min-width: 296px;--dp-cell-size: 36px;--dp-cell-padding: 5px;--dp-common-padding: 12px;--dp-menu-padding: 8px 10px;--dp-button-height: 36px;--dp-month-year-row-height: 36px;--dp-month-year-row-button-size: 36px;--dp-action-row-padding: 10px;--dp-action-buttons-padding: 4px 10px;--dp-time-font-size: 1.6rem;--dp-two-calendars-spacing: 10px}.dp__menu{box-shadow:var(--shadow-lg)}.dp__menu:focus{border-color:var(--border-strong)}.dp__today{border-color:var(--primary)}.dp__month_year_select,.dp__action_button{font-weight:600}.dp__action_button{border-radius:8px}.dp__action_select{color:var(--primary-contrast)}.dp__cell_inner,.dp__inc_dec_button,.dp__overlay_cell{transition:background .15s,color .15s}.field-hint{margin:6px 0 0;font-size:.8125rem;line-height:1.45;color:var(--muted)}.format-plan{margin:0;font-size:.9375rem;color:var(--text);font-variant-numeric:tabular-nums}.group-setup{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}.group-setup__legend{padding:0;margin-bottom:8px;font-weight:600;color:var(--text)}.group-setup__options{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;justify-self:start;border:1px solid var(--border);border-radius:12px;background:var(--surface-row)}.group-setup__option{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 12px;border-radius:8px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.group-setup__option:hover{color:var(--text)}.group-setup__option.is-active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.group-setup__option:focus-within{outline:2px solid var(--primary);outline-offset:1px}