/* Ravenlands ve Ravenland Taverna. Koyu zemin siteden gelir; vurgu altın. */

main {
  --ac: #c9a25a;
}

.oyun-yer {
  margin-top: 12px;
  font: 500 13px var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ac);
}

.oyun-alt {
  padding-top: 0;
}

.oyun-salon img,
.oyun-perde video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Geniş salon 16:9. Video aynı oranda; cover ateşi ve avizeyi kadrajda tutar. */
.oyun-salon,
.oyun-perde {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
}

.oyun-perde video {
  object-position: center 38%;
}

.oyun-uc {
  margin-top: 28px;
  display: grid;
  gap: 10px;
  max-width: 42ch;
}

.oyun-uc li {
  display: flex;
  gap: 12px;
  align-items: baseline;
  color: var(--txt);
  font-size: clamp(16px, 1.5vw, 18px);
}

.oyun-uc li::before {
  content: "//";
  flex: none;
  font: 500 12px var(--mono);
  color: var(--ac);
}

.oyun-don { margin-top: 22px; }

.masal {
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 0;
  border: 1px solid #6a5428;
  background:
    radial-gradient(500px 220px at 100% 0%, rgba(201, 162, 90, .2), transparent 70%),
    #14110e;
}
.masal > img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; display: block; }
.masal > div { padding: 28px 26px; }
.masal h2 { margin: 8px 0 12px; color: #f3e6c8; }
.masal p { color: #d9cbb0; }
.harita { margin: 22px 0 0; border: 1px solid #6a5428; background: #14110e; }
.harita img { display: block; width: 100%; height: auto; }
.harita figcaption { padding: 10px 14px 12px; font: 500 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #c9a25a; }
@media (max-width: 860px) {
  .masal { grid-template-columns: 1fr; }
  .masal > img { min-height: 220px; }
}