/* Game hype meter (game.js, window.Hype) and the must-watch list. */
.hy-card { margin-bottom: 16px; }
.hy-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.hy-head h3 { margin: 0; }
.hy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.hy-meter { --hy: var(--accent); min-width: 0; }
.hy-meter.hy-hot { --hy: var(--bad); }
.hy-meter.hy-warm { --hy: var(--gold, #d4a017); }
.hy-meter.hy-cool { --hy: var(--dim); }
.hy-meter-top { display: flex; align-items: baseline; gap: 8px; }
.hy-meter-title { font-weight: 600; }
.hy-meter-label { color: var(--dim); font-size: 12px; }
.hy-meter-score { margin-left: auto; font-size: 22px; font-variant-numeric: tabular-nums; color: var(--hy); }
.hy-bar { position: relative; height: 8px; border-radius: 999px; background: var(--chip, var(--line)); overflow: hidden; margin: 4px 0 8px; }
.hy-bar > span { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--hy); }
.hy-reasons { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.hy-reasons li { padding: 2px 0; line-height: 1.35; overflow-wrap: anywhere; }
.hy-pts { display: inline-block; min-width: 2.4em; color: var(--dim); font-variant-numeric: tabular-nums; font-size: 12px; }
.hy-watch { margin-bottom: 16px; }
.hy-score-chip { font-variant-numeric: tabular-nums; }
.hy-why { color: var(--dim); max-width: 420px; overflow-wrap: anywhere; }
.hy-sub { margin: 14px 0 6px; font-size: 14px; }