/* Team Directory — shared component (James, 2026-10-05)
   Uniform team-card grid used by every sports hub. Visual language from the
   CFB "Signing Day Directory": seal logo, team name, league tag. Cards link
   to the full team page. Works at 390px and 1440px.
   Desert Golden Hour theme (fixed 2026-10-06): dark-on-cream was unreadable,
   all text now uses desert ink tokens. ?v=20261006b */
.tdir-wrap{ position: relative; }.tdir-controls{ display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }.tdir-controls input[type="search"]{
  flex: 1; min-width: 180px; padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--desert-rule, rgba(var(--desert-ink-rgb), .14));
  background: var(--desert-card, var(--desert-card));
  color: var(--desert-ink, var(--desert-ink)); font-size: 14px;
}.tdir-controls input[type="search"]::placeholder{
  color: var(--desert-ink-faint, rgba(var(--desert-ink-rgb), .52));
}.tdir-grid{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; position: relative;
}a.tdir-card{
  --team: transparent;
  background: linear-gradient(165deg, color-mix(in srgb, var(--team) 15%, var(--desert-card, #101010)), color-mix(in srgb, var(--team) 5%, var(--desert-card, #101010)));
  border: 1px solid var(--desert-rule, rgba(var(--desert-ink-rgb), .14));
  border-radius: 10px; padding: 10px 6px 8px; text-align: center;
  position: relative; text-decoration: none; display: block;
  box-shadow: 0 2px 10px rgba(var(--desert-ink-rgb), .06);
  transition: transform .18s ease, border-color .18s ease;
}a.tdir-card:hover{
  transform: translateY(-3px);
  border-color: var(--desert-accent, var(--desert-accent));
}.tdir-card .seal{
  width: 40px; height: 40px; margin: 0 auto 6px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; background: var(--desert-card);
  box-shadow: 0 0 0 4px var(--desert-accent-soft, rgba(var(--desert-accent-rgb), .12)),
    0 4px 14px rgba(var(--desert-ink-rgb), .18);
  position: relative;
}.tdir-card .seal img{ width: 30px; height: 30px; object-fit: contain; }.tdir-card .seal::after{
  content: ""; position: absolute; inset: -7px; border-radius: 50%;
  border: 2px dashed var(--desert-accent-faint, rgba(var(--desert-accent-rgb), .35));
}.tdir-card .tn{
  font-size: 11px; font-weight: 700;
  color: var(--desert-ink, var(--desert-ink)); line-height: 1.25;
}.tdir-card .tl{
  font-size: 9px; color: var(--desert-ink-faint, rgba(var(--desert-ink-rgb), .52));
  margin-top: 4px; letter-spacing: .06em; text-transform: uppercase;
}.tdir-count{
  margin-top: 16px; text-align: center; font-size: 13px;
  color: var(--desert-ink-faint, rgba(var(--desert-ink-rgb), .52));
}.tdir-count b{ color: var(--desert-accent, var(--desert-accent)); }.tdir-empty{
  text-align: center; padding: 24px;
  color: var(--desert-ink-faint, rgba(var(--desert-ink-rgb), .52)); grid-column: 1 / -1;
}/* League sections on the directory page */
.tdir-league{ margin-bottom: 36px; }.tdir-league > h3{
  font-size: 20px; font-weight: 800;
  color: var(--desert-ink, var(--desert-ink)); margin-bottom: 4px;
  display: flex; align-items: baseline; gap: 10px;
}.tdir-league > h3 .cnt{
  font-size: 13px; font-weight: 400;
  color: var(--desert-ink-faint, rgba(var(--desert-ink-rgb), .52));
}.tdir-league > h3 a{
  color: var(--desert-ink, var(--desert-ink)); text-decoration: none;
}.tdir-league > h3 a:hover{ color: var(--desert-accent, var(--desert-accent)); }@media (max-width: 640px){.tdir-grid{ grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 6px; }a.tdir-card{ padding: 10px 6px 8px; }.tdir-card .seal{ width: 34px; height: 34px; }.tdir-card .seal img{ width: 26px; height: 26px; }.tdir-card .tn{ font-size: 10px; }
}

/* ================= RAIDERS PHASE 2 (2026-10-16) =================
   The --desert-* token set, re-valued to the locked role map. Every
   var-driven sheet on these fronts (hubs, hub-v2, sections, league-nav,
   team-directory) flips through this one block. Values: ground #000000,
   card #101010, pressed #1B1B1B, ink silver #A5ACAF, dim #959DA2,
   faint #8C9399, accent WHITE, accent-deep #6E7478. */
:root{
  --desert-bg:#000000; --desert-bg-rgb:0,0,0;
  --desert-card:#101010; --desert-card-rgb:16,16,16;
  --desert-pressed:#1B1B1B; --desert-pressed-rgb:27,27,27;
  --desert-ink:#A5ACAF; --desert-ink-rgb:165,172,175;
  --desert-ink-dim:#959DA2; --desert-ink-faint:#8C9399;
  --desert-rule:rgba(165,172,175,.14);
  --desert-accent:#FFFFFF; --desert-accent-rgb:255,255,255;
  --desert-accent-deep:#6E7478; --desert-accent-deep-rgb:110,116,120;
  --desert-accent-soft:rgba(255,255,255,.12); --desert-accent-soft-rgb:255,255,255;
  --desert-accent-faint:rgba(255,255,255,.07);
  --desert-accent-glow:rgba(255,255,255,.30); --desert-accent-glow-lg:rgba(255,255,255,.48);
  --desert-accent-ember:#D7DBDD; --desert-accent-ember-rgb:215,219,221;
  --desert-glass:rgba(0,0,0,.92);
  --desert-shadow:rgba(0,0,0,.14); --desert-shadow-rgb:0,0,0;
  --desert-scrim-strong:rgba(0,0,0,.88); --desert-scrim-mid:rgba(0,0,0,.35);
  --desert-scrim-soft:rgba(0,0,0,.05);
}

/* RAIDERS PHASE 2: brand-red chain resolves to the white accent in the
   sports scheme (live dots, focus, fills read white-on-black / black-on-white) */
:root{--brand-red:#FFFFFF;--brand-red-rgb:255,255,255;--brand-red-ember:#D7DBDD}