/* Tygagames — the play.tyga.games house layout (dogfooded there).
   Olympus chrome (fixed 220px sidebar, flat sticky header, uniform grid) with
   16:9 game capsules: game key art and trailers are made landscape, so the art
   box is 16:9 and the image crops to FILL it rather than letterboxing inside a
   square (product-grid.css defaults .pg-capsule-art to 1:1 + contain).
   Body-prefixed selectors for the same cascade reason as olympus.css: the
   freeplay chrome's <style> block loads later, so the layer must win on
   specificity, not on load order. */

body.layout-tygagames .fp-shell { grid-template-columns: 220px 1fr; }
body.layout-tygagames .fp-rail { display: block; width: 220px; }
body.layout-tygagames .fp-rail-link span { display: inline; }
body.layout-tygagames .fp-nav-head { display: none; }

body.layout-tygagames .fp-top { border-radius: 0; }

/* Uniform 3-up grid of landscape capsules. */
body.layout-tygagames .pgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  column-count: auto;
}
body.layout-tygagames .pgrid-item { margin-bottom: 0; width: auto; }
body.layout-tygagames .pg-capsule { flex-direction: column; }
body.layout-tygagames .pg-capsule-art { aspect-ratio: 16 / 9; }
body.layout-tygagames .pg-capsule-art img { object-fit: cover; }

@media (max-width: 991.98px) {
  body.layout-tygagames .pgrid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767.98px) {
  body.layout-tygagames .fp-shell { grid-template-columns: 1fr; }
  body.layout-tygagames .pgrid { grid-template-columns: 1fr; }
}