/* =============================================================================
   PATCHWORK DEAD × TapNow LP — locations（舞台一覧）
   ルミア（canvas/lumia-and-the-ocean-of-beginnings）の #world .plate-grid を
   踏襲: 先頭に横幅いっぱいの象徴カット、以下2列。カード自体の役割
   （plate-id / plate-name）も同じ命名を流用している。
   ========================================================================== */
.plate-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-5);
}
@media (max-width: 760px) { .plate-grid { grid-template-columns: 1fr; } }

.plate-card--wide { grid-column: 1 / -1; }
/* 11枚を2列に並べると最後の1枚（校長室）が余る。ブランクを残すより、
   最後の1枚も横幅いっぱいにして「締め」に見せる方が座りがよい。 */
.plate-card--orphan { grid-column: 1 / -1; }

.plate-card figure {
  position: relative; margin: 0; overflow: hidden;
  border-radius: var(--r-lg); box-shadow: var(--e-1);
  background: var(--surface);
}
.plate-card img {
  width: 100%; height: 100%; display: block; object-fit: cover;
  aspect-ratio: 16/9;
}
/* v14: town-wall.webp は壁の帯が画像上部（実測 y=105-230/1152、高さの
   約9-20%）にしかない。2.4:1 の中央クロップだと上下が削れて壁が消えて
   しまっていた（ユーザー報告: 「壁」のカードに壁が写っていない）。
   object-position を上端に固定し、壁の帯＋その上の空が確実に入るようにする。 */
.plate-card--wide img { aspect-ratio: 2.4/1; object-position: 50% 0%; }
@media (max-width: 640px) { .plate-card--wide img { aspect-ratio: 4/3; object-position: 50% 0%; } }

.plate-card figcaption {
  position: absolute; inset: auto 0 0 0;
  display: grid; grid-template-columns: auto 1fr; gap: 2px var(--s-4);
  padding: var(--s-6) var(--s-5) var(--s-4);
  background: linear-gradient(180deg, transparent, rgba(13,10,8,.9) 65%);
  color: var(--cream-100);
}
.plate-id {
  grid-row: 1 / 3; align-self: start; margin-top: .15em;
  font-family: var(--font-la); font-style: italic; color: var(--mustard-300);
  font-size: 1.25rem; line-height: 1; flex: none;
}
.plate-name { font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.plate-tex { grid-column: 2; font-size: var(--t-caption); color: var(--cream-200); line-height: 1.6; margin-top: 2px; }
@media (max-width: 640px) { .plate-card figcaption { padding: var(--s-5) var(--s-4) var(--s-4); } }