/* Real, unmodified gameplay captures. Existing navigation and actions remain. */
.portal-main .hero-slide--01 .hero-scene { background-image: url('/assets/game-map-r1/image8.png'); }
.portal-main .hero-slide--02 .hero-scene { background-image: url('/assets/game-map-r1/image5.png'); }
.portal-main .hero .hero-scene {
  background-size: cover;
  background-position: 62% center;
  filter: none;
  animation: none;
  transform: none;
}
.portal-main .hero-shade, .portal-main .hero-slide--02 .hero-shade {
  background: linear-gradient(90deg, #041417ed, #041417d9 28%, #04141745 64%, #04141708), linear-gradient(0deg, #041417d9, transparent 35%);
}
.portal-main .hero h1, .portal-main .hero h2 { max-width: 580px; }
.map-gallery { padding: 28px; margin-block: 24px; border: 1px solid #426270; border-radius: 18px; background: #0c202b; }
.map-gallery-heading { max-width: 680px; margin-bottom: 24px; }
.map-gallery-heading h3 { margin: 8px 0 12px; color: #fff9df; font: 700 clamp(2rem, 4vw, 3rem)/1.1 var(--display); }
.map-gallery-heading > p:last-child { color: #c1d4da; font-size: 1rem; line-height: 1.6; }
.map-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.map-gallery-card { display: block; min-width: 0; overflow: hidden; border: 1px solid #426270; border-radius: 10px; color: #f5f9f5; background: #112d37; text-decoration: none; }
.map-gallery-card img { display: block; width: 100%; height: auto; aspect-ratio: 2.1; object-fit: contain; background: #081a22; }
.map-gallery-card > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 16px; font-size: 1rem; font-weight: 600; }
.map-gallery-card > span > span { color: #ffe17b; }
.map-gallery-card:hover { border-color: #ffe17b; }
.map-gallery-card:focus-visible { outline: 3px solid #ffe17b; outline-offset: 4px; }
@media (max-width: 640px) {
  .map-gallery { padding: 18px; }
  .map-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .portal-main .hero .hero-scene { background-size: auto 290px; background-position: center top; background-repeat: no-repeat; }
  .portal-main .hero-shade, .portal-main .hero-slide--02 .hero-shade { background: linear-gradient(180deg, transparent 120px, #071817b3 190px, #071817 270px); }
}
@media (forced-colors: active) { .map-gallery-card { border: 1px solid LinkText; } .map-gallery-card:focus-visible { outline-color: Highlight; } }