/* Hueseum tanıtım sitesi — oyunun "sade Deco" görünüşü (gorunus.html L) */
@font-face { font-family: "Limelight"; src: url(font/limelight.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "DM Serif Display"; src: url(font/dm_serif.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "DM Serif Display"; font-style: italic; src: url(font/dm_serif_italik.ttf) format("truetype"); font-display: swap; }

:root {
  --zemin: #0f1a24;
  --zemin2: #142230;
  --yazi: #efe6d2;
  --soluk: rgba(239, 230, 210, .62);
  --altin: #d9b866;
  --altin-ince: rgba(217, 184, 102, .45);
  --cam: rgba(255, 255, 255, .07);
  --serif: "DM Serif Display", Georgia, "Times New Roman", serif;
  --logo: "Limelight", "DM Serif Display", Georgia, serif;
  --metin: Georgia, "Times New Roman", serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--zemin); color: var(--yazi);
  font: 17px/1.65 var(--metin); padding-inline: 20px;
  -webkit-font-smoothing: antialiased;
}
[hidden] { display: none !important; }
a { color: var(--altin); text-underline-offset: 3px; }
img { max-width: 100%; }

/* İki dil: <span lang="tr"> / <span lang="en">; seçili olmayan gizlenir */
html[data-dil="tr"] [lang="en"]:not(html), html[data-dil="en"] [lang="tr"]:not(html) { display: none !important; }

.sarmal { max-width: 1040px; margin: 0 auto; }

/* Üst şerit */
.ust {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding-block: 18px; border-bottom: 1px solid var(--altin-ince);
}
.ust .marka { font-family: var(--logo); color: var(--altin); letter-spacing: .18em; font-size: 1.15rem; text-decoration: none; }
.dil { display: flex; gap: 2px; border: 1px solid var(--altin-ince); padding: 2px; }
.dil button {
  font: inherit; font-size: .8rem; letter-spacing: .12em; color: var(--soluk); background: none;
  border: 0; padding: 4px 10px; cursor: pointer;
}
.dil button[aria-pressed="true"] { background: var(--altin); color: var(--zemin); }

h1, h2, h3 { font-family: var(--serif); font-weight: 400; }
h2 { font-style: italic; color: var(--altin); font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 10px; }
.ayrac { display: flex; align-items: center; gap: 14px; color: var(--altin); margin: 0 auto 30px; max-width: 360px; }
.ayrac::before, .ayrac::after { content: ""; flex: 1; height: 1px; background: var(--altin-ince); }
.ayrac i { width: 7px; height: 7px; border: 1px solid var(--altin); transform: rotate(45deg); }

section { padding-block: 72px; }
.bolum-bas { text-align: center; max-width: 620px; margin: 0 auto 40px; }
.bolum-bas p { color: var(--soluk); margin: 0; }

.alt {
  border-top: 1px solid var(--altin-ince); padding-block: 28px 40px; margin-top: 40px;
  display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; color: var(--soluk); font-size: .9rem;
}
.alt nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.alt a { color: var(--soluk); }
.alt a:hover { color: var(--altin); }

/* Yazı sayfaları (gizlilik, katkılar) */
.yazi { max-width: 720px; margin: 0 auto; padding-block: 48px 24px; }
.yazi h1 { font-style: italic; color: var(--altin); font-size: clamp(1.8rem, 5vw, 2.4rem); margin: 0 0 4px; }
.yazi .tarih { color: var(--soluk); font-size: .9rem; margin: 0 0 32px; }
.yazi h2 { font-size: 1.25rem; color: var(--yazi); margin: 34px 0 6px; padding-top: 18px; border-top: 1px solid var(--altin-ince); }
.yazi li { margin-bottom: 6px; }
.yazi .not { color: var(--soluk); font-size: .93rem; }
.yazi table { border-collapse: collapse; width: 100%; font-size: .93rem; }
.yazi td, .yazi th { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(217,184,102,.2); }
.yazi th { color: var(--altin); font-weight: 400; font-style: italic; font-family: var(--serif); }
.tablo-kutu { overflow-x: auto; }