/* Large, original-color game logos on bright surfaces for fast recognition. */
.game-section .small-section-heading { margin-bottom: 24px; }
.game-section .small-section-heading h2 { font-size: 26px; font-weight: 650; }
.game-section .small-section-heading > span { color: #c9bddb; font-size: 15px; }
.game-section .game-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border: 0; }
.game-grid .game-item {
  --game-accent: #e5ac24;
  display: flex; flex-direction: column; gap: 0; align-items: stretch; padding: 0;
  min-width: 0; border: 2px solid transparent !important; border-radius: 12px;
  background: #fff; box-shadow: 0 8px 26px #03000f24; overflow: hidden;
  text-align: left; position: relative;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.game-grid .game-item[data-game="onepiece"] { --game-accent: #d45a4f; }
.game-grid .game-item[data-game="digimon"] { --game-accent: #3976ce; }
.game-grid .game-item[data-game="yugioh"] { --game-accent: #bd374b; }
.game-grid .game-item[data-game="vanguard"] { --game-accent: #7b61bf; }
.game-grid .game-item[data-game="magic"] { --game-accent: #d1743f; }
.game-grid .game-item::before { display: none; }
.game-grid .game-item::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--game-accent); }
.game-grid .game-item span { width: auto; display: block; padding: 0; color: #24213b; font-size: inherit; white-space: normal; }
.game-grid .game-item .game-logo {
  width: 100%; height: 144px; display: flex; align-items: center; justify-content: center;
  padding: 22px 34px 15px; background: #fff;
}
.game-section .game-grid .game-item img {
  width: 240px; max-width: 100%; height: 90px; object-fit: contain; object-position: center;
  filter: none; opacity: 1; transform: none; transition: none;
}
.game-section .game-grid .game-item[data-game="pokemon"] img { width: 190px; height: 96px; }
.game-grid .game-item .game-caption {
  width: 100%; min-height: 57px; display: flex; align-items: center; justify-content: center;
  gap: 12px; padding: 13px 22px; background: #f3f4f8; border-top: 1px solid #e8e9ef;
}
.game-caption strong { font-size: 18px; font-weight: 650; line-height: 1.55; }
.game-grid .game-item .game-action { display: inline-flex; align-items: center; gap: 8px; color: #605b71; font-size: 14px; white-space: nowrap; }
.game-grid .game-item .icon { display: inline-block; width: 18px; height: 18px; color: #645b79; transition: transform .2s ease; }
.game-grid .game-item:hover { background: #fff; border-color: #b3e8ff !important; transform: translateY(-3px); box-shadow: 0 12px 30px #05001450; }
.game-grid .game-item:hover .game-caption { background: #ebf4fc; }
.game-grid .game-item:hover .icon { transform: translateX(3px); color: #276f99; }
.game-section .game-grid .game-item:hover img { opacity: 1; filter: none; transform: none; }
.game-grid .game-item[aria-pressed="true"] { border-color: #79d8fc !important; box-shadow: 0 0 0 2px #79d8fc35; }
.game-grid .game-item[aria-pressed="true"] .game-caption { background: #e2f4ff; }
.game-grid .game-item:focus-visible { outline: 3px solid #b4eaff; outline-offset: 5px; }
@media (max-width: 900px) {
  .game-section .game-grid { gap: 14px; }
  .game-grid .game-item .game-logo { height: 127px; padding: 21px 21px 14px; }
  .game-section .game-grid .game-item img { height: 80px; }
  .game-section .game-grid .game-item[data-game="pokemon"] img { height: 82px; }
  .game-grid .game-item .game-caption { padding: 12px 16px; gap: 8px; }
  .game-caption strong { font-size: 16px; }
  .game-grid .game-item .game-action { font-size: 12px; gap: 5px; }
}
@media (max-width: 680px) {
  .game-section .small-section-heading { flex-direction: column; gap: 7px; margin-bottom: 20px; }
  .game-section .small-section-heading h2 { font-size: 23px; }
  .game-section .small-section-heading > span { font-size: 14px; max-width: none; text-align: left; }
  .game-section .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .game-grid .game-item { border-radius: 10px; }
  .game-grid .game-item .game-logo { height: 113px; padding: 19px 17px 13px; }
  .game-section .game-grid .game-item img { width: 190px; height: 73px; }
  .game-section .game-grid .game-item[data-game="pokemon"] img { width: 134px; height: 75px; }
  .game-grid .game-item .game-caption { min-height: 49px; padding: 11px 13px; }
  .game-caption strong { font-size: 16px; }
  .game-grid .game-item .game-action { font-size: 0; gap: 0; }
  .game-grid .game-item .icon { width: 19px; height: 19px; }
}
@media (max-width: 380px) {
  .game-section .game-grid { gap: 10px; }
  .game-grid .game-item .game-logo { height: 103px; padding: 19px 13px 13px; }
  .game-section .game-grid .game-item img { height: 66px; }
  .game-section .game-grid .game-item[data-game="pokemon"] img { height: 67px; }
  .game-grid .game-item .game-caption { padding: 10px 11px; }
  .game-caption strong { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .game-grid .game-item, .game-grid .game-item .icon { transition: none; }
  .game-grid .game-item:hover { transform: none; }
}