.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;font-family:var(--font-body);cursor:pointer;text-decoration:none;white-space:nowrap;font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);outline:none}.ds-btn:focus-visible{box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-btn:active:not(:disabled){transform:scale(.97)}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn--block{width:100%}.ds-btn__label{display:inline-block;white-space:nowrap}.ds-btn__icon{display:inline-flex;align-items:center;justify-content:center}.ds-btn__icon svg{width:1em;height:1em}.ds-btn--primary{background:var(--brand-500);color:var(--text-inverse);font-weight:var(--weight-bold)}.ds-btn--primary:hover:not(:disabled){background:var(--brand-400)}.ds-btn--primary:active:not(:disabled){background:var(--brand-600)}.ds-btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.ds-btn--secondary:hover:not(:disabled){background:var(--surface-1);border-color:var(--border-strong)}.ds-btn--ghost{background:transparent;color:var(--text-secondary)}.ds-btn--ghost:hover:not(:disabled){background:var(--surface-1);color:var(--text-primary)}.ds-btn--destructive{background:var(--danger-500);color:var(--text-primary)}.ds-btn--destructive:hover:not(:disabled){background:var(--danger-600)}.ds-btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:32px}.ds-btn--md{font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:44px}.ds-btn--lg{font-size:var(--text-md);padding:var(--space-4) var(--space-6);min-height:56px}.ds-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:ds-btn-spin .6s linear infinite}@keyframes ds-btn-spin{to{transform:rotate(360deg)}}.ds-btn--loading .ds-btn__label{opacity:.7}.ds-card{display:block;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-align:left;width:100%;font-family:inherit;color:inherit}.ds-card[as=button],button.ds-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ds-card--elev-0{background:transparent;border-color:var(--border-default)}.ds-card--elev-1{background:var(--surface-1);border-color:var(--border-subtle)}.ds-card--elev-2{background:var(--surface-2);border-color:var(--border-default)}.ds-card--elev-3{background:var(--surface-3);border-color:var(--border-default);box-shadow:var(--shadow)}:root[data-theme=light] .ds-card--elev-1{box-shadow:var(--shadow-sm)}:root[data-theme=light] .ds-card--elev-2{box-shadow:var(--shadow)}:root[data-theme=light] .ds-card--elev-3{box-shadow:var(--shadow-lg)}:root[data-theme=dark] .ds-card--elev-1,:root:not([data-theme=light]) .ds-card--elev-1{box-shadow:var(--shadow-sm)}:root[data-theme=dark] .ds-card--elev-2,:root:not([data-theme=light]) .ds-card--elev-2{box-shadow:var(--shadow-sm)}.ds-card--pad-none{padding:0}.ds-card--pad-sm{padding:var(--space-3)}.ds-card--pad-md{padding:var(--space-4)}.ds-card--pad-lg{padding:var(--space-6)}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{border-color:var(--border-strong)}.ds-card--interactive:active{transform:scale(.99)}.ds-card--interactive:focus{outline:none}.ds-card--interactive:focus-visible{box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bottom-nav);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface-base) 78%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border-subtle);max-width:var(--content-max);margin:0 auto}.ds-bottom-nav__inner{position:relative;display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;height:var(--bottom-nav-h);max-width:var(--content-max);margin:0 auto;padding:0 var(--space-2)}.ds-bottom-nav__inner.is-no-fab{grid-template-columns:repeat(4,1fr)}.ds-bottom-nav__fab-notch{width:64px;height:64px;margin:0 var(--space-3)}.ds-bottom-nav__tab,.ds-bottom-nav__slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;padding:var(--space-2) var(--space-1);min-height:56px;color:var(--text-muted);font-family:var(--font-body);transition:color var(--duration-fast) var(--ease-out)}.ds-bottom-nav__tab:hover{color:var(--text-secondary)}.ds-bottom-nav__tab.is-active{color:var(--brand-500)}.ds-bottom-nav__tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500);border-radius:var(--radius)}.ds-bottom-nav__tab-icon{display:inline-flex;align-items:center;justify-content:center}.ds-bottom-nav__tab-icon svg{width:24px;height:24px}.ds-bottom-nav__tab-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em}.ds-bottom-nav__fab{position:relative;margin:0 var(--space-3);transform:translateY(-18px);width:64px;height:64px;border-radius:var(--radius-full);background:var(--brand-500);color:var(--text-inverse);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000080,0 0 0 4px var(--surface-base);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.ds-bottom-nav__fab:hover{background:var(--brand-400);transform:translateY(-22px) scale(1.04)}.ds-bottom-nav__fab:active{background:var(--brand-600);transform:translateY(-16px) scale(.97)}.ds-bottom-nav__fab:focus-visible{outline:none;box-shadow:0 4px 12px #00000080,0 0 0 4px var(--surface-base),0 0 0 6px var(--brand-500)}.ds-bottom-nav__fab-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out)}.ds-bottom-nav__fab-icon.is-expanded{transform:rotate(45deg)}.ds-bottom-nav__fab-icon svg{width:28px;height:28px}.ds-bottom-nav__fab.is-expanded{background:var(--brand-600)}@media (prefers-reduced-motion: reduce){.ds-bottom-nav__fab,.ds-bottom-nav__tab,.ds-bottom-nav__fab-icon{transition:none}.ds-bottom-nav__fab:hover{transform:translateY(-18px)}}.ds-hero-elo{display:flex;flex-direction:column;gap:var(--space-3)}.ds-hero-elo__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.02em}.ds-hero-elo__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.ds-hero-elo__sub{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-2) 0}.ds-hero-elo__sub strong{color:var(--brand-500);font-weight:var(--weight-bold)}.ds-input-wrap{display:inline-flex;flex-direction:column;gap:var(--space-2)}.ds-input-wrap--block{display:flex;width:100%}.ds-input-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.01em;cursor:pointer}.ds-input-frame{position:relative;display:flex;align-items:center}.ds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius);font-family:var(--font-body);line-height:var(--leading-normal);font-size:16px;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none}.ds-input::placeholder{color:var(--text-muted)}.ds-input:hover:not(:disabled){border-color:var(--border-strong)}.ds-input:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-soft);background:var(--surface-2)}.ds-input--disabled,.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-input--sm{padding:var(--space-2) var(--space-3);min-height:36px}.ds-input--md{padding:var(--space-3) var(--space-4);min-height:44px}.ds-input--lg{padding:var(--space-4) var(--space-5);min-height:52px}.ds-input--has-left-icon{padding-left:var(--space-10)}.ds-input--has-right-icon{padding-right:var(--space-10)}.ds-input--error{border-color:var(--danger-500)}.ds-input--error:focus-visible{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-soft)}.ds-input-icon{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.ds-input-icon--left{left:var(--space-3)}.ds-input-icon--right{right:var(--space-3);pointer-events:auto;cursor:pointer}.ds-input-icon svg{width:18px;height:18px}.ds-input-hint,.ds-input-error{font-size:var(--text-xs);font-family:var(--font-body);line-height:var(--leading-snug)}.ds-input-hint{color:var(--text-muted)}.ds-input-error{color:var(--danger-500)}textarea.ds-input{min-height:96px;resize:vertical}.ds-input-pwd-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:4px;margin:0;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out)}.ds-input-pwd-toggle:hover{color:var(--text-primary)}.ds-input-pwd-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-500)}.ds-checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-body);padding:var(--space-2) 0}.ds-checkbox--disabled{opacity:.5;cursor:not-allowed}.ds-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-checkbox__box{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface-1);display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);margin-top:1px}.ds-checkbox__check{color:var(--text-inverse);opacity:0;transform:scale(.6);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.ds-checkbox__input:checked+.ds-checkbox__box{background:var(--brand-500);border-color:var(--brand-500)}.ds-checkbox__input:checked+.ds-checkbox__box .ds-checkbox__check{opacity:1;transform:scale(1)}.ds-checkbox:hover:not(.ds-checkbox--disabled) .ds-checkbox__box{border-color:var(--brand-500)}.ds-checkbox__input:focus-visible+.ds-checkbox__box{outline:none;box-shadow:0 0 0 3px var(--brand-soft)}.ds-checkbox:active:not(.ds-checkbox--disabled) .ds-checkbox__box{transform:scale(.92)}.ds-checkbox__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-checkbox__label{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-snug)}.ds-checkbox__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.ds-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none;font-family:var(--font-body);display:inline-flex;align-items:center;gap:4px;transition:color var(--duration-fast) var(--ease-out)}.ds-link--sm{font-size:var(--text-sm)}.ds-link--md{font-size:var(--text-base)}.ds-link--default{color:var(--brand-500);font-weight:var(--weight-semibold)}.ds-link--default:hover{color:var(--brand-400)}.ds-link--muted{color:var(--text-secondary);font-weight:var(--weight-medium)}.ds-link--muted:hover{color:var(--text-primary)}.ds-link--brand{color:var(--brand-500);font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:3px}.ds-link--brand:hover{color:var(--brand-400)}.ds-link:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);overflow:hidden;font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em;background:var(--ds-avatar-bg, var(--surface-2));color:var(--ds-avatar-fg, var(--text-primary));-webkit-user-select:none;user-select:none}.ds-avatar--clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-out)}.ds-avatar--clickable:hover{transform:scale(1.04)}.ds-avatar--clickable:active{transform:scale(.96)}.ds-avatar--clickable:focus-visible{outline:none;box-shadow:0 0 0 3px var(--surface-base),0 0 0 5px var(--brand-500)}.ds-avatar--xs{width:24px;height:24px;font-size:10px}.ds-avatar--sm{width:32px;height:32px;font-size:12px}.ds-avatar--md{width:44px;height:44px;font-size:16px}.ds-avatar--lg{width:64px;height:64px;font-size:22px}.ds-avatar--xl{width:96px;height:96px;font-size:32px}.ds-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.ds-avatar__initials{display:inline-flex;align-items:center;justify-content:center}.ds-avatar__status{position:absolute;bottom:0;right:0;width:30%;height:30%;min-width:8px;min-height:8px;max-width:16px;max-height:16px;border-radius:var(--radius-full);border:2px solid var(--surface-base)}.ds-avatar__status--online{background:var(--success-500)}.ds-avatar__status--offline{background:var(--text-muted)}.iv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);touch-action:none;-webkit-user-select:none;user-select:none;animation:iv-fade-in .18s ease-out}@keyframes iv-fade-in{0%{opacity:0}to{opacity:1}}.iv-image{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none;transform-origin:center center;will-change:transform}.iv-close{position:absolute;top:calc(env(safe-area-inset-top,0) + 16px);right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:22px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s ease}.iv-close:hover,.iv-close:active{background:#ffffff40}.iv-close:focus-visible{outline:2px solid white;outline-offset:2px}.ds-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-chip:hover:not(.ds-chip--disabled):not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.ds-chip:active:not(.ds-chip--disabled):not(:disabled){transform:scale(.97)}.ds-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-chip--disabled,.ds-chip:disabled{opacity:.5;cursor:not-allowed}.ds-chip--sm{font-size:var(--text-xs);padding:4px 10px;min-height:26px}.ds-chip--md{font-size:var(--text-sm);padding:6px 14px;min-height:34px}.ds-chip--default.ds-chip--selected{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.ds-chip--brand.ds-chip--selected{background:var(--brand-500);border-color:var(--brand-500);color:var(--text-inverse)}.ds-chip--brand.ds-chip--selected:hover:not(:disabled){background:var(--brand-400);border-color:var(--brand-400);color:var(--text-inverse)}.ds-chip--brand:not(.ds-chip--selected){border-color:var(--border-brand);color:var(--brand-500)}.ds-chip__icon,.ds-chip__remove{display:inline-flex;align-items:center;justify-content:center}.ds-chip__icon svg{width:1em;height:1em}.ds-chip__remove{margin-right:-4px;padding:2px;border-radius:var(--radius-full);cursor:pointer;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.ds-chip__remove:hover{opacity:1;background:#0003}.ds-chip__remove svg{width:14px;height:14px}.ds-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;line-height:1}.ds-badge--sm{font-size:10px;padding:4px 8px}.ds-badge--md{font-size:var(--text-xs);padding:6px 12px}.ds-badge--default{background:var(--surface-2);color:var(--text-secondary)}.ds-badge--brand{background:var(--brand-soft);color:var(--brand-500)}.ds-badge--success{background:var(--success-soft);color:var(--success-500)}.ds-badge--warning{background:var(--warning-soft);color:var(--warning-500)}.ds-badge--danger{background:var(--danger-soft);color:var(--danger-500)}.ds-badge--info{background:var(--info-soft);color:var(--info-500)}.ds-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.ds-badge--pulse .ds-badge__dot{animation:ds-badge-pulse 1.6s ease-in-out infinite}@keyframes ds-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ds-badge__icon{display:inline-flex;align-items:center;justify-content:center}.ds-badge__icon svg{width:12px;height:12px}@media (prefers-reduced-motion: reduce){.ds-badge--pulse .ds-badge__dot{animation:none}}.ds-skeleton{display:block;background:linear-gradient(90deg,var(--surface-1) 0%,var(--surface-2) 50%,var(--surface-1) 100%);background-size:200% 100%;animation:ds-skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.ds-skeleton--rounded{border-radius:var(--radius)}.ds-skeleton--text{width:100%;height:1em;border-radius:var(--radius-sm)}.ds-skeleton--circle{width:44px;height:44px;border-radius:var(--radius-full)}.ds-skeleton--card{width:100%;height:120px;border-radius:var(--radius-lg)}.ds-skeleton-list{display:flex;flex-direction:column;gap:var(--space-3)}@keyframes ds-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.ds-skeleton{animation:none;background:var(--surface-1)}}.ds-activity-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-body);text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-activity-item--clickable{cursor:pointer}.ds-activity-item--clickable:hover{border-color:var(--border-default);background:var(--surface-2)}.ds-activity-item--clickable:active{transform:scale(.99)}.ds-activity-item--clickable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-activity-item__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);flex-shrink:0}.ds-activity-item__icon svg{width:20px;height:20px}.ds-activity-item__icon--brand{background:var(--brand-soft);color:var(--brand-500)}.ds-activity-item__icon--info{background:var(--info-soft);color:var(--info-500)}.ds-activity-item__icon--success{background:var(--success-soft);color:var(--success-500)}.ds-activity-item__icon--warning{background:var(--warning-soft);color:var(--warning-500)}.ds-activity-item__icon--danger{background:var(--danger-soft);color:var(--danger-500)}.ds-activity-item__icon--neutral{background:var(--surface-2);color:var(--text-secondary)}.ds-activity-item__body{display:flex;flex-direction:column;min-width:0;gap:2px}.ds-activity-item__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-activity-item__subtitle{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-muted);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-activity-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;text-align:right}.ds-activity-item__meta-value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ds-activity-item__meta-value--brand{color:var(--brand-500)}.ds-activity-item__meta-value--success{color:var(--success-500)}.ds-activity-item__meta-value--info{color:var(--info-500)}.ds-activity-item__meta-value--warning{color:var(--warning-500)}.ds-activity-item__meta-value--danger{color:var(--danger-500)}.ds-activity-item__meta-value--neutral{color:var(--text-secondary)}.ds-activity-item__timestamp{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.ds-action-grid{display:grid;gap:var(--space-3);width:100%}.ds-action-grid-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-action-grid-item--disabled,.ds-action-grid-item:disabled{opacity:.5;cursor:not-allowed}.ds-action-grid-item:hover:not(:disabled){color:var(--text-primary)}.ds-action-grid-item:hover:not(:disabled) .ds-action-grid-item__icon{border-color:var(--border-strong);background:var(--surface-2)}.ds-action-grid-item:active:not(:disabled){transform:scale(.96)}.ds-action-grid-item:focus-visible{outline:none}.ds-action-grid-item:focus-visible .ds-action-grid-item__icon{box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-action-grid-item__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;max-width:72px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}:root[data-theme=light] .ds-action-grid-item__icon{box-shadow:var(--shadow-sm)}.ds-action-grid-item__icon svg{width:28px;height:28px}.ds-action-grid-item__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em;text-align:center;line-height:var(--leading-snug)}.ds-action-grid-item__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:var(--brand-500);color:var(--text-inverse);border:2px solid var(--surface-base);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.ds-upcoming-match{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--text-primary);text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-upcoming-match--clickable{cursor:pointer}.ds-upcoming-match--clickable:hover{border-color:var(--border-default);background:var(--surface-2)}.ds-upcoming-match--clickable:active{transform:scale(.99)}.ds-upcoming-match--clickable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-upcoming-match--active{border-color:var(--danger-500);background:linear-gradient(135deg,var(--surface-1) 0%,rgba(239,68,68,.08) 100%)}.ds-upcoming-match--paused{border-color:var(--warning-500);background:linear-gradient(135deg,var(--surface-1) 0%,color-mix(in srgb,var(--warning-500) 8%,var(--surface-1)) 100%)}.ds-upcoming-match__header{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-3)}.ds-upcoming-match__header-left{flex-shrink:0}.ds-upcoming-match__header-center{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;min-width:0}.ds-upcoming-match__date{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.ds-upcoming-match__venue{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-upcoming-match__arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;align-self:center}.ds-upcoming-match__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.ds-upcoming-match__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.ds-upcoming-match__team--left,.ds-upcoming-match__team--right{align-items:center}.ds-upcoming-match__avatars{display:flex;gap:-8px}.ds-upcoming-match__avatars>*+*{margin-left:-10px;border:2px solid var(--surface-1);border-radius:var(--radius-full)}.ds-upcoming-match--active .ds-upcoming-match__avatars>*+*{border-color:var(--surface-1)}.ds-upcoming-match__names{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.ds-upcoming-match__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-upcoming-match__vs{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-muted);font-size:var(--text-md);letter-spacing:.04em;flex-shrink:0;padding:0 var(--space-2)}.ds-upcoming-match__score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ds-upcoming-match__live-text{font-size:10px;letter-spacing:.06em}.ds-invite-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--text-primary);text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-invite-card--clickable{cursor:pointer}.ds-invite-card--clickable:active{transform:scale(.99)}.ds-invite-card--clickable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}@media (hover: hover){.ds-invite-card--clickable:hover{border-color:var(--border-default);background:var(--surface-2)}}.ds-invite-card--in{border-color:color-mix(in srgb,var(--brand-500) 38%,var(--border-subtle));background:linear-gradient(135deg,var(--surface-1) 0%,color-mix(in srgb,var(--brand-500) 8%,var(--surface-1)) 100%)}.ds-invite-card__header{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-3)}.ds-invite-card__header-left{flex-shrink:0}.ds-invite-card__header-center{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;min-width:0}.ds-invite-card__date{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.ds-invite-card__venue{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-invite-card__arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;align-self:center}.ds-invite-card__body{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ds-invite-card__avatars{display:flex;flex-shrink:0}.ds-invite-card__avatars>*+*{margin-left:-10px;border:2px solid var(--surface-1);border-radius:var(--radius-full)}.ds-invite-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-invite-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-invite-card__sub{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-match-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);font-family:var(--font-body);color:var(--text-primary);text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-match-card--compact{gap:var(--space-1);padding:var(--space-1) var(--space-3)}.ds-match-card--clickable{cursor:pointer}.ds-match-card--clickable:hover{border-color:var(--border-default);background:var(--surface-2)}.ds-match-card--clickable:active{transform:scale(.99)}.ds-match-card--clickable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-match-card--in-progress{border-color:var(--danger-500);background:linear-gradient(135deg,var(--surface-1) 0%,rgba(239,68,68,.05) 100%)}.ds-match-card--in-progress.ds-match-card--clickable:hover{background:linear-gradient(135deg,var(--surface-2) 0%,rgba(239,68,68,.1) 100%)}.ds-match-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ds-match-card__header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-match-card__header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ds-match-card__date{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.01em}.ds-match-card__venue{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-match-card__venue--inline{min-width:0;align-self:center}.ds-match-card__teams{display:flex;flex-direction:column;gap:var(--space-1)}.ds-match-card__aborted-note{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-xs)}.ds-match-card__set-headers{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:var(--space-3);padding-bottom:var(--space-1)}.ds-match-card__set-headers-cells{display:inline-flex;gap:var(--space-2)}.ds-match-card__set-header{display:inline-flex;align-items:center;justify-content:center;min-width:28px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ds-match-card__team-row{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:var(--space-3);padding:2px 0}.ds-match-card__team-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;letter-spacing:-.005em}.ds-match-card__team-row.is-winner .ds-match-card__team-name{font-weight:var(--weight-bold);color:var(--brand-500)}.ds-match-card__sets{display:inline-flex;gap:var(--space-2);flex-shrink:0}.ds-match-card__set{display:inline-flex;align-items:center;justify-content:center;min-width:28px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:0}.ds-match-card__set.is-won{color:var(--brand-500)}.ds-match-card__set.is-lost{color:var(--text-muted)}.ds-match-card__set.is-super{font-size:var(--text-sm);letter-spacing:-.5px}.ds-match-card__trophy,.ds-match-card__trophy-placeholder{width:22px;display:inline-flex;align-items:center;justify-content:center}.ds-match-card__trophy{font-size:16px;filter:drop-shadow(0 0 4px var(--brand-glow, rgba(154, 191, 40, .5)))}.ds-match-card__footer{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);letter-spacing:.01em;line-height:var(--leading-snug)}.ds-match-card__footer-left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-match-card__footer-right{flex-shrink:0;font-weight:var(--weight-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}.ds-seg{display:inline-flex;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:3px;gap:2px}.ds-seg--block{display:flex;width:100%}.ds-seg__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--text-secondary);border:0;border-radius:calc(var(--radius) - 3px);font-family:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ds-seg__tab>span{overflow:hidden;text-overflow:ellipsis}.ds-seg__tab.is-upcoming{color:var(--text-muted);opacity:.7}.ds-seg__badge{font-size:9px;font-weight:var(--weight-black);letter-spacing:.06em;padding:2px 4px;border-radius:4px;background:var(--surface-2);color:var(--text-muted);line-height:1}.ds-seg--md .ds-seg__badge{font-size:9px}.ds-seg--sm .ds-seg__badge{font-size:8px;padding:2px 3px}.ds-seg__tab.is-active.is-upcoming{color:var(--text-inverse);opacity:1}.ds-seg__tab.is-active .ds-seg__badge{background:#0003;color:var(--text-inverse)}.ds-seg__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--danger-500);animation:ds-play-pulse 1.8s ease-out infinite;flex-shrink:0}.ds-seg--sm .ds-seg__tab{padding:6px 10px;font-size:var(--text-xs);min-height:28px}.ds-seg--md .ds-seg__tab{padding:8px 14px;font-size:var(--text-sm);min-height:44px}.ds-seg__tab:hover{color:var(--text-primary)}.ds-seg__tab.is-active{background:var(--brand-500);color:var(--text-inverse)}.ds-seg__tab.is-active:hover{color:var(--text-inverse)}.ds-seg__tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}@media (prefers-reduced-motion: reduce){.ds-seg__tab{transition:none}}.ds-filter-bar{background:color-mix(in srgb,var(--surface-base) 85%,transparent);border-bottom:1px solid var(--border-subtle);margin-inline:calc(-1 * var(--space-5));padding-inline:var(--space-5)}.ds-filter-bar__inner{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-3)}.ds-filter-bar--dense .ds-filter-bar__inner{padding-block:var(--space-2);gap:var(--space-1)}.ds-filter-bar__row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.ds-filter-bar__row--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ds-filter-bar__row--scroll::-webkit-scrollbar{display:none}.ds-filter-bar--sticky{position:sticky;top:calc(var(--topbar-h, 0px) + env(safe-area-inset-top,0px));z-index:10;background:color-mix(in srgb,var(--surface-base) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ds-ptr-indicator{position:fixed;top:calc(env(safe-area-inset-top) + var(--topbar-h, 0px));left:0;right:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-3);z-index:10;pointer-events:none}.ds-ptr-spinner{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border-default);color:var(--text-muted);box-shadow:0 2px 8px #00000026;transition:transform var(--duration-fast, .2s) var(--ease-out, ease-out),border-color var(--duration-fast, .2s) var(--ease-out, ease-out),color var(--duration-fast, .2s) var(--ease-out, ease-out),box-shadow var(--duration-fast, .2s) var(--ease-out, ease-out)}.ds-ptr-spinner.is-ready,.ds-ptr-spinner.is-spinning{color:var(--brand-500);border-color:var(--brand-500);box-shadow:0 2px 12px var(--brand-glow, rgba(154, 191, 40, .25))}.ds-ptr-spinner.is-ready{transform:scale(1.1)}.ds-ptr-spinner.is-flipped svg{transform:rotate(180deg);transition:transform var(--duration-fast, .2s) var(--ease-out, ease-out)}.ds-ptr-spinner svg{transition:transform var(--duration-fast, .2s) var(--ease-out, ease-out)}.ds-ptr-circle{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--brand-500);border-radius:var(--radius-full);animation:ds-ptr-spin .8s linear infinite}@keyframes ds-ptr-spin{to{transform:rotate(360deg)}}.ds-ptr-content{transition:transform .25s ease-out}.ds-ptr-content.is-dragging{transition:none}@media (prefers-reduced-motion: reduce){.ds-ptr-spinner,.ds-ptr-spinner svg,.ds-ptr-content{transition:none!important}.ds-ptr-circle{animation:none;border-top-color:var(--brand-500);border-color:var(--brand-500)}}.ds-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none}.ds-bottom-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto;animation:ds-bottom-sheet-fade-in var(--duration) var(--ease-out)}.ds-bottom-sheet__panel{position:relative;background:var(--surface-3);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 32px #00000052;display:flex;flex-direction:column;padding:var(--space-3) var(--space-5) 0;width:100%;max-width:var(--content-max);max-height:80vh;overflow:hidden;pointer-events:auto;animation:ds-bottom-sheet-slide-up var(--duration) var(--ease-spring);transition:transform var(--duration) var(--ease-spring)}@keyframes ds-bottom-sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ds-bottom-sheet__handle{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;margin:0 auto var(--space-3);padding:var(--space-3);cursor:pointer;touch-action:none}.ds-bottom-sheet__handle:before{content:"";display:block;width:48px;height:5px;background:var(--text-muted);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out)}.ds-bottom-sheet__handle:hover:before,.ds-bottom-sheet__handle:focus-visible:before,.ds-bottom-sheet__handle:active:before{background:var(--text-primary)}.ds-bottom-sheet__header{margin-bottom:var(--space-3)}.ds-bottom-sheet__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center}.ds-bottom-sheet__body{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--space-5) + var(--safe-bottom))}.ds-bottom-sheet__panel--has-footer .ds-bottom-sheet__body{padding-bottom:var(--space-3)}.ds-bottom-sheet__footer{flex:0 0 auto;margin-inline:calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5) calc(var(--space-3) + var(--safe-bottom));border-top:1px solid var(--border-subtle);background:var(--surface-3)}@media (prefers-reduced-motion: reduce){.ds-bottom-sheet__backdrop,.ds-bottom-sheet__panel{animation:none}}.ds-info-tip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:50%;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-bold);line-height:1;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ds-info-tip:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-default)}.ds-info-tip:active{transform:scale(.94)}.ds-info-tip:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.ds-info-tip__body{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed, 1.55)}.ds-info-tip__body p{margin:0 0 var(--space-3) 0}.ds-info-tip__body p:last-child{margin-bottom:0}.ds-info-tip__body strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.ds-info-tip__body ul{margin:0 0 var(--space-3) 0;padding-left:var(--space-5)}.ds-info-tip__body li{margin-bottom:var(--space-1)}.ds-notifications-bell{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;border-radius:var(--radius);transition:background var(--duration-fast) var(--ease-out)}.ds-notifications-bell:hover{background:var(--surface-1)}.ds-notifications-bell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-notifications-bell__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger-500);color:#fff;border-radius:8px;font-size:10px;font-weight:var(--weight-bold);line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.ds-topbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-top-bar, 500);padding-top:env(safe-area-inset-top);background:var(--surface-base);border-bottom:1px solid var(--border-subtle);max-width:var(--content-max);margin:0 auto}:root[data-theme=light] .ds-topbar{box-shadow:var(--shadow-sm)}.ds-topbar__inner{display:grid;grid-template-columns:minmax(56px,max-content) 1fr minmax(56px,max-content);align-items:center;height:56px;padding:0 var(--space-3)}.ds-topbar__left,.ds-topbar__right{display:flex;align-items:center;min-width:0;gap:var(--space-1)}.ds-topbar__right{justify-content:flex-end;overflow:hidden}.ds-topbar__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.ds-topbar__logo{height:46px;width:auto;display:block}.ds-topbar__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;border-radius:var(--radius);transition:background var(--duration-fast) var(--ease-out)}.ds-topbar__back:hover{background:var(--surface-1)}.ds-topbar__back:active{transform:scale(.96)}.ds-topbar__back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-topbar{transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ds-topbar--overlay{background:transparent;border-bottom-color:transparent}:root[data-theme=light] .ds-topbar--overlay:not(.ds-topbar--solid){box-shadow:none}.ds-topbar--overlay.ds-topbar--solid{background:var(--surface-base);border-bottom-color:var(--border-subtle)}.ds-topbar--overlay:not(.ds-topbar--solid) .ds-topbar__back,.ds-topbar--overlay:not(.ds-topbar--solid) .ds-topbar__right button{background:#0000006b;color:#fff;border-radius:var(--radius-full)}.ds-topbar--overlay:not(.ds-topbar--solid) .ds-topbar__back:hover{background:#0000008c}.ds-topbar__title{transition:opacity var(--duration-fast) var(--ease-out)}.ds-topbar--overlay:not(.ds-topbar--solid) .ds-topbar__title{opacity:0}@media (prefers-reduced-motion: reduce){.ds-topbar__back{transition:none}}.verify-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--warning-300, #fcd34d);background:var(--warning-soft, #fef3c7);color:var(--text-primary);position:relative}:root[data-theme=dark] .verify-card,:root:not([data-theme=light]) .verify-card{background:#fcd34d1a;border-color:#fcd34d59}.verify-card--inbox{padding:var(--space-3) var(--space-4)}.verify-card__icon{flex-shrink:0;font-size:24px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.verify-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.verify-card__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-tight)}.verify-card__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.verify-card__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.verify-card__primary{padding:8px 14px;background:var(--brand-500);color:var(--text-inverse);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease-out)}.verify-card__primary:hover:not(:disabled){background:var(--brand-600)}.verify-card__primary:disabled{opacity:.6;cursor:not-allowed}.verify-card__secondary{background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;padding:8px 4px;font-family:inherit;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.verify-card__secondary:hover:not(:disabled){text-decoration-color:currentColor}.verify-card__secondary:disabled{opacity:.6;cursor:not-allowed}.verify-card__dismiss{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:22px;line-height:1;padding:0;border-radius:var(--radius);transition:background var(--duration-fast) var(--ease-out);font-family:inherit}.verify-card__dismiss:hover{background:#0000000d;color:var(--text-primary)}:root[data-theme=dark] .verify-card__dismiss:hover,:root:not([data-theme=light]) .verify-card__dismiss:hover{background:#ffffff0f}.screen.screen--history .ds-seg__tab{min-height:32px;padding-top:4px;padding-bottom:4px}.hv2{display:flex;flex-direction:column;min-height:100%;background:var(--surface-base);padding-top:calc(env(safe-area-inset-top) + var(--topbar-h, 0px));padding-bottom:calc(var(--bottom-nav-h) + var(--space-6) + var(--safe-bottom))}.hv2__greeting{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.hv2__bell{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-2);margin:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.hv2__bell:hover{background:var(--surface-1)}.hv2__bell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.hv2__main{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-3) var(--space-5) var(--space-6);max-width:var(--content-max);width:100%;margin:0 auto}.hv2__section{display:flex;flex-direction:column;gap:var(--space-3)}.hv2__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hv2__section-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin:0}.hv2__section-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--brand-500);flex-shrink:0}.hv2__section-link:hover{color:var(--brand-400)}.hv2__section-link:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px}.hv2__empty-text{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center}.hv2__secondary-link{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-2) 0 0 0;margin:0 auto;cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--brand-500);text-align:center;width:100%}.hv2__secondary-link:hover{color:var(--brand-400);text-decoration:underline;text-underline-offset:2px}.hv2__secondary-link:focus-visible{outline:none;text-decoration:underline;text-underline-offset:2px}.hv2__activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.hv2-rank-pl{display:flex;flex-direction:column;gap:var(--space-4)}.hv2-rank-pl__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.hv2-rank-pl__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.02em}.hv2-rank-pl__soon{display:inline-flex;align-items:center;padding:4px 10px;background:var(--warning-soft);color:var(--warning-500);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hv2-rank-pl__stats{display:flex;align-items:stretch;gap:var(--space-4)}.hv2-rank-pl__stat{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hv2-rank-pl__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.hv2-rank-pl__sublabel{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.hv2-rank-pl__divider{width:1px;background:var(--border-subtle);align-self:stretch}.hv2-rank-pl__cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-end;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.hv2-rank-pl__cta:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.hv2-rank-pl__cta:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);min-height:60vh;color:var(--text-primary)}.ds-error-boundary__icon{font-size:48px;color:var(--warning-500);filter:drop-shadow(0 0 12px var(--warning-soft))}.ds-error-boundary__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.ds-error-boundary__message{margin:0;font-size:var(--text-sm);color:var(--text-secondary);max-width:32ch;line-height:var(--leading-relaxed)}.ds-error-boundary__actions{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center}.ds-error-boundary__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brand-500);color:var(--text-inverse);border:1px solid var(--brand-500);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.ds-error-boundary__btn:hover{background:var(--brand-400)}.ds-error-boundary__btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.ds-error-boundary__btn--ghost:hover{background:var(--surface-2)}.ds-court-page{display:flex;flex-direction:column;min-height:100%;background:var(--surface-base);padding:calc(env(safe-area-inset-top) + var(--topbar-h, 0px) + var(--screen-top-spacing, 0px)) var(--space-5) calc(var(--space-6) + var(--safe-bottom));gap:var(--space-4)}.ds-court-page--has-nav{padding-bottom:calc(var(--bottom-nav-h) + var(--space-6) + env(safe-area-inset-bottom))}.ds-court-page__hero{display:flex;flex-direction:column;gap:var(--space-2)}.ds-court-page__state-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ds-court-page__venue{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.01em}.ds-court-page__match-duration{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.01em;font-variant-numeric:tabular-nums}.ds-court-page__info-row{display:flex;align-items:center;gap:var(--space-3)}.ds-court-page__info-icon{font-size:24px;line-height:1}.ds-court-page__info-text{color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-snug)}.ds-court-page__info-text strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--brand-500);margin-right:2px}.ds-court-page__last-visit{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.ds-court-page__section-title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-court-page__last-visit-meta{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.ds-court-page__main{display:flex;flex-direction:column;gap:var(--space-3)}.ds-court-page__hint{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.ds-court-page__muted{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.ds-court-page__sched{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.ds-court-page__sched-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--brand-600)}.ds-court-page__sched-players{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.ds-court-page__sched-meta{font-size:var(--text-sm);color:var(--text-secondary)}.ds-court-page__live{display:flex;flex-direction:column;gap:var(--space-2)}.ds-court-page__live-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.ds-court-page__live-team{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-court-page__serve-dot{flex-shrink:0;width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand-500)}.ds-court-page__live-cells{display:inline-flex;gap:var(--space-2);flex-shrink:0}.ds-court-page__live-set{min-width:22px;text-align:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted)}.ds-court-page__live-set.is-current{color:var(--brand-500)}.ds-court-page__live-meta{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.ds-court-page__preload{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffc8321f,#ff9f1c14);border:1px solid rgba(255,200,50,.35)}.ds-court-page__preload-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-black);color:var(--warning-500);text-transform:uppercase;letter-spacing:.04em}.ds-court-page__preload-body{font-size:var(--text-base);color:var(--text-primary);word-break:break-word}.ds-court-page__preload-body strong{font-weight:var(--weight-bold)}.ds-court-page__preload-creator{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.ds-court-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-5);text-align:center}.ds-court-page__error-icon{font-size:40px;line-height:1}.ds-court-page__loading{display:flex;flex-direction:column;gap:var(--space-3)}.ds-welcome{display:flex;flex-direction:column;min-height:100%;background:var(--surface-base);padding:calc(var(--space-8) + var(--safe-top)) var(--space-5) calc(var(--space-6) + var(--safe-bottom));gap:var(--space-8)}.ds-welcome__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.ds-welcome__logo{height:56px;width:auto;max-width:70%;object-fit:contain;display:block}.ds-welcome__title{margin:0;font-family:var(--font-display);font-size:clamp(28px,7vw,36px);font-weight:var(--weight-black);color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;max-width:18ch}.ds-welcome__title .ds-welcome__title-accent{color:var(--brand-500)}.ds-welcome__subtitle{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);max-width:30ch}.ds-welcome__ctas{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px;margin:0 auto}.ds-welcome__qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--brand-soft);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;max-width:360px;margin:0 auto;width:100%}.ds-welcome__qr--clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-welcome__qr--clickable:hover{background:color-mix(in srgb,var(--brand-soft) 60%,var(--brand-500) 10%);border-color:var(--brand-500)}.ds-welcome__qr--clickable:active{transform:scale(.99)}.ds-welcome__qr-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-500);text-transform:uppercase;letter-spacing:.05em}.ds-welcome__qr-desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.ds-welcome__how{display:flex;flex-direction:column;gap:var(--space-4)}.ds-welcome__how-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;letter-spacing:-.01em}.ds-welcome__how-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.ds-welcome__how-card{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.ds-welcome__how-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);background:var(--brand-soft);color:var(--brand-500);flex-shrink:0}.ds-welcome__how-card-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ds-welcome__how-card-title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.005em}.ds-welcome__how-card-desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}@media (min-width: 600px){.ds-welcome__how-grid{grid-template-columns:repeat(3,1fr)}.ds-welcome__how-card{flex-direction:column;align-items:center;text-align:center}}.ds-welcome__footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:auto;text-align:center}.ds-welcome__footer-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.ds-welcome__cl-card{width:min(560px,calc(100vw - var(--space-8)));max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.ds-welcome__cl-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.ds-welcome__cl-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-welcome__cl-body{padding:var(--space-3) var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.ds-welcome__cl-entry{display:flex;flex-direction:column;gap:var(--space-1)}.ds-welcome__cl-ver{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-welcome__cl-ver-desc{color:var(--text-muted);font-weight:var(--weight-regular);margin-left:var(--space-1);font-size:var(--text-xs);letter-spacing:0}.ds-welcome__cl-items{margin:var(--space-1) 0 0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:3px;font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.ds-config__teams{display:grid;gap:var(--space-3)}.ds-config__teams--2v2{grid-template-columns:1fr 1fr}.ds-config__teams--1v1{grid-template-columns:1fr}@media (max-width: 360px){.ds-config__teams--2v2{grid-template-columns:1fr}}.ds-config__team{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);min-width:0}.ds-config__team-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-slot{display:flex;align-items:flex-start;gap:var(--space-1)}.ds-slot .player-input-wrap{flex:1;min-width:0}.ds-config__teams--v2 .cfg-input{height:54px}.ds-slot__pill{flex:1;min-width:0;min-height:54px;display:flex;align-items:center;gap:var(--space-2);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius);padding:6px 8px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.ds-slot__pill:active{cursor:grabbing}.ds-slot__pill-avatar{flex:0 0 auto;pointer-events:none;-webkit-touch-callout:none}.ds-slot__pill-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.ds-slot__pill-name{min-width:0;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-slot__pill-meta{display:flex;align-items:center;gap:6px;min-width:0}.ds-slot__pill-handle{flex:0 1 auto;min-width:0;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-slot__pill-badge{flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--border-default);color:var(--text-muted)}.ds-slot__pill-badge--me{color:var(--brand-500);border-color:var(--brand-500)}.ds-slot__pill-badge--guest{color:var(--text-muted)}.ds-slot__pill-clear{flex:0 0 auto;align-self:center;background:none;border:none;padding:6px;font-size:var(--text-base);line-height:1;color:var(--text-muted);cursor:pointer;touch-action:manipulation}.ds-slot__pill-clear:hover,.ds-slot__pill-clear:active{color:var(--text-primary)}.ds-slot__pill--locked{border-color:var(--brand-500);background:var(--surface-2)}.ds-slot--dragging{opacity:.35}.ds-slot--drop{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:8px}.ds-slot__grip{flex-shrink:0;width:18px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1}.ds-slot__grip:active{cursor:grabbing}.ds-slot__grip--empty{visibility:hidden;pointer-events:none}.ds-slot__ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.96;box-shadow:var(--shadow-xl);border-radius:8px}.ds-slot__locked{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;background:var(--surface-2);border:1px solid var(--brand-500);border-radius:8px}.ds-slot__locked-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);color:var(--text-primary)}.ds-slot__locked-name--tag{color:var(--brand-500);font-weight:var(--weight-medium)}.ds-slot__lock{flex-shrink:0;font-size:12px}.ds-slot__me{flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--brand-600, var(--brand-500));background:var(--brand-soft);border-radius:var(--radius-full, 999px);padding:2px 7px;align-self:center}.ds-rules{display:flex;flex-direction:column;gap:var(--space-2)}.ds-rules__title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-rules__list{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.ds-rules__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:52px}.ds-rules__row.is-last{border-bottom:none}.ds-rules__row-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:-.005em;flex-shrink:0}.ds-rules__row-value{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:right;min-width:0}.ds-rules__row-value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.ds-rules__row-chevron{color:var(--text-muted);font-size:14px;line-height:1;margin-top:-2px;font-weight:var(--weight-bold)}.ds-rules__row-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:transparent}.ds-rules__row:focus-within{background:var(--surface-2)}.ds-rules__row:active{background:var(--surface-2)}.ds-rules__row-help{margin:0;padding:10px var(--space-4) 12px;background:var(--surface-base);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);border-bottom:1px solid var(--border-subtle)}.ds-rules__row-help span{margin-right:4px}.ds-rules__row--segmented{gap:var(--space-2)}.ds-rules__segmented{display:inline-flex;background:var(--surface-2);border-radius:var(--radius);padding:2px;flex-shrink:0}.ds-rules__seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;padding:6px 10px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);border-radius:calc(var(--radius) - 2px);letter-spacing:.01em;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ds-rules__seg-btn:hover{color:var(--text-primary)}.ds-rules__seg-btn.is-selected{background:var(--brand-500);color:var(--brand-on)}.ds-rules__seg-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-1),0 0 0 4px var(--brand-500)}.ds-rules__row.is-locked{opacity:.85}.ds-rules__row.is-locked .ds-rules__row-value-text{color:var(--text-muted)}.ds-rules__lock{font-size:12px;margin-left:4px;vertical-align:baseline}.ds-rules__row-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ds-rules__row-locked-overlay:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.ds-rules__row.is-locked.ds-rules__row--segmented .ds-rules__seg-btn:not(.is-selected){opacity:.4;cursor:not-allowed}.ds-rules--readonly{background:var(--brand-soft, var(--surface-1));border:1px solid var(--brand-500);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ds-rules__readonly-header{display:flex;align-items:center;gap:var(--space-2)}.ds-rules__trophy{font-size:16px;line-height:1}.ds-rules__readonly-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-700, var(--brand-500));letter-spacing:-.005em}.ds-rules__readonly-summary{margin:0;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}@media (prefers-reduced-motion: reduce){.ds-rules__seg-btn{transition:none}}.ds-config{padding-bottom:0}.ds-config__header{position:sticky;top:0;z-index:50;display:flex;align-items:flex-start;gap:var(--space-3);background:var(--surface-base);margin-top:calc(-1*env(safe-area-inset-top));margin-left:calc(-1*max(16px,env(safe-area-inset-left)));margin-right:calc(-1*max(16px,env(safe-area-inset-right)));padding-top:max(env(safe-area-inset-top),var(--space-4));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:var(--space-2)}.ds-config__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ds-config__back:hover{background:var(--surface-2);border-color:var(--border-default)}.ds-config__back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-config__header-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ds-config__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.ds-config__venue{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-config__venue--loading{color:var(--text-muted)}.ds-config__preload-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-config__main{display:flex;flex-direction:column;gap:var(--space-5);flex:1}.ds-config__sched-offer{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--brand-soft);border:1px solid var(--brand-500);border-radius:var(--radius-lg)}.ds-config__sched-offer-text{display:flex;flex-direction:column;gap:var(--space-1)}.ds-config__sched-offer-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--brand-600)}.ds-config__sched-offer-players{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.ds-config__sched-offer-meta{font-size:var(--text-sm);color:var(--text-secondary)}.ds-config__sched-offer-actions{display:flex;gap:var(--space-2);align-items:center}.ds-config__quick{display:flex;flex-direction:column;gap:var(--space-3)}.ds-config__row{display:flex;flex-direction:column;gap:var(--space-2)}.ds-config__row-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-config__chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-config__players{display:flex;flex-direction:column;gap:var(--space-3)}.ds-config__players-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ds-config__section-title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-config__hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.ds-config__kind{display:flex;flex-direction:column;gap:var(--space-2)}.ds-config__kind-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.ds-config__kind-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-config__kind-btn:hover{background:var(--surface-2)}.ds-config__kind-btn:active{transform:scale(.99)}.ds-config__kind-btn.is-selected{background:var(--brand-soft, var(--surface-2));border-color:var(--brand-500)}.ds-config__kind-btn.is-disabled{opacity:.5;cursor:not-allowed}.ds-config__kind-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-config__kind-btn-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.005em}.ds-config__kind-btn.is-selected .ds-config__kind-btn-label{color:var(--brand-500)}.ds-config__kind-btn-help{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-config__kind-info{margin:0;padding:var(--space-2) var(--space-3);background:var(--surface-1);border-left:3px solid var(--brand-500);border-radius:var(--radius-sm, 4px);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug)}.ds-config__quick-add{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.ds-config__quick-add-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-config__quick-add-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-config__advanced{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius)}.ds-config__advanced-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-secondary);letter-spacing:.01em;list-style:none;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-out)}.ds-config__advanced-summary::-webkit-details-marker{display:none}.ds-config__advanced-summary:after{content:"⌄";font-size:18px;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out);margin-left:auto}.ds-config__advanced[open] .ds-config__advanced-summary:after{transform:rotate(180deg)}.ds-config__advanced[open] .ds-config__advanced-summary{color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.ds-config__advanced-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--brand-500);color:var(--brand-on);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.ds-config__advanced-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.ds-config__error{margin:0;color:var(--danger-500);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-config__sticky{position:sticky;bottom:0;z-index:50;margin-left:calc(-1*max(16px,env(safe-area-inset-left)));margin-right:calc(-1*max(16px,env(safe-area-inset-right)));display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(env(safe-area-inset-bottom),var(--space-3));background:color-mix(in srgb,var(--surface-base) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-subtle)}.ds-config__sticky-feedback{text-align:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em;min-height:16px}.ds-config__sticky-ready{color:var(--brand-500)}.ds-config__sticky-missing{color:var(--text-muted)}@media (prefers-reduced-motion: reduce){.ds-config__back,.ds-config__advanced-summary:after{transition:none}}.usercard{display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-2)}.usercard__error{margin:0;color:var(--danger-500);font-size:var(--text-sm);text-align:center;padding:var(--space-4) 0}.usercard__loading{margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4) 0}.usercard__hero{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3)}.usercard__hero-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.usercard__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:-.01em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usercard__handle{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.usercard__alias{color:var(--text-secondary);font-size:var(--text-xs);margin-top:2px}.usercard__alias strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.usercard__level-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.usercard__category{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.usercard__level-delta{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:auto}.usercard__level-delta.is-muted{color:var(--text-muted);font-weight:var(--weight-medium)}.usercard__relation-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.usercard__relation-row:empty{display:none}.usercard__section{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.usercard__section-label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold)}.usercard__pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.usercard__pair-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);background:var(--surface-2);border-radius:var(--radius)}.usercard__pair-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.usercard__pair-num.is-brand{color:var(--brand-500)}.usercard__pair-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-bold)}.usercard__last-match{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.usercard__last-match-date{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-semibold)}.usercard__mutual-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.usercard__mutual-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.usercard__mutual-name{color:var(--text-secondary);font-size:var(--text-xs)}.usercard__mutual-more{color:var(--text-muted);font-size:var(--text-xs)}.usercard__actions{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.usercard__locked-msg{margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.ds-match-header{display:flex;flex-direction:column;flex-shrink:0;background:var(--surface-base);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .ds-match-header{box-shadow:var(--shadow-sm)}.ds-match-header__bar{display:grid;grid-template-columns:minmax(56px,max-content) 1fr minmax(56px,max-content);align-items:center;height:56px;padding:0 var(--space-3)}.ds-match-header__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-match-header__back:hover{background:var(--surface-1)}.ds-match-header__back:active{transform:scale(.96)}.ds-match-header__back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-match-header__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-match-header__live{justify-self:end;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.ds-match-header__live.is-on{background:var(--success-soft);color:var(--success-500)}.ds-match-header__live.is-off{background:var(--warning-soft);color:var(--warning-500)}.ds-match-header__live-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.ds-match-header__live.is-on .ds-match-header__live-dot{animation:ds-match-live-pulse 1.6s ease-in-out infinite}@keyframes ds-match-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ds-match-header__strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-3)}.ds-match-header__meta{display:flex;flex-direction:column;gap:1px;min-width:0}.ds-match-header__set{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.25}.ds-match-header__set-meta{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.ds-match-header__sede{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (prefers-reduced-motion: reduce){.ds-match-header__live.is-on .ds-match-header__live-dot{animation:none}}@media (max-width: 360px){.ds-match-header__live-label{display:none}}.ds-match-score{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.ds-match-board{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.ds-match-board__head,.ds-match-board__row{display:grid;grid-template-columns:var(--sb-cols);align-items:center}.ds-match-board__head{padding:var(--space-3) var(--space-5) var(--space-2);border-bottom:1px solid var(--border-subtle)}.ds-match-board__h{font-family:var(--font-body);font-size:9.5px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center}.ds-match-board__h--name{grid-column:1 / 3;text-align:left}.ds-match-board__h--pts{text-align:right}.ds-match-board__row{padding:var(--space-4) var(--space-5);transition:background var(--duration-fast) var(--ease-out);position:relative}.ds-match-board__row+.ds-match-board__row{border-top:1px solid var(--border-subtle)}.ds-match-board__row--t0:after,.ds-match-board__row--t1:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0}.ds-match-board__row--t0:after{background:var(--brand-500)}.ds-match-board__row--t1:after{background:var(--info-500)}.ds-match-board__row.is-serving{background:linear-gradient(90deg,var(--warning-soft) 0%,transparent 70%)}.ds-match-board__row.is-local-tap{animation:ds-match-board-flash .45s var(--ease-out)}@keyframes ds-match-board-flash{0%{background:var(--brand-soft)}to{background:transparent}}.ds-match-board__serve{width:13px;height:13px;display:flex;align-items:center;justify-content:center;justify-self:start}.ds-match-board__serve-dot{width:11px;height:11px;border-radius:var(--radius-full);background:var(--warning-500);box-shadow:0 0 0 4px var(--warning-soft);animation:ds-match-serve-pulse 1.5s ease-in-out infinite}@keyframes ds-match-serve-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.ds-match-board__name{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;padding-left:var(--space-2)}.ds-match-board__player{font-family:var(--font-display);font-size:16.5px;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0;text-align:left;align-self:flex-start}.ds-match-board__player+.ds-match-board__player{color:var(--text-secondary)}.ds-match-board__name .ds-match-board__player--serving{color:var(--warning-500)}.ds-match-board__player--tap{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;border-bottom:1px dashed var(--border-default);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ds-match-board__player--tap:hover{color:var(--brand-500);border-color:var(--brand-500)}.ds-match-board__player--tap:focus-visible{outline:none;color:var(--brand-500);border-color:var(--brand-500)}.ds-match-board__set{font-family:var(--font-display);font-size:17px;font-weight:var(--weight-bold);text-align:center;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.ds-match-board__set.is-done{color:var(--text-muted)}.ds-match-board__set.is-done.is-win{color:var(--text-primary)}.ds-match-board__set.is-cur{color:var(--brand-500)}.ds-match-board__set.is-fut{color:var(--text-muted);opacity:.4}.ds-match-board__pts{font-family:var(--font-display);font-size:50px;font-weight:var(--weight-black);line-height:.9;letter-spacing:-.04em;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;transition:transform var(--duration-fast) var(--ease-spring)}.ds-match-board__pts.is-pulse{animation:ds-match-board-pulse var(--duration-slow) var(--ease-spring)}@keyframes ds-match-board-pulse{0%{transform:scale(1);color:var(--text-primary)}30%{transform:scale(1.16);color:var(--brand-500)}to{transform:scale(1);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.ds-match-board__serve-dot,.ds-match-board__pts.is-pulse,.ds-match-board__row.is-local-tap{animation:none}}.ds-match-golden{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--warning-soft) 0%,var(--brand-soft) 100%);border:1px solid var(--warning-500);border-radius:var(--radius-lg)}.ds-match-golden.is-star{background:linear-gradient(135deg,var(--info-soft, var(--brand-soft)) 0%,var(--brand-soft) 100%);border-color:var(--info-500, var(--brand-500))}.ds-match-golden__icon{font-size:26px;flex-shrink:0;filter:drop-shadow(0 0 6px var(--brand-glow));animation:ds-match-golden-float 2.4s ease-in-out infinite}@keyframes ds-match-golden-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ds-match-golden__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-match-golden__text strong{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em}.ds-match-golden__text small{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug)}@media (prefers-reduced-motion: reduce){.ds-match-golden__icon{animation:none}}@media (max-width: 360px){.ds-match-board__pts{font-size:42px}.ds-match-board__player{font-size:15px}.ds-match-board__row{padding:var(--space-3) var(--space-4)}}.ds-match-history{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ds-match-history__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-2);background:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.ds-match-history__title{font-family:var(--font-body);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ds-match-history__hint{font-size:10.5px;font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}.ds-match-history__empty{padding:var(--space-6) var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed, 1.6)}.ds-match-history__list{list-style:none;margin:0;padding:0}.ds-match-history__row{display:grid;grid-template-columns:10px 60px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.ds-match-history__row+.ds-match-history__row{border-top:1px solid var(--border-subtle)}.ds-match-history__row.is-latest{background:var(--brand-soft)}.ds-match-history__row.is-evt{background:var(--surface-2)}.ds-match-history__mark{width:9px;height:9px;border-radius:var(--radius-full);justify-self:center}.ds-match-history__mark.t0{background:var(--brand-500)}.ds-match-history__mark.t1{background:var(--info-500)}.ds-match-history__score{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-black);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ds-match-history__row.is-evt .ds-match-history__score{color:var(--brand-500);font-size:14px}.ds-match-history__who{font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-match-history__row.is-evt .ds-match-history__who{color:var(--text-primary);font-weight:var(--weight-semibold)}.ds-match-history__tag{display:inline-block;font-size:8.5px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-500);border:1px solid var(--brand-500);border-radius:var(--radius-sm);padding:1px 5px;margin-right:6px;vertical-align:middle}.ds-match-history__row--event{display:block;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2)}.ds-match-history__set{display:grid;grid-template-columns:4px minmax(0,1fr);background:var(--brand-soft)}.ds-match-history__set-accent{background:var(--brand-500)}.ds-match-history__set-body{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:4px;min-width:0}.ds-match-history__set-top{display:flex;align-items:center;gap:var(--space-2)}.ds-match-history__set-pill{display:inline-flex;align-items:center;flex-shrink:0;font-size:9px;font-weight:var(--weight-black);letter-spacing:.08em;text-transform:uppercase;color:var(--text-inverse);background:var(--brand-500);border-radius:var(--radius-sm);padding:2px 7px}.ds-match-history__set-team{flex:1;min-width:0;font-size:13px;font-weight:var(--weight-bold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-match-history__set-score{flex-shrink:0;font-family:var(--font-display);font-size:17px;font-weight:var(--weight-black);color:var(--brand-500);font-variant-numeric:tabular-nums}.ds-match-history__set-sub{font-size:11.5px;color:var(--text-secondary)}.ds-match-history__set-sub b{color:var(--brand-500);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.ds-match-history__list>li+li{border-top:1px solid var(--border-subtle)}.ds-match-actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface-1);border-top:1px solid var(--border-subtle);box-shadow:0 -8px 24px #0000001a}.ds-match-actions__points{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ds-match-actions__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.ds-match-actions__spectator-note{margin:0;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.ds-match-point-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-inverse);border:1px solid transparent;border-radius:var(--radius-lg);position:relative;overflow:hidden;padding:var(--space-5) var(--space-3);min-height:96px;cursor:pointer;font-family:var(--font-display);text-align:center;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ds-match-point-btn--team-0{background:var(--brand-500);box-shadow:0 6px 16px #9abf2838}.ds-match-point-btn--team-1{background:var(--info-500);box-shadow:0 6px 16px #3b82f642}.ds-match-point-btn--team-0:hover:not(:disabled){box-shadow:0 8px 22px #9abf2852}.ds-match-point-btn--team-1:hover:not(:disabled){box-shadow:0 8px 22px #3b82f65c}.ds-match-point-btn:active:not(:disabled){transform:scale(.97) translateY(1px)}.ds-match-point-btn--team-0:active:not(:disabled){box-shadow:inset 0 0 0 999px #00000024,0 2px 8px #9abf2824}.ds-match-point-btn--team-1:active:not(:disabled){box-shadow:inset 0 0 0 999px #00000024,0 2px 8px #3b82f629}.ds-match-point-btn--team-0:focus-visible{outline:none;box-shadow:0 0 0 3px var(--surface-base),0 0 0 5px var(--brand-500)}.ds-match-point-btn--team-1:focus-visible{outline:none;box-shadow:0 0 0 3px var(--surface-base),0 0 0 5px var(--info-500)}.ds-match-point-btn__spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:var(--radius-full);animation:ds-match-point-spin .7s linear infinite}@keyframes ds-match-point-spin{to{transform:rotate(360deg)}}.ds-match-point-btn.is-loading{cursor:progress}@media (prefers-reduced-motion: reduce){.ds-match-point-btn__spinner{animation-duration:1.4s}}.ds-match-point-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ds-match-point-btn__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;opacity:.92;line-height:1}.ds-match-point-btn__names{font-size:17px;font-weight:var(--weight-black);letter-spacing:-.01em;line-height:1.14;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%}@media (prefers-reduced-motion: reduce){.ds-match-point-btn{transition:box-shadow var(--duration-fast) var(--ease-out)}.ds-match-point-btn:active:not(:disabled){transform:none}}@media (max-width: 360px){.ds-match-actions__points{grid-template-columns:1fr}.ds-match-point-btn{min-height:72px;padding:var(--space-4) var(--space-3)}.ds-match-point-btn__names{font-size:15.5px}}.ds-serve-prompt{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);background:var(--surface-1);border:1px dashed var(--brand-500);border-radius:var(--radius-lg)}.ds-serve-prompt__icon{font-size:44px;line-height:1;filter:drop-shadow(0 0 6px var(--brand-glow));animation:ds-serve-prompt-bounce 2.4s ease-in-out infinite}@keyframes ds-serve-prompt-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.ds-serve-prompt__title{font-family:var(--font-display);font-size:var(--text-xl, 20px);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:-.01em}.ds-serve-prompt__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed, 1.6);max-width:250px}.ds-serve-prompt__text b{color:var(--text-primary);font-weight:var(--weight-bold)}@media (prefers-reduced-motion: reduce){.ds-serve-prompt__icon{animation:none}}.ds-validation-banner{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid}.ds-validation-banner__header{display:flex;align-items:flex-start;gap:var(--space-3)}.ds-validation-banner__icon{font-size:28px;line-height:1;flex-shrink:0}.ds-validation-banner__copy{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.ds-validation-banner__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.ds-validation-banner__body{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.ds-validation-banner__deadline{margin:var(--space-1) 0 0 0;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:var(--space-1)}.ds-validation-banner__actions{display:flex;gap:var(--space-2)}.ds-validation-banner__btn{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:var(--radius-full);padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ds-validation-banner__btn:disabled{opacity:.5;cursor:not-allowed}.ds-validation-banner__btn--primary{background:var(--brand-500);color:var(--text-inverse);border-color:var(--brand-500)}.ds-validation-banner__btn--primary:not(:disabled):hover{background:var(--brand-400);border-color:var(--brand-400)}.ds-validation-banner__btn--primary:not(:disabled):active{background:var(--brand-600)}.ds-validation-banner__btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.ds-validation-banner__btn--ghost:not(:disabled):hover{background:var(--surface-2);border-color:var(--text-muted)}.ds-validation-banner--pending{border-color:var(--brand-500);background:var(--brand-soft)}.ds-validation-banner--waiting{border-color:var(--border-subtle);background:var(--surface-1)}.ds-validation-banner--disputed{border-color:var(--warning-500);background:#f59e0b1a}.ds-validation-banner--validated{border-color:var(--brand-500);background:var(--brand-soft)}.ds-validation-banner--downgrade{border-color:var(--border-subtle);background:var(--surface-1)}.ds-validation-banner--review{border-color:var(--warning-500);background:#f59e0b1a}.ds-validation-banner--invalidated{border-color:var(--danger-500);background:var(--danger-soft)}.ds-validation-banner--declined{border-color:var(--border-subtle);background:var(--surface-1)}.ds-validation-banner__btn--unbind{background:transparent;border:0;color:var(--text-muted);padding:var(--space-2) var(--space-3);font-size:.875rem;cursor:pointer;text-decoration:none;margin-left:auto}.ds-validation-banner__btn--unbind:hover:not(:disabled){color:var(--danger-500);text-decoration:underline}.ds-validation-banner__btn--unbind:disabled{opacity:.5;cursor:wait}.ds-mfs{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.ds-mfs__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ds-mfs__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em}.ds-mfs__dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-muted);font-size:15px;line-height:1;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm)}.ds-mfs__dismiss:hover{color:var(--text-secondary)}.ds-mfs__sub{margin:4px 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.ds-mfs__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ds-mfs__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius)}.ds-mfs__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-mfs__add{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;background:var(--brand-500);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-mfs__add:hover:not(:disabled){background:var(--brand-400)}.ds-mfs__add:active:not(:disabled){transform:scale(.96)}.ds-mfs__add:disabled{opacity:.6;cursor:progress}.match-comments{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.match-comments__title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.match-comments__count{color:var(--text-muted);font-weight:var(--weight-medium);font-size:var(--text-sm)}.match-comments__form-card{display:flex;flex-direction:column;gap:var(--space-2)}.match-comments__textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-snug);border:none;outline:none;resize:vertical;min-height:56px;padding:0}.match-comments__textarea::placeholder{color:var(--text-muted)}.match-comments__form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.match-comments__count-hint{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.match-comments__count-hint.is-warn{color:var(--warning-500);font-weight:var(--weight-semibold)}.match-comments__login-hint,.match-comments__forbidden-hint{margin:0;color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.match-comments__login-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:var(--brand-500);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:underline;font-size:inherit}.match-comments__empty{margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3) 0}.match-comments__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.match-comments__row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius)}.match-comments__avatar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.match-comments__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.match-comments__row-header{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.match-comments__author{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.match-comments__timestamp{color:var(--text-muted);font-size:var(--text-xs)}.match-comments__text{margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word;white-space:pre-wrap}.match-comments__delete-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius);flex-shrink:0;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.match-comments__delete-btn:hover{color:var(--danger-500);background:var(--surface-2)}.match-comments__delete-btn:focus-visible{outline:2px solid var(--danger-500);outline-offset:1px}.ds-mdv__header{display:flex;flex-direction:column;gap:var(--space-2)}.screen.ds-mdv{padding-top:calc(max(env(safe-area-inset-top),16px) + var(--topbar-h, 0px));gap:var(--space-3)}.screen.ds-mdv>header{padding-top:0}.ds-mdv__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.ds-mdv__date{margin:0;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ds-mdv__main{display:flex;flex-direction:column;gap:var(--space-4)}.ds-mdv__main:first-child{margin-top:var(--space-3)}.ds-mdv__result-head{display:flex;flex-direction:column;gap:var(--space-2)}.ds-mdv__elo-chip{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em}.ds-mdv__elo-chip.is-rated{color:var(--brand-700, var(--text-primary));background:var(--brand-soft, var(--surface-2))}.ds-mdv__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-2)}.ds-mdv__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center}.ds-mdv__stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.01em}.ds-mdv__stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:.02em}.ds-mdv__applaud-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-mdv__applaud-btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--brand-500)}.ds-mdv__applaud-btn:active:not(:disabled){transform:scale(.96)}.ds-mdv__applaud-btn:disabled{opacity:.6;cursor:wait}.ds-mdv__applaud-btn.is-pressed{background:var(--brand-soft);border-color:var(--brand-500);color:var(--brand-700, var(--text-primary))}.ds-mdv__applaud-icon{font-size:18px;line-height:1;transition:transform var(--duration) var(--ease-spring, ease-out)}.ds-mdv__applaud-btn:not(.is-pressed) .ds-mdv__applaud-icon{filter:grayscale(.6)}.ds-mdv__applaud-btn.is-pressed .ds-mdv__applaud-icon{animation:ds-mdv-applaud-bounce .36s var(--ease-spring, ease-out)}@keyframes ds-mdv-applaud-bounce{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-8deg)}60%{transform:scale(.95) rotate(6deg)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.ds-mdv__applaud-btn.is-pressed .ds-mdv__applaud-icon{animation:none}}.ds-mdv__applaud-count{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);margin-left:2px;color:var(--text-secondary)}.ds-mdv__applaud-btn.is-pressed .ds-mdv__applaud-count{color:var(--brand-700, var(--text-primary))}.ds-mdv__quick-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.ds-mdv__quick-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@media (hover: hover){.ds-mdv__quick-action:hover:not(:disabled){background:var(--surface-1);border-color:var(--brand-500)}}.ds-mdv__quick-action:active:not(:disabled){transform:scale(.96)}.ds-mdv__quick-action:disabled{opacity:.6;cursor:wait}.ds-mdv__quick-action.is-active{background:var(--brand-soft);border-color:var(--brand-500);color:var(--brand-700, var(--text-primary))}.ds-mdv__quick-action-icon{font-size:16px;line-height:1;display:inline-flex;align-items:center}.ds-mdv__quick-action:not(.is-active) .ds-mdv__quick-action-icon[data-emoji]{filter:grayscale(.6)}.ds-mdv__quick-action.is-active .ds-mdv__quick-action-icon[data-emoji]{animation:ds-mdv-applaud-bounce .36s var(--ease-spring, ease-out)}.ds-mdv__quick-action-count{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);margin-left:2px;color:var(--text-secondary)}.ds-mdv__quick-action.is-active .ds-mdv__quick-action-count{color:var(--brand-700, var(--text-primary))}.ds-mdv__applaud-chip{display:inline-flex;align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ds-mdv__applaud-chip strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}.ds-mdv__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;position:relative;overflow:hidden}.ds-mdv__hero--won{background:radial-gradient(circle at 50% 0%,rgba(154,191,40,.2) 0%,transparent 70%),linear-gradient(180deg,var(--surface-1) 0%,var(--surface-1) 100%);border-color:var(--brand-500);box-shadow:0 0 0 1px var(--brand-500),0 8px 32px -8px #9abf2859}.ds-mdv__hero--lost{background:var(--surface-1);opacity:.85}.ds-mdv__hero--neutral{background:var(--surface-1)}.ds-mdv__hero-icon{font-size:40px;line-height:1;filter:drop-shadow(0 4px 12px rgba(154,191,40,.4))}.ds-mdv__hero--lost .ds-mdv__hero-icon,.ds-mdv__hero--neutral .ds-mdv__hero-icon{filter:none;opacity:.7}.ds-mdv__hero-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.ds-mdv__hero--won .ds-mdv__hero-label{color:var(--brand-500)}.ds-mdv__hero-score{font-family:var(--font-display);font-size:56px;font-weight:var(--weight-black);font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;letter-spacing:-.04em;margin-top:var(--space-1)}.ds-mdv__hero--won .ds-mdv__hero-score{background:linear-gradient(135deg,var(--brand-500),var(--brand-600, var(--brand-500)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ds-mdv__hero--lost .ds-mdv__hero-score{color:var(--text-secondary)}.ds-mdv__players{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius)}.ds-mdv__players-team{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ds-mdv__players-vs{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.ds-mdv__player-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);min-width:0;text-align:left;font:inherit;cursor:default;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--duration-fast) var(--ease-out)}.ds-mdv__player-chip.is-tap{cursor:pointer}.ds-mdv__player-chip.is-tap:hover,.ds-mdv__player-chip.is-tap:focus-visible{background:var(--surface-2);outline:none}.ds-mdv__player-chip.is-tap:active{transform:scale(.98)}.ds-mdv__players-team.is-winner .ds-mdv__player-name{color:var(--brand-500);font-weight:var(--weight-bold)}.ds-mdv__player-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ds-mdv__player-name-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.ds-mdv__player-name{flex:1;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ds-mdv__player-handle{display:block;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-mdv__vote-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:var(--space-1);font-size:11px;font-weight:var(--weight-bold);border-radius:50%;vertical-align:middle;line-height:1;flex-shrink:0}.ds-mdv__vote-badge--ok{background:var(--brand-soft);color:var(--brand-500);border:1px solid var(--brand-500)}.ds-mdv__vote-badge--dispute{background:#f59e0b1a;color:var(--warning-500);border:1px solid var(--warning-500)}.ds-mdv__vote-badge--pending{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-default);opacity:.75}.ds-mdv__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.gameup-flash-highlight{animation:gameup-flash-pulse 2.4s ease-out 1;border-radius:var(--radius-md)}@keyframes gameup-flash-pulse{0%{box-shadow:0 0 #38bdf899;background:#38bdf814}50%{box-shadow:0 0 0 8px #38bdf800;background:#38bdf80a}to{box-shadow:0 0 #38bdf800;background:transparent}}@media (prefers-reduced-motion: reduce){.gameup-flash-highlight{animation:none;background:#38bdf81a;transition:background 2.4s ease-out}}.ds-mdv__remove-self{display:flex;justify-content:center;margin-top:var(--space-1)}.ds-mdv__remove-self-btn{background:none;border:none;color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ds-mdv__remove-self-btn:active{color:var(--text-secondary)}.screen.screen--profile{--screen-top-spacing: var(--space-3)}.screen.screen--profile main{gap:var(--space-6)}.screen.screen--stats{--screen-top-spacing: var(--space-2);gap:var(--space-3)}.screen.screen--stats main{gap:var(--space-6)}.stats-filter-row{display:flex;align-items:center;gap:var(--space-2);width:100%}@media (max-width: 360px){.stats-filter-row{flex-wrap:wrap}.stats-filter-row>:first-child{flex:1 0 100%}}.stats-filter-row>:first-child{flex:1;min-width:0}.stats-type-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.stats-type-pill:hover{border-color:var(--border-strong)}.stats-type-pill.is-active{border-color:var(--brand-500);color:var(--brand-500);background:var(--brand-soft)}.stats-type-pill:after{content:"▾";font-size:10px;opacity:.7}.stats-filter-clear{margin:var(--space-2) 0 0;background:none;border:none;color:var(--brand-500);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;padding:0}.stats-section{display:flex;flex-direction:column;gap:var(--space-3)}.stats-section__title{margin:0;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-bold);color:var(--text-muted);display:flex;align-items:baseline;gap:var(--space-2)}.stats-section__sublabel{text-transform:none;letter-spacing:0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.stats-section__content{display:flex;flex-direction:column;gap:var(--space-2)}.stats-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);box-shadow:var(--shadow),0 0 40px #9abf280f}.stats-hero__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.stats-hero__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-bold);color:var(--text-muted)}.stats-hero__period{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--brand-500);background:var(--brand-soft);padding:3px 10px;border-radius:var(--radius-full)}.stats-hero__level-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.stats-hero__level-num{font-family:var(--font-display);font-size:48px;font-weight:var(--weight-black);color:var(--text-primary);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stats-hero__level-unit,.stats-hero__level-calibrating{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.stats-hero__delta{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-hero__delta.is-positive{color:var(--brand-500)}.stats-hero__delta.is-negative{color:var(--text-muted)}.stats-hero__divider{height:1px;background:var(--border-subtle);margin:var(--space-3) 0}.stats-hero__stats{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.stats-hero__stat-block{display:flex;flex-direction:column;gap:2px}.stats-hero__wr{font-family:var(--font-display);font-size:56px;font-weight:var(--weight-black);color:var(--text-primary);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stats-hero__wr.is-good{color:var(--brand-500)}.stats-hero__wr-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-bold);color:var(--text-muted)}.stats-hero__stat-secondary{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.stats-hero__stat-secondary strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.stats-hero__wl{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.stats-hero__wr-delta{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.stats-hero__wr-delta.is-positive{color:var(--brand-500)}.stats-hero__streak{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center}.stats-hero__streak.is-wins{background:var(--brand-soft);color:var(--brand-500)}.stats-hero__streak.is-losses{background:var(--danger-soft);color:var(--danger-500)}.stats-hero--empty .stats-hero__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-3) 0}.stats-hero__empty-emoji{font-size:48px;line-height:1}.stats-hero__empty-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.stats-hero__empty-sub{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);max-width:280px}.stats-narrative{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.stats-narrative strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.stats-social-list{display:flex;flex-direction:column;gap:var(--space-2)}.stats-circle-details{margin-top:var(--space-2)}.stats-circle-details summary{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--brand-500);cursor:pointer;padding:var(--space-2);list-style:none}.stats-circle-details summary::-webkit-details-marker{display:none}.stats-circle-details summary:after{content:" →"}.stats-circle-details[open] summary:after{content:" ↓"}.stats-circle-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.stats-activity-list{display:flex;flex-direction:column}.stats-activity-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:12px;font-size:var(--text-sm);line-height:1.4}.stats-activity-row+.stats-activity-row{border-top:1px solid var(--border-subtle)}.stats-activity-row__label{color:var(--text-secondary)}.stats-activity-row__value{color:var(--text-primary);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:right}.stats-highlight-row{display:flex;align-items:center;gap:var(--space-3)}.stats-highlight-row__text{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug);text-align:left}.stats-highlight-row__emoji{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;line-height:1;flex-shrink:0}.stats-highlight-row__msg{flex:1;min-width:0}.stats-insights-list{display:flex;flex-direction:column;gap:var(--space-2)}.stats-insight-row{display:flex;align-items:center;gap:var(--space-3)}.stats-insight-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1;flex-shrink:0}.stats-insight-text{margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-snug);flex:1;min-width:0}.stats-empty-inline{margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3)}.stats-next-ach{width:100%;text-align:left;margin-top:var(--space-2);background:linear-gradient(135deg,var(--surface-1) 0%,var(--brand-soft) 100%);border-color:var(--brand-500)}.stats-next-ach__inner{display:flex;align-items:center;gap:var(--space-3)}.stats-next-ach__emoji{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:24px;line-height:1;flex-shrink:0}.stats-next-ach__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.stats-next-ach__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold);color:var(--text-muted)}.stats-next-ach__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.stats-next-ach__progress{font-size:var(--text-xs);color:var(--brand-500);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-by-type-grid{display:flex;flex-direction:column;gap:var(--space-2)}.stats-by-type-card{width:100%;text-align:left}.stats-by-type-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.stats-by-type-card__label{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.stats-by-type-card__sub{font-size:var(--text-xs);color:var(--text-muted)}.stats-by-type-card__stats{display:flex;align-items:baseline;gap:var(--space-3)}.stats-by-type-card__wr{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--text-primary);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats-by-type-card__wr.is-good{color:var(--brand-500)}.stats-by-type-card__total{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.stats-by-type-card__empty{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.stats-monthly__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.stats-monthly__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold);color:var(--text-muted)}.stats-monthly__total{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-monthly__chart{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:100px;padding:0 4px;margin-bottom:var(--space-3)}.stats-monthly__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;cursor:default}.stats-monthly__bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.stats-monthly__bar{width:100%;max-width:18px;min-height:4px;border-radius:3px 3px 0 0;background:var(--brand-soft);transition:background var(--duration-fast) var(--ease-out)}.stats-monthly__bar.is-current{background:var(--brand-500)}.stats-monthly__bar.is-empty{background:var(--surface-2);min-height:3px;height:3px!important}.stats-monthly__col-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-medium);line-height:1}.stats-monthly__col.is-current .stats-monthly__col-label{color:var(--brand-500);font-weight:var(--weight-bold)}.stats-monthly__narrative{display:flex;flex-direction:column;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.stats-footer{margin-top:var(--space-2);margin-bottom:var(--space-6);text-align:center}.stats-type-options{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.stats-type-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out)}.stats-type-option:hover:not(.is-disabled):not(:disabled){border-color:var(--border-strong)}.stats-type-option.is-selected{border-color:var(--brand-500);background:var(--brand-soft)}.stats-type-option.is-disabled,.stats-type-option:disabled{cursor:not-allowed;opacity:.55}.stats-type-option__main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stats-type-option__main strong{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.stats-type-option__sub{font-size:var(--text-xs);color:var(--text-muted)}.stats-type-option__check{color:var(--brand-500);font-weight:var(--weight-bold);font-size:var(--text-base)}.screen.screen--settings,.screen.screen--community{--screen-top-spacing: var(--space-2);gap:var(--space-3)}.screen.screen--community .ds-filter-bar--stacked{margin-top:calc(-1 * var(--space-3))}.screen.screen--community .ds-seg__tab{min-height:32px;padding-top:4px;padding-bottom:4px}.screen.screen--community .ds-input{min-height:40px;padding-top:6px;padding-bottom:6px}.ds-preview{min-height:100%;background:var(--surface-base);padding:calc(var(--space-5) + var(--safe-top) + var(--topbar-h, 0px)) var(--space-5) calc(var(--space-12) + var(--safe-bottom));font-family:var(--font-body);color:var(--text-primary)}.ds-preview__toc{position:sticky;top:calc(var(--safe-top) + var(--topbar-h, 0px));z-index:10;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);margin:0 calc(-1 * var(--space-5)) var(--space-6);background:var(--surface-1);border-block:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-preview__toc-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ds-preview__toc-link:hover{background:var(--brand-soft);color:var(--brand-500);border-color:var(--brand-500)}.ds-preview__section{scroll-margin-top:80px;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle)}.ds-preview__section:last-child{border-bottom:0;margin-bottom:0}.ds-preview__section-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-3)}.ds-preview__section-title-tag{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand-500);background:var(--brand-soft);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.ds-preview__section-desc{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:600px}.ds-preview__demos{display:flex;flex-direction:column;gap:var(--space-4)}.ds-preview__demo{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ds-preview__demo-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ds-preview__demo-stage{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--surface-base);border-radius:var(--radius);min-height:48px}.ds-preview__demo-stage--column{flex-direction:column;align-items:stretch}.ds-preview__demo-stage--padded{padding:var(--space-6)}.ds-preview__demo-code{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-base);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow-x:auto;white-space:pre;line-height:1.5}.ds-preview__props{margin-top:var(--space-4)}.ds-preview__props-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-preview__props-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.ds-preview__props-table th,.ds-preview__props-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.ds-preview__props-table th{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-1)}.ds-preview__props-table td:first-child{color:var(--brand-500);font-weight:var(--weight-bold);white-space:nowrap}.ds-preview__props-table td:nth-child(2){color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap}.ds-preview__props-table td:nth-child(3){color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-body)}.ds-preview__props-required{color:var(--danger-500, #e74c3c);font-size:var(--text-xs);font-weight:var(--weight-bold);margin-left:var(--space-1)}.ds-preview__tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.ds-preview__token{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius)}.ds-preview__token-swatch{height:48px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.ds-preview__token-name{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-primary);word-break:break-all}.ds-preview__token-desc{font-size:var(--text-xs);color:var(--text-muted)}.ds-preview__spacings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-preview__spacing-row{display:flex;align-items:center;gap:var(--space-3);font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--text-xs)}.ds-preview__spacing-bar{height:16px;background:var(--brand-500);border-radius:var(--radius-sm)}.ds-preview__spacing-label{color:var(--text-secondary);white-space:nowrap}.ds-preview__type-row{display:flex;flex-direction:column;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.ds-preview__type-row:last-child{border-bottom:0}.ds-preview__type-meta{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.ds-preview__denied{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;padding:var(--space-12);text-align:center}.ds-preview__denied-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-preview__denied-desc{margin:0;color:var(--text-secondary);font-size:var(--text-sm);max-width:400px}.ds-scan{position:fixed;top:0;right:0;bottom:0;left:0;max-width:var(--content-max);margin:0 auto;background:#000;overflow:hidden;display:flex;flex-direction:column;z-index:100;touch-action:none}.ds-scan__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ds-scan__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.ds-scan__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2;pointer-events:none}.ds-scan__frame{position:absolute;top:50%;left:50%;width:min(280px,70vw);aspect-ratio:1;transform:translate(-50%,-55%);z-index:3;pointer-events:none;background:transparent;border-radius:var(--radius-lg);box-shadow:0 0 0 100vmax #0000008c;animation:ds-scan-pulse 2s ease-in-out infinite}.ds-scan__overlay{display:none}@keyframes ds-scan-pulse{0%,to{transform:translate(-50%,-55%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.02)}}.ds-scan__corner{position:absolute;width:28px;height:28px;border:3px solid var(--brand-500);border-radius:4px;transition:border-color var(--duration-fast) var(--ease-out)}.ds-scan__corner--tl{top:-3px;left:-3px;border-right:0;border-bottom:0;border-top-left-radius:var(--radius)}.ds-scan__corner--tr{top:-3px;right:-3px;border-left:0;border-bottom:0;border-top-right-radius:var(--radius)}.ds-scan__corner--bl{bottom:-3px;left:-3px;border-right:0;border-top:0;border-bottom-left-radius:var(--radius)}.ds-scan__corner--br{bottom:-3px;right:-3px;border-left:0;border-top:0;border-bottom-right-radius:var(--radius)}.ds-scan__frame.is-success{animation:ds-scan-success .5s var(--ease-spring)}.ds-scan__frame.is-success .ds-scan__corner{border-color:var(--brand-500);box-shadow:0 0 16px var(--brand-500)}@keyframes ds-scan-success{0%{transform:translate(-50%,-55%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.1)}to{transform:translate(-50%,-55%) scale(1)}}.ds-scan__zoom-badge{position:absolute;top:calc(var(--space-3) + var(--safe-top) + 56px);left:50%;transform:translate(-50%);padding:6px var(--space-3);background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);color:var(--brand-500);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.05em;z-index:4;pointer-events:none;animation:ds-scan-zoom-fade-in .15s var(--ease-out)}@keyframes ds-scan-zoom-fade-in{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.ds-scan__header{position:absolute;top:0;left:0;right:0;padding:calc(var(--space-3) + var(--safe-top)) var(--space-4) var(--space-3);display:flex;justify-content:space-between;align-items:center;z-index:4}.ds-scan__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border-radius:var(--radius-full);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-scan__close:hover{background:#000c}.ds-scan__close:active{transform:scale(.94)}.ds-scan__hint{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-5) calc(var(--space-8) + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;z-index:4;pointer-events:none}.ds-scan__hint-text{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:#fff;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:-.01em}.ds-scan__hint-text--success{color:var(--brand-500);font-size:var(--text-lg);animation:ds-scan-success-text .4s var(--ease-spring)}@keyframes ds-scan-success-text{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ds-scan__error{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:min(420px,calc(100vw - var(--space-8)));text-align:center;box-shadow:0 12px 32px #00000080}.ds-scan__error-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em}.ds-scan__error-desc{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-scan__error-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}@media (prefers-reduced-motion: reduce){.ds-scan__frame,.ds-scan__hint-text--success{animation:none}}.ds-onb{display:flex;flex-direction:column;min-height:100%;padding-bottom:0}.ds-onb__header{position:sticky;top:0;z-index:50;background:var(--surface-base);margin-top:calc(-1*env(safe-area-inset-top));margin-left:calc(-1*max(16px,env(safe-area-inset-left)));margin-right:calc(-1*max(16px,env(safe-area-inset-right)));padding-top:max(env(safe-area-inset-top),var(--space-4));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.ds-onb__progress{display:inline-flex;gap:6px}.ds-onb__progress-dot{width:32px;height:4px;border-radius:var(--radius-full);background:var(--border-default);transition:background var(--duration-fast) var(--ease-out)}.ds-onb__progress-dot.is-filled{background:var(--brand-500)}.ds-onb__progress-label{margin:0;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:.04em}.ds-onb__main{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.ds-onb__question{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.ds-onb__options{display:flex;flex-direction:column;gap:var(--space-2)}.ds-onb__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ds-onb__option:hover{background:var(--surface-2);border-color:var(--border-default)}.ds-onb__option:active{transform:scale(.99)}.ds-onb__option.is-selected{background:var(--brand-soft, var(--surface-2));border-color:var(--brand-500)}.ds-onb__option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.ds-onb__option-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.005em}.ds-onb__option.is-selected .ds-onb__option-label{color:var(--brand-500)}.ds-onb__option-help{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-onb__error{margin:0;padding:var(--space-3);background:var(--danger-soft, rgba(231, 76, 60, .1));border:1px solid var(--danger-500);border-radius:var(--radius);color:var(--danger-500);font-size:var(--text-sm)}.ds-onb__footer{position:sticky;bottom:0;z-index:50;display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;margin-left:calc(-1*max(16px,env(safe-area-inset-left)));margin-right:calc(-1*max(16px,env(safe-area-inset-right)));padding-top:var(--space-3);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(env(safe-area-inset-bottom),var(--space-3));background:color-mix(in srgb,var(--surface-base) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-subtle)}.ds-onb__footer button{flex:1}.ds-onb__result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.ds-onb__result-emoji{font-size:64px;line-height:1;animation:ds-onb-pulse 2.4s ease-in-out infinite}@keyframes ds-onb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ds-onb__result-title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-secondary)}.ds-onb__result-level{font-family:var(--font-display);font-size:80px;font-weight:var(--weight-black);color:var(--brand-500);line-height:1;letter-spacing:-.04em}.ds-onb__result-category{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-onb__result-text{margin:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);max-width:320px}@media (prefers-reduced-motion: reduce){.ds-onb__result-emoji{animation:none}}.ds-skillhist__main{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3)}.ds-skillhist__help-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:left;width:100%}.ds-skillhist__help-trigger:hover{background:var(--surface-2);color:var(--text-primary)}.ds-skillhist__help-arrow{color:var(--text-muted);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1}.ds-skillhist__summary{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.ds-skillhist__summary-item{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-skillhist__summary-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold)}.ds-skillhist__summary-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-semibold)}.ds-skillhist__section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:var(--space-2)}.ds-skillhist__timeline{display:flex;flex-direction:column;gap:var(--space-5)}.ds-skillhist__month{display:flex;flex-direction:column;gap:var(--space-3)}.ds-skillhist__month-label{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ds-skillhist__nodes{display:flex;flex-direction:column;gap:var(--space-3)}.ds-skillhist__card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ds-skillhist__card--dimmed{opacity:.62}.ds-skillhist__card-head{display:flex;align-items:flex-start;gap:var(--space-3)}.ds-skillhist__card-icon{font-size:18px;line-height:1.3;flex:0 0 auto;font-variant-numeric:tabular-nums}.ds-skillhist__card-icon--up{color:var(--brand-500)}.ds-skillhist__card-icon--down{color:var(--danger-500)}.ds-skillhist__card-icon--same,.ds-skillhist__card-icon--none{color:var(--text-muted)}.ds-skillhist__card-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ds-skillhist__card-title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.ds-skillhist__card-sub{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug);font-variant-numeric:tabular-nums}.ds-skillhist__card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:2px}.ds-skillhist__date{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.ds-skillhist__chip{display:inline-flex;align-items:center;gap:4px;padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);line-height:1.5}.ds-skillhist__chip--win{color:var(--brand-500);border-color:var(--border-brand)}.ds-skillhist__chip--loss{color:var(--text-secondary)}.ds-skillhist__chip--kind{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ds-skillhist__group{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius);overflow:hidden}.ds-skillhist__group-head{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;border:0;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-body);color:var(--text-primary)}.ds-skillhist__group-head:hover{background:var(--surface-2)}.ds-skillhist__group-icon{font-size:18px;line-height:1.3;flex:0 0 auto;color:var(--text-muted)}.ds-skillhist__group-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ds-skillhist__group-summary{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.ds-skillhist__group-current{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-skillhist__group-toggle{flex:0 0 auto;font-size:var(--text-xs);color:var(--brand-500);font-weight:var(--weight-semibold);white-space:nowrap}.ds-skillhist__group-chain{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-3) var(--space-4);border-top:1px dashed var(--border-subtle);margin-top:0;padding-top:var(--space-3)}.ds-skillhist__chain-step{display:flex;gap:var(--space-3);align-items:flex-start}.ds-skillhist__chain-rail{flex:0 0 auto;width:8px;display:flex;justify-content:center;color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}.ds-skillhist__chain-text{display:flex;flex-direction:column;gap:0;min-width:0}.ds-skillhist__chain-title{margin:0;font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug)}.ds-skillhist__chain-title--dimmed{color:var(--text-muted);text-decoration:line-through}.ds-skillhist__chain-date{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.ds-skillhist__chart{display:flex;flex-direction:column;gap:var(--space-2)}.ds-skillhist__chart-svg{width:100%;height:140px;display:block;overflow:visible}.ds-skillhist__chart-line{fill:none;stroke:var(--brand-500);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ds-skillhist__chart-dot{fill:var(--brand-500);stroke:var(--surface-1);stroke-width:2}.ds-skillhist__chart-axis-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-body)}.ds-skillhist__chart-caption{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-skillhist__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.ds-skillhist__empty-icon{font-size:44px;line-height:1}.ds-skillhist__empty-title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-skillhist__empty-text{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);max-width:36ch}.ds-skillhist__error{margin:0 0 var(--space-3) 0;color:var(--danger-500);font-size:var(--text-sm);white-space:pre-line}.ds-skillhist__loadmore{padding:var(--space-4) 0;text-align:center}.ds-skillhist__loadmore-text{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.ds-skillhist__end{margin:var(--space-6) 0 0 0;color:var(--text-muted);font-size:var(--text-xs);text-align:center;letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.ds-skillhist__chart-line{transition:none}}.screen.screen--torneos{--screen-top-spacing: var(--space-1);gap:var(--space-3)}.screen--torneos .ds-filter-bar--dense .ds-filter-bar__inner{gap:var(--space-2)}.screen--torneos .ds-seg--sm .ds-seg__tab{min-height:32px}.screen--torneos .ds-input--sm{min-height:40px;padding-top:6px;padding-bottom:6px}.screen.screen--cancha-abierta{--screen-top-spacing: var(--space-1);gap:var(--space-3)}.screen--cancha-abierta .ds-filter-bar--dense .ds-filter-bar__inner{gap:var(--space-2)}.screen--cancha-abierta .ds-seg--sm .ds-seg__tab{min-height:32px}.screen--cancha-abierta .ds-input--sm{min-height:40px;padding-top:6px;padding-bottom:6px}.venue-input-wrap{position:relative;width:100%}.venue-input-frame{position:relative}.venue-input__field--with-badge{padding-right:110px}.venue-input__badge{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--brand-soft);color:var(--brand-500);border-radius:999px;font-size:11px;font-weight:var(--weight-bold);letter-spacing:.02em;pointer-events:none;white-space:nowrap}.venue-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius);max-height:240px;overflow-y:auto;z-index:10;box-shadow:0 8px 24px #0006}.venue-drop-loading,.venue-drop-empty{padding:var(--space-3);font-size:13px;color:var(--text-muted);text-align:center}.venue-drop-item{width:100%;background:transparent;border:none;padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;color:var(--text-primary);text-align:left}.venue-drop-item:hover,.venue-drop-item:active,.venue-drop-item--highlighted{background:#ffffff0d}.venue-drop-item__name{font-size:14px;font-weight:var(--weight-semibold);color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.venue-drop-item__chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:var(--brand-soft);color:var(--brand-500);border-radius:999px;font-size:10px;font-weight:var(--weight-bold);letter-spacing:.02em;flex-shrink:0}.venue-input-error{margin:var(--space-1) 0 0;color:var(--danger-500);font-size:var(--text-xs);line-height:var(--leading-snug)}.ds-upload{display:flex;flex-direction:column;min-height:100%;padding-bottom:0;--screen-top-spacing: var(--space-3)}.ds-upload__form{display:flex;flex-direction:column;flex:1;min-height:0}.ds-upload__main{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6)}.ds-upload__section{display:flex;flex-direction:column;gap:var(--space-2)}.ds-upload__section-title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-upload__card-title{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.005em;line-height:1.2}.ds-upload__card-title-meta{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-muted);letter-spacing:0;margin-left:4px}.ds-upload__field{display:flex;flex-direction:column;gap:var(--space-2)}.ds-upload__field-label{margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ds-upload__field-divider{height:1px;background:var(--border-subtle);margin:var(--space-3) 0}.ds-upload__hint{margin:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-upload__warning{margin:0;padding:var(--space-2) var(--space-3);background:var(--warning-soft, rgba(255, 165, 0, .1));border-radius:var(--radius-sm, 4px);color:var(--warning-500, var(--text-primary));font-size:var(--text-xs);font-weight:var(--weight-medium)}.ds-upload__field-error{margin:var(--space-1) 0 0;color:var(--danger-500);font-size:var(--text-xs);line-height:var(--leading-snug)}.ds-upload__error{margin:0;padding:var(--space-3);background:var(--danger-soft, rgba(231, 76, 60, .1));border:1px solid var(--danger-500);border-radius:var(--radius);color:var(--danger-500);font-size:var(--text-sm)}.ds-upload__info-card{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--warning-soft, rgba(245, 158, 11, .12));border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-primary)}.ds-upload__info-card-icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--warning-500, #f59e0b);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:var(--weight-black);font-style:italic;line-height:1}.ds-upload__info-card-text{flex:1;min-width:0}.ds-upload__info-card-text strong{font-weight:var(--weight-bold);color:var(--text-primary)}.ds-upload__club-list{display:flex;flex-direction:column;gap:1px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);max-height:240px;overflow-y:auto}.ds-upload__club-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.ds-upload__club-item:last-child{border-bottom:none}.ds-upload__club-item:hover{background:var(--surface-2)}.ds-upload__club-selected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ds-upload__club-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.ds-upload__date-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:16px;color:var(--text-primary)}.ds-upload__date-input:focus{outline:none;border-color:var(--brand-500)}.ds-upload__date-input--error{border-color:var(--danger-500)}.ds-upload__date-input--error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-soft, rgba(220, 38, 38, .15))}.ds-upload__date-time{display:flex;gap:var(--space-2);align-items:stretch}.ds-upload__date-time .ds-upload__date-input{flex:1;min-width:0}.ds-upload__time-select{flex:0 0 auto;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:16px;color:var(--text-primary)}.ds-upload__time-select:focus{outline:none;border-color:var(--brand-500)}.ds-upload__date-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.ds-upload__otro-dia-wrap{position:relative;display:inline-flex}.ds-upload__otro-dia-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0}.ds-upload__players-wide .ds-config__team{background:none;border:none;padding:0}@supports (grid-template-rows: subgrid){.ds-upload__players-wide .ds-config__teams{grid-template-rows:auto auto auto;row-gap:var(--space-2);column-gap:var(--space-3)}.ds-upload__players-wide .ds-config__team{display:grid;grid-template-rows:subgrid;grid-row:span 3}}.ds-upload__sets-grid{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3)}.ds-upload__sets-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:var(--space-2)}.ds-upload__sets-row.ds-upload__sets-row--header{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.06em}.ds-upload__sets-row:has(input:nth-child(4)),.ds-upload__sets-row.ds-upload__sets-row--header:has(span:nth-child(4)){grid-template-columns:1.5fr 1fr 1fr 1fr}.ds-upload__sets-team{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.ds-upload__sets-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 4px);padding:var(--space-2);font-family:var(--font-display);font-size:16px;font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums}.ds-upload__sets-input:focus{outline:none;border-color:var(--brand-500)}.ds-upload__sets-input--invalid{border-color:var(--danger-500);border-width:2px;background:var(--danger-soft, rgba(231, 76, 60, .1));box-shadow:0 0 0 3px #e74c3c2e}.ds-upload__winner-preview{margin:0;padding:var(--space-3);background:color-mix(in srgb,var(--brand-500) 10%,transparent);border-left:3px solid var(--brand-500);border-radius:var(--radius-sm, 4px);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-upload__winner-preview strong{color:var(--brand-500);font-weight:var(--weight-bold, 700)}.ds-upload__winner-card{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-500) 40%,transparent);border-radius:var(--radius)}.ds-upload__winner-trophy{flex-shrink:0;font-size:28px;line-height:1}.ds-upload__winner-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ds-upload__winner-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand-500);text-transform:uppercase;letter-spacing:.08em}.ds-upload__winner-names{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2;word-break:break-word}.ds-upload__winner-score{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.ds-upload__notes{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3);font-family:var(--font-body);font-size:16px;color:var(--text-primary);resize:vertical;min-height:80px;line-height:var(--leading-normal)}.ds-upload__notes:focus{outline:none;border-color:var(--brand-500)}.ds-upload__notes-counter{margin:0;font-size:var(--text-xs);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.ds-upload__sticky{position:sticky;bottom:var(--bottom-nav-h);z-index:50;display:flex;flex-direction:column;gap:var(--space-2);margin-left:calc(-1*max(16px,env(safe-area-inset-left)));margin-right:calc(-1*max(16px,env(safe-area-inset-right)));padding-top:var(--space-3);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:var(--space-3);background:color-mix(in srgb,var(--surface-base) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-subtle)}.ds-upload__sticky-hint{margin:0;text-align:center;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ds-upload__cooldown{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-4)}.ds-upload__cooldown-emoji{font-size:56px;line-height:1}.ds-upload__cooldown-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-upload__cooldown-text{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:320px}.screen.screen--play{--screen-top-spacing: var(--space-2);gap:var(--space-3)}.screen.screen--play .ds-seg__tab{min-height:32px;padding-top:4px;padding-bottom:4px}.ds-logros__counter{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.ds-logros__counter-skeleton{margin:0 0 var(--space-2) 0}.ds-logros__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-1)}.ds-logros__filters-skeleton{display:flex;gap:var(--space-2);padding:var(--space-1) 0}.ds-logros__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.ds-logros__grid-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ds-logros__error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-2) 0}.ds-logros__error-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--warning-soft, rgba(245, 158, 11, .12));color:var(--warning-500, #f59e0b);border-radius:var(--radius-full);font-size:24px;font-weight:var(--weight-bold)}.ds-logros__error-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.ds-logros__error-text{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.ds-logros__progress-box{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius);width:100%;max-width:280px}.ds-logros__progress-label{text-align:center;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold)}.ds-logros__progress-value{text-align:center;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-display);font-variant-numeric:tabular-nums}.ds-logros__progress-bar{position:relative;height:6px;background:var(--surface-1);border-radius:999px;overflow:hidden}.ds-logros__progress-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-500);border-radius:999px;transition:width var(--duration-base) var(--ease-out)}.create-fab{position:fixed;bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-h) / 2 - 32px);left:50%;transform:translate(-50%) translateY(-18px);z-index:1200;width:64px;height:64px;border-radius:var(--radius-full);background:var(--brand-500);color:var(--text-inverse);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000080,0 0 0 4px var(--surface-base);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.create-fab:hover{background:var(--brand-400);transform:translate(-50%) translateY(-22px) scale(1.04)}.create-fab:active{background:var(--brand-600);transform:translate(-50%) translateY(-16px) scale(.97)}.create-fab.is-expanded{background:var(--brand-600);box-shadow:0 4px 16px #0009,0 0 0 4px var(--surface-base)}.create-fab:focus-visible{outline:none;box-shadow:0 4px 12px #00000080,0 0 0 4px var(--surface-base),0 0 0 6px var(--brand-500)}.create-fab__icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out)}.create-fab__icon.is-expanded{transform:rotate(45deg)}.create-fab__icon svg{width:28px;height:28px}@media (prefers-reduced-motion: reduce){.create-fab,.create-fab__icon{transition:none}.create-fab:hover{transform:translate(-50%) translateY(-18px)}}body.modal-open .create-fab:not(.is-expanded){visibility:hidden}.create-speed-dial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.create-speed-dial__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);pointer-events:auto;animation:create-speed-dial-fade-in var(--duration) var(--ease-out)}.create-speed-dial__panel{position:relative;pointer-events:auto;padding:0 var(--space-5);padding-bottom:calc(var(--bottom-nav-h) + 90px);display:flex;flex-direction:column;gap:var(--space-3);z-index:1101;width:100%;max-width:var(--content-max);margin:0 auto;animation:create-speed-dial-fade-in var(--duration) var(--ease-out)}.create-speed-dial__title{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.create-speed-dial__items{display:flex;flex-direction:column;gap:var(--space-3)}.create-speed-dial__item{animation:create-speed-dial-item-in var(--duration) var(--ease-spring) both}@keyframes create-speed-dial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes create-speed-dial-item-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.create-speed-dial__backdrop,.create-speed-dial__panel,.create-speed-dial__item{animation:none}}.gender-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1000);display:flex;overflow-y:auto;overscroll-behavior:contain;padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.gender-gate__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206179e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gender-gate__dialog{position:relative;width:min(100%,420px);margin:auto;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg, 16px);box-shadow:0 12px 40px #0000004d,0 2px 8px #0000002e;padding:var(--space-6)}.gender-gate__header{display:flex;flex-direction:column;gap:var(--space-2)}.gender-gate__title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;line-height:1.15;color:var(--text-primary)}.gender-gate__desc{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:1.45}.gender-gate__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.gender-gate__option{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-3);background:var(--surface-1);color:var(--text-primary);border:1.5px solid var(--border-strong);border-radius:var(--radius, 12px);font:inherit;font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@media (hover: hover){.gender-gate__option:hover:not(:disabled){border-color:var(--brand-500)}}.gender-gate__option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-1),0 0 0 4px var(--brand-500)}.gender-gate__option:active:not(:disabled){transform:scale(.985)}.gender-gate__option:disabled{opacity:.55;cursor:not-allowed}.gender-gate__option.is-selected{border-color:var(--brand-500);background:var(--surface-2)}.gender-gate__option-check{flex:none;width:18px;height:18px;border-radius:var(--radius-full, 999px);border:2px solid var(--border-strong);background:transparent;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.gender-gate__option.is-selected .gender-gate__option-check{border-color:var(--brand-500);background:var(--brand-500)}.gender-gate__error{margin:0;color:var(--danger-500);background:var(--danger-soft);border-radius:var(--radius-sm, 6px);padding:var(--space-2) var(--space-3);font-size:14px;line-height:1.4}.gender-gate__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.gender-gate__pending{position:relative;margin:auto;display:flex;align-items:center;justify-content:center}.gender-gate__spinner{width:32px;height:32px;border-radius:var(--radius-full, 999px);border:3px solid var(--border-strong);border-top-color:var(--brand-500);animation:gender-gate-spin .7s linear infinite}.gender-gate__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes gender-gate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.gender-gate__spinner{animation-duration:1.4s}}@media (max-width: 360px){.gender-gate__title{font-size:26px}.gender-gate__dialog{padding:var(--space-4)}}@media (prefers-reduced-motion: reduce){.gender-gate__option,.gender-gate__option-check{transition:none}}@media (prefers-reduced-transparency: reduce){.gender-gate__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617cc}}:root{--color-navy-50: #f5f7fa;--color-navy-100: #e8eef5;--color-navy-200: #b8c2d4;--color-navy-300: #94a3b8;--color-navy-400: #7e8a9f;--color-navy-500: #4a5568;--color-navy-600: #334155;--color-navy-700: #1f2e49;--color-navy-800: #16223a;--color-navy-900: #0d1626;--color-navy-950: #05091c;--color-lime-400: #b3d63d;--color-lime-500: #9ABF28;--color-lime-600: #809F21;--color-lime-700: #6a851a;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-white: #ffffff;--color-black: #000000}:root,:root[data-theme=dark]{--surface-base: var(--color-navy-950);--surface-1: var(--color-navy-900);--surface-2: var(--color-navy-800);--surface-3: var(--color-navy-700);--surface-overlay: rgba(0, 0, 0, .7);--brand-500: var(--color-lime-500);--brand-400: var(--color-lime-400);--brand-600: var(--color-lime-600);--brand-700: var(--color-lime-700);--brand-soft: rgba(154, 191, 40, .14);--brand-glow: rgba(154, 191, 40, .25);--success-500: var(--color-green-500);--success-soft: rgba(34, 197, 94, .15);--warning-500: var(--color-amber-500);--warning-soft: rgba(245, 158, 11, .15);--danger-500: var(--color-red-500);--danger-600: var(--color-red-600);--danger-soft: rgba(239, 68, 68, .15);--info-500: var(--color-blue-500);--info-soft: rgba(59, 130, 246, .15);--text-primary: var(--color-navy-50);--text-secondary: var(--color-navy-200);--text-muted: var(--color-navy-400);--text-inverse: var(--color-slate-900);--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-brand: rgba(154, 191, 40, .3)}:root[data-theme=light]{--surface-base: var(--color-navy-50);--surface-1: var(--color-white);--surface-2: var(--color-slate-100);--surface-3: var(--color-white);--surface-overlay: rgba(15, 23, 42, .5);--brand-500: var(--color-lime-700);--brand-400: var(--color-lime-600);--brand-600: var(--color-lime-700);--brand-700: var(--color-lime-700);--brand-soft: rgba(154, 191, 40, .16);--brand-glow: rgba(154, 191, 40, .2);--border-brand: rgba(106, 133, 26, .3);--success-500: var(--color-green-700);--success-soft: rgba(34, 197, 94, .12);--warning-500: var(--color-amber-700);--warning-soft: rgba(245, 158, 11, .14);--danger-500: var(--color-red-700);--danger-600: #991b1b;--danger-soft: rgba(239, 68, 68, .12);--info-500: var(--color-blue-700);--info-soft: rgba(59, 130, 246, .16);--text-primary: var(--color-navy-900);--text-secondary: var(--color-slate-600);--text-muted: var(--color-slate-500);--text-inverse: var(--color-white);--border-subtle: rgba(15, 23, 42, .06);--border-default: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .14);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .1), 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 16px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 32px rgba(15, 23, 42, .14), 0 4px 8px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .18), 0 8px 16px rgba(15, 23, 42, .1)}[data-force-theme=dark]{--surface-base: var(--color-navy-950);--surface-1: var(--color-navy-900);--surface-2: var(--color-navy-800);--surface-3: var(--color-navy-700);--surface-overlay: rgba(0, 0, 0, .65);--brand-500: var(--color-lime-500);--brand-400: var(--color-lime-400);--brand-600: var(--color-lime-600);--brand-700: var(--color-lime-700);--brand-soft: rgba(154, 191, 40, .14);--brand-glow: rgba(154, 191, 40, .25);--success-500: var(--color-green-500);--success-soft: rgba(34, 197, 94, .14);--warning-500: var(--color-amber-500);--warning-soft: rgba(245, 158, 11, .14);--danger-500: var(--color-red-500);--danger-600: var(--color-red-600);--danger-soft: rgba(239, 68, 68, .14);--info-500: var(--color-blue-500);--info-soft: rgba(59, 130, 246, .14);--text-primary: var(--color-navy-50);--text-secondary: var(--color-navy-200);--text-muted: var(--color-navy-400);--text-inverse: var(--color-slate-900);--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-brand: rgba(154, 191, 40, .3)}:root{--font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 56px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-loose: 1.75;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--brand-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration: .25s;--duration-slow: .4s;--content-max: 480px;--content-pad-x: 16px;--bottom-nav-h: 72px;--top-bar-h: 56px;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0);--safe-right: env(safe-area-inset-right, 0);--z-base: 1;--z-elevated: 10;--z-sticky: 100;--z-bottom-nav: 500;--z-top-bar: 500;--z-fab: 600;--z-modal: 1000;--z-toast: 1100;--topbar-h: 0px}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration: 0ms;--duration-slow: 0ms}}*{box-sizing:border-box;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;padding:0;width:100%;min-height:100dvh;overscroll-behavior:none;background:var(--surface-base)}body.modal-open{overflow:hidden}body{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--surface-base)}.screen{min-height:100dvh;width:100%;max-width:100vw;padding:calc(env(safe-area-inset-top) + var(--topbar-h, 0px) + var(--screen-top-spacing, 0px)) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:24px;overflow-x:clip}.screen--has-nav{padding-bottom:calc(var(--bottom-nav-h) + var(--space-6) + env(safe-area-inset-bottom))}.screen--has-nav:after{content:"";position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));height:24px;background:linear-gradient(to top,var(--surface-base) 0%,transparent 100%);pointer-events:none;z-index:100}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:4px}.screen>header{padding-top:max(env(safe-area-inset-top),24px)}.screen>header small{color:var(--text-muted);font-size:13px;letter-spacing:.04em}.screen>header h1{margin:4px 0 8px;font-size:28px}main{flex:1;display:flex;flex-direction:column;gap:12px}.btn-primary{background:var(--brand-500);color:#000;border:none;border-radius:var(--radius);font-size:17px;font-weight:700;padding:16px;cursor:pointer;width:100%}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius);font-size:17px;font-weight:600;padding:16px;cursor:pointer;width:100%}.btn-danger{background:#e74c3c1a;color:var(--danger-500);border:1px solid rgba(231,76,60,.3);border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer}.btn-danger:disabled{opacity:.4}.hint{color:var(--text-primary);font-size:15px;margin:0 0 4px}.muted{color:var(--text-muted);font-size:13px;margin:0}.error{background:#e74c3c1a;color:var(--danger-500);border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:10px 12px;font-size:13px}.cfg-input{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px;font-size:16px;outline:none;width:100%;min-width:0}.cfg-input:focus{border-color:var(--brand-500)}.cfg-input.has-error{border-color:var(--danger-500)}.cfg-input.has-error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-soft, rgba(220, 38, 38, .15))}.player-input-error{margin:var(--space-1) 0 0;color:var(--danger-500);font-size:var(--text-xs);line-height:var(--leading-snug)}.match-screen{gap:16px}.match-main{gap:14px}.match-screen--live{height:100dvh;min-height:100dvh;gap:0;padding:0;overflow:hidden;background:var(--surface-base)}.match-screen--live>[data-testid=match-header]{flex-shrink:0}.match-screen--live .match-main{flex:1;min-height:0;gap:0;padding:0}.match-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) var(--space-3) max(var(--space-4),env(safe-area-inset-left))}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.field>small{color:var(--text-muted);font-size:11px}.player-input-wrap{position:relative;width:100%}.player-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-1);border:1px solid var(--border-default);border-radius:10px;max-height:220px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.player-drop-loading{padding:12px;font-size:13px;color:var(--text-muted);text-align:center}.player-drop-item{width:100%;background:transparent;border:none;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer;color:var(--text-primary);text-align:left}.player-drop-item:hover,.player-drop-item:active,.player-drop-item--highlighted{background:#ffffff0d}.player-drop-handle{color:var(--brand-500);font-size:14px;font-weight:700}.player-drop-name{color:var(--text-muted);font-size:12px}.player-drop-guest-hint{margin-left:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-full, 999px);padding:1px 6px}.friend-star{color:var(--brand-500);font-size:.9em;margin-right:4px;filter:drop-shadow(0 0 3px rgba(154,191,40,.5))}.friend-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;animation:friend-prompt-fade .15s ease}@keyframes friend-prompt-fade{0%{opacity:0}to{opacity:1}}.friend-prompt{background:linear-gradient(135deg,rgba(154,191,40,.12) 0%,var(--surface-1) 100%);border:1px solid rgba(154,191,40,.4);border-radius:14px;padding:22px;width:min(380px,92vw);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px #0009;animation:friend-prompt-slide .18s ease}@keyframes friend-prompt-slide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.usercard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.usercard{position:relative;background:var(--surface-1);border:1px solid var(--border-default);border-radius:16px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000080}.usercard-close{position:absolute;top:10px;right:10px;background:transparent;color:var(--text-muted);border:none;font-size:20px;font-weight:700;cursor:pointer;width:32px;height:32px;border-radius:50%;min-width:44px;min-height:44px}.usercard-close:active{background:#ffffff0d;color:var(--text-primary)}.usercard-header{display:flex;flex-direction:column;gap:4px;padding-right:32px}.usercard-handle{color:var(--brand-500);font-size:14px;font-weight:700}.usercard-fullname{font-size:22px;font-weight:800;color:var(--text-primary)}.usercard-display{color:var(--text-muted);font-size:12px}.usercard-actions{display:flex;flex-direction:column;gap:8px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;animation:dlg-fade-in .15s ease}@keyframes dlg-fade-in{0%{opacity:0}to{opacity:1}}.dialog-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:0 24px 64px #0009;width:min(420px,94vw);max-height:86vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;animation:dlg-slide-up .18s ease}@keyframes dlg-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-title{margin:0;font-size:17px;font-weight:800;color:var(--text-primary)}.dialog-message{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.dialog-input{width:100%;margin-bottom:14px}.dialog-actions{display:flex;flex-direction:column;gap:8px}.dialog-btn{min-height:44px;width:100%;padding:12px 18px;font-size:14px}.toast-stack{position:fixed;top:calc(var(--topbar-h, 0px) + env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{background:var(--surface-1);border:1px solid var(--border-default);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #0006;animation:toast-in .2s ease;pointer-events:auto;display:flex;align-items:center;gap:12px}.toast-msg{flex:1}.toast-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--brand-500);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:6px 10px;margin:-6px -4px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.toast-action:hover,.toast-action:active{background:#9abf281a}@keyframes toast-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.pass-wrap{position:relative;display:block}.pass-wrap .cfg-input{padding-right:44px}.pass-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.pass-toggle:hover,.pass-toggle:focus-visible{color:var(--text-primary);background:#ffffff0d}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-500);cursor:pointer;margin:0}.login-remember:hover span{color:var(--text-primary)}button.achievement-badge,div.achievement-badge{min-height:116px}button.achievement-badge{transition:transform .12s var(--ease-out),box-shadow .3s var(--ease-out),opacity .2s var(--ease-out),background .15s var(--ease-out)}button.achievement-badge:hover{background:var(--surface-2)}button.achievement-badge:active{transform:scale(.96)}button.achievement-badge:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--brand-500)}.achievement-badge__progress-bar{position:relative;width:100%;height:3px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:2px}.achievement-badge__progress-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-500);border-radius:999px;transition:width var(--duration-base) var(--ease-out)}.achievement-badge.is-new{animation:achievement-unlock .8s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) both}@keyframes achievement-unlock{0%{transform:scale(.92);box-shadow:0 0 0 0 var(--brand-glow, rgba(154,191,40,0))}40%{transform:scale(1.06);box-shadow:0 0 0 8px var(--brand-glow, rgba(154,191,40,.4))}to{transform:scale(1);box-shadow:0 0 0 4px var(--brand-glow, rgba(154,191,40,.3))}}@media (prefers-reduced-motion: reduce){.achievement-badge.is-new{animation:achievement-unlock-fade .4s ease both}@keyframes achievement-unlock-fade{0%{opacity:.5}to{opacity:1}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.install-prompt{background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.install-prompt-body{display:flex;align-items:center;gap:12px}.install-prompt-icon{font-size:28px;line-height:1;flex-shrink:0}.install-prompt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.install-prompt-text strong{font-size:14px}.install-prompt-text small{color:var(--text-muted);font-size:12px;line-height:1.3}.install-prompt-actions{display:flex;gap:8px;justify-content:flex-end}.install-prompt-dismiss,.install-prompt-install{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}.install-prompt-install{background:var(--brand-500);color:#062615;border-color:var(--brand-500)}.install-prompt-install:hover{background:var(--accent-hover, var(--brand-500))}.install-prompt-ios .install-prompt-text small{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px}.install-prompt-ios .install-prompt-text small em{color:var(--text-primary);font-style:normal;font-weight:600}.ios-share-icon{width:14px;height:14px;display:inline-block;vertical-align:-2px;color:#2e8ef3;flex-shrink:0}.guest-conversion-benefits{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#9abf280f;border:1px solid rgba(154,191,40,.2);border-radius:10px;font-size:14px}.spectator-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;overflow:hidden}.spectator-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.spectator-error{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--surface-base);color:var(--text-primary)}.spectator-rotate-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0a0e1a;color:#fff;z-index:2}.srg-icon{font-size:64px;animation:srg-spin 2.5s ease-in-out infinite}@keyframes srg-spin{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.srg-text{font-size:18px;font-weight:600;text-align:center;padding:0 24px}.spectator-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000000c7;color:#fff;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:500;z-index:3;pointer-events:none;animation:spec-fade-in .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spectator-exit-pill{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#000000d1;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;z-index:4;animation:spec-fade-in .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spectator-exit-pill:hover{background:#141414eb}@keyframes spec-fade-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:var(--surface-base);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;-webkit-user-select:none;user-select:none}.orientation-overlay__inner{max-width:320px;display:flex;flex-direction:column;align-items:center;gap:16px}.orientation-overlay__icon{color:var(--brand-500);animation:orientation-rotate 2.4s ease-in-out infinite;transform-origin:32px 28px}@keyframes orientation-rotate{0%,28%,to{transform:rotate(0)}44%,86%{transform:rotate(-90deg)}}.orientation-overlay__title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.orientation-overlay__text{margin:0;font-size:15px;line-height:1.45;opacity:.85}