/* Game benchmark highlight: recorded runs and play-testing. Same finish as the gallery cards: warm play badge, olive-dark actions. */
.home-games{margin:34px 0 8px;scroll-margin-top:24px}
.home-games h2{font:400 30px/1.15 Georgia,serif;letter-spacing:-.01em;margin:14px 0 18px;color:var(--ink)}
.home-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.home-game{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid #dce1d2;border-radius:var(--radius-structure);background:var(--white);box-shadow:0 2px 8px #26321f0a;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.home-game:hover{border-color:#a9b79a;box-shadow:0 10px 24px #26321f1a;transform:translateY(-2px)}
.home-game-preview{position:relative;display:block;aspect-ratio:3/2;background:#e9eddd}
.home-game-preview img{display:block;width:100%;height:100%;object-fit:cover}
.home-game-preview::after{content:'';position:absolute;left:14px;bottom:14px;box-sizing:border-box;width:48px;height:48px;border:3px solid #fff8e3e6;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231d3a35' d='M8 4.8a1 1 0 0 0-1.5.9v12.6a1 1 0 0 0 1.5.9l10-6.3a1 1 0 0 0 0-1.8Z'/%3E%3C/svg%3E") 56% 50%/20px no-repeat,linear-gradient(150deg,#f7dc96,#e0ae52);box-shadow:0 6px 16px #071f2a59;transition:transform .18s}
.home-game:hover .home-game-preview::after{transform:scale(1.08)}
.home-game-copy{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px}
.home-game-copy h3{font:400 24px/1.1 Georgia,serif;margin:0;color:var(--ink)}
.home-game-copy>p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.home-game-best{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:2px!important;padding-top:10px;border-top:1px solid #e2e7d8}
.home-game-best strong{font:400 22px/1 Georgia,serif;color:var(--ink)}
.home-game-best small{font-size:11px}
.home-game-best span{flex-basis:100%;font-size:11px}
/* Difficulty: complete runs on one 0-100 line, in the comparison section's design language. */
.home-game-difficulty{margin:2px 0 6px}
.home-game-difficulty .difficulty-track{position:relative;height:18px;margin:0 5px;background:linear-gradient(var(--line),var(--line)) center/100% 2px no-repeat}
.home-game-difficulty .difficulty-dot{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#9aa58a;opacity:.75}
.home-game-difficulty .difficulty-dot.is-top{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;opacity:1;background:var(--ink);box-shadow:0 0 0 2px var(--white)}
.home-game-difficulty .difficulty-median{position:absolute;top:1px;bottom:1px;width:2px;margin-left:-1px;background:var(--ink)}
.home-game-difficulty .difficulty-values{display:flex;flex-wrap:wrap;gap:2px 14px;margin:6px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}
.home-game-difficulty .difficulty-values strong{color:var(--ink);font-weight:650}
.home-game-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.home-game-action{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 18px 6px 13px;border:0;border-radius:var(--radius-control);background:#1f3d37;color:#fff6dc;font:inherit;font-size:13px;font-weight:650;line-height:1.15;cursor:pointer;transition:background .15s}
.home-game-action:hover,.home-game-action:focus-visible{background:#2b5249;color:#fff6dc}
.home-game-action:focus-visible{outline:2px solid #a24f31;outline-offset:3px}
/* The label's two lines and the glyph's motion also come from game-player.css, which loads after the page. */
.home-game-action .game-play-label{display:flex;flex-direction:column;gap:2px;text-align:left}
.home-game-action small{font-size:11px;font-weight:500;color:#b9cdb9}
.home-game-replays{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:600;color:var(--ink)}
@media(max-width:560px){
  .home-games h2{font-size:25px}
  .home-game{grid-template-columns:1fr}
  .home-game-copy{padding:14px 14px 14px}
}
@media(prefers-reduced-motion:reduce){.home-game,.home-game-preview::after,.home-game-action{transition:none}.home-game:hover{transform:none}.home-game:hover .home-game-preview::after{transform:none}}