.game-feature { display: flex; gap: 20px; align-items: center; padding: 24px; margin-bottom: 28px; border-radius: 14px;
  background: linear-gradient(135deg, #151B2B, #1E2739); color: #F0F3FA; text-decoration: none; }
.game-feature:hover { transform: translateY(-1px); }
.gf-icon { font-size: 52px; }
.game-feature h2 { margin: 0 0 6px; font-size: 24px; }
.game-feature p { margin: 0 0 10px; color: #8B96AD; }
.gf-cta { color: #FFB020; font-weight: 600; }
.hs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.hs { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 20px; }
.hs h2 { font-size: 16px; margin: 0 0 10px; }
.hs ol { margin: 0; padding-left: 22px; }
.hs li { padding: 4px 0; }
.hs li > span { display: inline-flex; }
.hs li { display: list-item; }
.hs-name { max-width: 75%; }
.hs-pts { float: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.tag { font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 4px; background: var(--accent-soft); color: var(--accent); margin-left: 4px; align-self: center; }
.tag.muted { background: var(--surface-2); color: var(--muted); }
@media (max-width: 600px) { .game-feature { flex-direction: column; text-align: center; } }