.arena-ui-scope {
  color: var(--arena-ui-text);
  font-family: var(--arena-ui-font-body);
}

.arena-ui-scope *,
.arena-ui-scope *::before,
.arena-ui-scope *::after { box-sizing: border-box; }

.arena-ui-team-chip,
.arena-ui-status-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--arena-ui-space-2);
  min-height: 28px;
  padding: 4px 8px;
  border-radius: var(--arena-ui-radius);
  font: 700 var(--arena-ui-t-label)/1.3 var(--arena-ui-font-body);
}

.arena-ui-team-chip {
  background: var(--arena-ui-team-stripe, var(--arena-ui-surface-raised));
  color: var(--arena-ui-team-chip-text, var(--arena-ui-text));
  border: 1px solid rgb(243 245 247 / .18);
}

.arena-ui-status-chip { color: var(--arena-ui-text); border: 1px solid var(--arena-ui-cyan); background: transparent; }
.arena-ui-status-chip[data-status="out"] { background: var(--arena-ui-red-text-light); border-color: var(--arena-ui-red-text-light); }
.arena-ui-status-chip[data-status="doubtful"] { color: var(--arena-ui-orange); border-color: var(--arena-ui-orange); }
.arena-ui-status-chip[data-status="questionable"] { color: var(--arena-ui-navy); background: var(--arena-ui-yellow); border-color: var(--arena-ui-yellow); }
.arena-ui-status-chip[data-status="no-status"] { color: var(--arena-ui-muted); border-color: var(--arena-ui-muted); }

.arena-ui-metric-tile,
.arena-ui-section-header,
.arena-ui-empty-state,
.arena-ui-source-note { display: grid; gap: var(--arena-ui-space-2); }

.arena-ui-metric-tile {
  padding: var(--arena-ui-space-4);
  background: var(--arena-ui-surface);
  border-left: 3px solid var(--arena-ui-cyan);
  border-radius: var(--arena-ui-radius);
}

.arena-ui-metric-tile__label,
.arena-ui-section-header__eyebrow {
  color: var(--arena-ui-muted);
  font-size: var(--arena-ui-t-label);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.arena-ui-metric-tile__value { font: 700 var(--arena-ui-t-score)/1 var(--arena-ui-font-body); font-variant-numeric: tabular-nums; }
.arena-ui-section-header h2 { margin: 0; font: 700 var(--arena-ui-t-h2)/1.1 var(--arena-ui-font-display); text-wrap: balance; }
.arena-ui-section-header p { max-width: 68ch; margin: 0; color: var(--arena-ui-muted); font-size: var(--arena-ui-t-body); }

.arena-ui-empty-state { padding: var(--arena-ui-space-6); border: 1px dashed var(--arena-ui-muted); border-radius: var(--arena-ui-radius); color: var(--arena-ui-muted); }
.arena-ui-empty-state[data-state="error"] { border-color: var(--arena-ui-red-text-dark); color: var(--arena-ui-red-text-dark); }
.arena-ui-empty-state[data-state="loading"] { border-style: solid; }
.arena-ui-empty-state[data-state="missing"] { border-color: var(--arena-ui-orange); }
.arena-ui-empty-state[aria-busy="true"] { cursor: progress; }
.arena-ui-source-note { color: var(--arena-ui-muted); font-size: var(--arena-ui-t-small); }

.arena-ui-data-table { width: 100%; border-collapse: collapse; font-size: var(--arena-ui-t-body); }
.arena-ui-data-table th,
.arena-ui-data-table td { padding: var(--arena-ui-space-3); text-align: left; border-bottom: 1px solid rgb(157 171 192 / .25); }
.arena-ui-data-table th[aria-sort],
.arena-ui-data-table td[data-numeric] { font-variant-numeric: tabular-nums; text-align: right; }

.arena-ui-practice-strip { display: grid; grid-template-columns: repeat(3, minmax(48px, 1fr)); gap: var(--arena-ui-space-1); }
.arena-ui-practice-strip > * { padding: var(--arena-ui-space-2); background: var(--arena-ui-surface-raised); text-align: center; font-size: var(--arena-ui-t-label); }
.arena-ui-scope :focus-visible { outline: var(--arena-ui-focus); outline-offset: 2px; }

@media (max-width: 640px) {
  .arena-ui-metric-tile__value { font-size: 36px; }
  .arena-ui-data-table { display: block; overflow-x: auto; }
  .arena-ui-data-table th, .arena-ui-data-table td { min-width: 120px; }
}

@media (prefers-reduced-motion: reduce) {
  .arena-ui-scope *, .arena-ui-scope *::before, .arena-ui-scope *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}