/* ── WoW Forever LAUNCH (home, 2026-10-23) ─────────────────────────────────────────────
   Two baked blocks from wgf_home_launch.py: the countdown at the top of the hero
   (.hl-timer) and the Final Beta Market Report in the command column (.hl-report).
   Gold chrome on the shared .wgf-window kit; green/red appear only as the
   --wgf-up/--wgf-down data colours on the % badge (no-green-chrome rule). ── */

.hl-timer{margin:0 0 var(--space-4,16px)}
.hl-timer__body{text-align:center;padding:var(--space-4,16px) var(--space-3,12px)}
.hl-timer__eyebrow{
  margin:0;font-family:var(--font-ui);font-size:var(--text-sm,.875rem);
  letter-spacing:.08em;text-transform:uppercase;color:var(--wgf-gold-muted);
}
.hl-timer__h{
  margin:var(--space-1,4px) 0 0;font-family:var(--font-game);font-weight:700;
  font-size:clamp(1.05rem,2.6vw,1.4rem);color:var(--wgf-text);text-shadow:var(--text-ink-outline);
}
.hl-timer__count{
  margin:var(--space-2,8px) 0 0;font-family:var(--font-game);font-weight:700;line-height:1.05;
  font-size:clamp(2.4rem,8vw,4rem);color:var(--wgf-gold-bright);text-shadow:var(--text-ink-outline);
  font-variant-numeric:tabular-nums;
}
.hl-timer__date{margin:var(--space-1,4px) 0 0;color:var(--wgf-text)}
.hl-timer__note{margin:var(--space-1,4px) 0 0;font-size:var(--text-sm,.875rem);color:var(--wgf-muted)}
.hl-steps{
  list-style:none;margin:var(--space-3,12px) auto 0;padding:0;max-width:44rem;
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2,8px) var(--space-4,16px);
}
.hl-step{display:flex;flex-direction:column;align-items:center;min-width:8rem;font-size:var(--text-sm,.875rem);color:var(--wgf-muted)}
.hl-step time{font-family:var(--font-game);font-weight:700;color:var(--wgf-gold-muted)}
.hl-step--next{color:var(--wgf-text)}
.hl-step--next time{color:var(--wgf-gold-bright)}
.hl-step--done{opacity:.6}
.hl-step--done span{text-decoration:line-through}

/* Launch week (2026-10-29): the countdown is a slim gold-ruled strip inside the hero, so
   the H1, price search and launch guides stay above the fold. One line on desktop.
   Doubled class: the page still loads an older copy of this file later (?v=20261015adsfix1),
   whose .hl-timer margin would otherwise win on source order. */
.hl-timer.hl-timer--strip{
  margin:0 auto var(--space-3,12px);max-width:52rem;
  border-top:1px solid var(--wgf-gold-muted);border-bottom:1px solid var(--wgf-gold-muted);
}
.hl-timer--strip .hl-timer__body{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;
  gap:var(--space-1,4px) var(--space-3,12px);padding:var(--space-2,8px) var(--space-2,8px);
}
.hl-timer--strip .hl-timer__eyebrow{font-size:.75rem}
.hl-timer--strip .hl-timer__h{margin:0;font-size:1rem}
.hl-timer--strip .hl-timer__count{margin:0;font-size:clamp(1.35rem,4vw,1.75rem)}
.hl-timer--strip .hl-timer__date{margin:0;font-size:var(--text-sm,.875rem)}
.hl-timer--strip .hl-steps{flex-basis:100%;margin:0;gap:0 var(--space-4,16px)}
.hl-timer--strip .hl-step{flex-direction:row;gap:6px;min-width:0;font-size:.75rem}
@media (max-width:600px){.hl-timer--strip .hl-steps{display:none}}

.hm-cmd__main .hl-report{margin:0 0 var(--space-4,16px)}
.hl-report__prov{margin:0 0 var(--space-3,12px);font-size:var(--text-sm,.875rem);color:var(--wgf-muted)}
.hl-report__cols{display:grid;grid-template-columns:1fr;gap:var(--space-4,16px)}
.hl-report__col{min-width:0}
.hl-report__h{
  margin:0;font-family:var(--font-game);font-weight:700;font-size:1.1rem;
  color:var(--wgf-gold-bright);text-shadow:var(--text-ink-outline);
}
.hl-report__cap{margin:var(--space-1,4px) 0 var(--space-2,8px);font-size:var(--text-sm,.875rem);color:var(--wgf-text)}
.hl-row{display:flex;align-items:center;gap:var(--space-2,8px)}
.hl-row .result-row__main{flex:1 1 auto;min-width:0}
.hl-row .result-row__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2,8px);white-space:nowrap}
.hl-row__was{display:inline-flex;align-items:center;gap:6px}
.hl-row__arrow{color:var(--wgf-gold-muted)}
.hl-row .result-row__name{white-space:normal}
.hl-row__spark{flex:0 0 auto;line-height:0}
.hl-row__move{flex:0 0 3.6rem;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.hl-row__move--up{color:var(--wgf-up)}
.hl-row__move--down{color:var(--wgf-down)}
.hl-report__more{margin:var(--space-3,12px) 0 0;text-align:center}
@media (max-width:420px){.hl-row__spark{display:none}}