:root{--brand-lavender-primary:#7c5cd6;--brand-lavender-dark:#4b3288;--brand-lavender-light:#ede7fb;--brand-green-primary:#0e7a46;--brand-green-dark:#0a5632;--brand-green-light:#e2f3ea;--brand-white:#fff;--brand-ink:#141221;--brand-surface:#f7f6fb;--brand-border:#ddd9e8;--system-warning:#b26a00;--system-error:#b3261e;--system-info:#1b5e9e;--system-warning-surface:#fdf3e3;--system-error-surface:#fcebea;--system-info-surface:#e9f1f9;--system-muted:#5c5870;--semantic-action-primary:var(--brand-lavender-primary);--semantic-action-primary-hover:var(--brand-lavender-dark);--semantic-action-secondary:var(--brand-green-primary);--semantic-success:var(--brand-green-primary);--semantic-success-surface:var(--brand-green-light);--semantic-warning:var(--system-warning);--semantic-warning-surface:var(--system-warning-surface);--semantic-error:var(--system-error);--semantic-error-surface:var(--system-error-surface);--semantic-info:var(--system-info);--semantic-info-surface:var(--system-info-surface);--semantic-background-page:var(--brand-surface);--semantic-background-card:var(--brand-white);--semantic-text-primary:var(--brand-ink);--semantic-text-secondary:var(--system-muted);--semantic-text-on-action:var(--brand-white);--semantic-border-default:var(--brand-border);--competition-live:var(--semantic-error);--competition-scheduled:var(--semantic-info);--competition-completed:var(--semantic-success);--competition-postponed:var(--semantic-warning);--competition-cancelled:var(--semantic-text-secondary);--font-family-arabic:"Noto Kufi Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-family-latin:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-numeric:"Inter", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-display:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:999px;--elevation-0:none;--elevation-1:0 1px 2px #1412210f, 0 1px 3px #1412211a;--elevation-2:0 2px 6px #14122114, 0 4px 12px #14122114;--elevation-3:0 8px 24px #1412211f;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}:root:lang(ar){--font-family-body:var(--font-family-arabic)}:root:lang(en){--font-family-body:var(--font-family-latin)}
.dba-button{--dba-button-bg:var(--semantic-action-primary);--dba-button-fg:var(--semantic-text-on-action);--dba-button-border:transparent;justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family-body,var(--font-family-latin));font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--dba-button-border);border-radius:var(--radius-md);background-color:var(--dba-button-bg);color:var(--dba-button-fg);cursor:pointer;text-decoration:none;transition:background-color .12s ease-out,border-color .12s ease-out;display:inline-flex}.dba-button:hover:not(:disabled){--dba-button-bg:var(--semantic-action-primary-hover)}.dba-button:focus-visible{outline:2px solid var(--semantic-action-primary);outline-offset:2px}.dba-button:disabled,.dba-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.dba-button--secondary{--dba-button-bg:transparent;--dba-button-fg:var(--semantic-action-secondary);--dba-button-border:var(--semantic-action-secondary)}.dba-button--ghost{--dba-button-bg:transparent;--dba-button-fg:var(--semantic-text-primary);--dba-button-border:var(--semantic-border-default)}.dba-button--danger{--dba-button-bg:var(--semantic-error);--dba-button-fg:var(--semantic-text-on-action)}.dba-button--sm{padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--font-size-sm)}.dba-button--md{font-size:var(--font-size-md)}.dba-button--lg{padding-block:var(--space-3);padding-inline:var(--space-6);font-size:var(--font-size-lg)}.dba-button--block{inline-size:100%;display:flex}.dba-stack{min-inline-size:0;display:flex}.dba-stack--vertical{flex-direction:column}.dba-stack--horizontal{flex-direction:row;align-items:center}.dba-stack--wrap{flex-wrap:wrap}.dba-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dba-skip-link:focus{z-index:1000;block-size:auto;inline-size:auto;padding:var(--space-2) var(--space-4);clip-path:none;background-color:var(--semantic-background-card);color:var(--semantic-text-primary);border:2px solid var(--semantic-action-primary);border-radius:var(--radius-md);position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.dba-card{background-color:var(--semantic-background-card);border:1px solid var(--semantic-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--elevation-1);color:var(--semantic-text-primary)}
*,:before,:after{box-sizing:border-box}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%}body{background-color:var(--semantic-background-page);color:var(--semantic-text-primary);font-family:var(--font-family-body,var(--font-family-latin));font-size:var(--font-size-md);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{max-inline-size:72rem;padding-inline:var(--space-6);padding-block:var(--space-12);margin-inline:auto}.page__title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-block:0 var(--space-2)}.page__lede{color:var(--semantic-text-secondary);margin-block:0 var(--space-8);max-inline-size:60ch}.section__title{font-size:var(--font-size-lg);margin-block:0 var(--space-3)}.status-dot{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);flex:none;display:inline-block}.status-dot--ok{background-color:var(--semantic-success)}.status-dot--down{background-color:var(--semantic-error)}.status-dot--unknown{background-color:var(--semantic-text-secondary)}.notice{border-inline-start:4px solid var(--semantic-warning);background-color:var(--semantic-warning-surface);padding:var(--space-4);border-radius:var(--radius-md)}.meta{color:var(--semantic-text-secondary);font-size:var(--font-size-sm);margin:0}.data-table{border-collapse:collapse;inline-size:100%;font-size:var(--font-size-sm);margin-block-start:var(--space-4)}.data-table th,.data-table td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--semantic-border-default)}.data-table th{color:var(--semantic-text-secondary);font-weight:600}.note{color:var(--semantic-text-secondary);font-size:var(--font-size-sm)}.site-nav{border-block-end:1px solid var(--semantic-border-default);padding-inline:var(--space-6);padding-block:var(--space-3)}.site-nav__list{gap:var(--space-4);flex-wrap:wrap;max-inline-size:72rem;margin:0;margin-inline:auto;padding:0;list-style:none;display:flex}.site-nav__list--child{gap:var(--space-3);font-size:var(--font-size-sm);margin-block-start:var(--space-1)}.site-footer{border-block-start:1px solid var(--semantic-border-default);padding-inline:var(--space-6);padding-block:var(--space-6);max-inline-size:72rem;margin-inline:auto}.player-nav{border-block-end:1px solid var(--semantic-border-default);padding-inline:var(--space-6);padding-block:var(--space-3);background-color:var(--semantic-background-subtle,transparent)}.player-nav__list{gap:var(--space-4);max-inline-size:72rem;font-size:var(--font-size-sm);flex-wrap:wrap;margin:0;margin-inline:auto;padding:0;list-style:none;display:flex}.form__notice{color:var(--semantic-success);font-size:var(--font-size-sm)}.form__error{color:var(--semantic-error);font-size:var(--font-size-sm)}