/* ==========================================================
   Return · "Kızıl" tema katmanı
   return.css ve return-v3.css'ten sonra yüklenir; altın-kahve
   paleti kan kızılı, koyu bordo ve kor turuncusuyla değiştirir.
   Geri almak için index.html'deki bağlantıyı kaldırmak yeterli.
   ========================================================== */
:root {
  --bg: #0d0405; --panel: #1a0709;
  --gold: #ff5a4e; --light: #ffe3da; --text: #dcc1ba; --muted: #a8817b;
  --border: #c8202d40; --wine: #5a0d14;
  --k-red: #d4202e; --k-red-hi: #ff4d4d; --k-red-lo: #6b0b13;
  --k-ember: #ff7a3d; --k-cream: #fbe6dc; --k-line: #c8202d3d;
}
body { background: #0d0405; }
::selection { background: var(--k-red); color: #fff; }

/* ---------- Üst şerit ---------- */
.site-header {
  background: linear-gradient(#0a0203f0, #0d0405b8) !important;
  border-bottom: 1px solid var(--k-line) !important;
}
.site-header nav a:hover { color: var(--k-red-hi); }
.home-link { background: #3a070c88 !important; border-color: #d4202e88 !important; color: var(--k-cream) !important; }
.home-link:hover { background: var(--k-red) !important; }

/* ---------- Sahne: kızıl ışık, kızıl korlar ---------- */
.hero { background: #0d0405 !important; border-bottom-color: var(--k-line) !important; }
.hero-scene { background: linear-gradient(#0d0405db, #0d0405e6), url('return-battle.png') center/cover !important; }
.hero-scene > img { filter: saturate(1.25) contrast(1.06) hue-rotate(-14deg) brightness(.9) !important; }
.hero-shade {
  background:
    radial-gradient(ellipse at 50% 44%, #0a0203cc, transparent 49%),
    linear-gradient(0deg, #0d0405, transparent 38%),
    linear-gradient(#05010159, transparent 24%) !important;
}
.hero-light {
  background:
    radial-gradient(ellipse at 13% 42%, #e0202e33, transparent 28%),
    radial-gradient(ellipse at 87% 44%, #ff4d3d2b, transparent 28%),
    radial-gradient(ellipse at 50% 100%, #a3101a40, transparent 55%) !important;
}
.hero-scene::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 20%, transparent 40%, #3a050a55 100%);
  mix-blend-mode: multiply;
}
.embers i { background: var(--k-ember) !important; box-shadow: 0 0 8px 2px #ff3b2f99 !important; }

.hero .eyebrow { color: #ff8a7e !important; }
.hero .eyebrow > span { background: linear-gradient(90deg, transparent, var(--k-red)) !important; }
.hero-logo { animation-name: kizil-logo-glow !important; }
@keyframes kizil-logo-glow {
  0%, 100% { filter: drop-shadow(0 5px 10px #000a) drop-shadow(0 0 18px #d4202e40); }
  50% { filter: drop-shadow(0 5px 10px #000a) drop-shadow(0 0 30px #ff3b3b66); }
}
.hero h1 {
  color: var(--k-cream) !important;
  text-shadow: 0 3px #4a0a10, 0 0 42px #e0202e66, 0 0 90px #a3101a55 !important;
}
.hero .edition { color: #e0a49b !important; }
.hero .edition > span { color: var(--k-red-hi) !important; }
.hero .edition::before { color: var(--k-red) !important; }
.hero-lead { color: var(--k-cream) !important; }
.hero-description { color: #cfaaa3 !important; }
.hero .button.gold, .button.gold {
  background: linear-gradient(160deg, #ff5a4e, #b3121f 60%, #7a0912) !important;
  border-color: #ff8a7e !important; color: #fff3ef !important;
  box-shadow: inset 0 0 0 3px #ffffff14, 0 8px 28px #d4202e55 !important;
  text-shadow: 0 1px 2px #0008;
}
.hero .button.gold:hover, .button.gold:hover { filter: brightness(1.12); }
.hero .discover, .button:not(.gold) {
  background: linear-gradient(140deg, #3a070cc9, #0d0405dc) !important;
  border-color: #d4202e99 !important; color: var(--k-cream) !important;
}
.hero-signature { color: #cf9c94 !important; }
.hero-signature > i { color: var(--k-red) !important; }
.hero-scroll { color: #ff8a7e !important; }

/* ---------- Bölüm menüsü ---------- */
.chapter-nav { background: #12050699 !important; backdrop-filter: blur(10px); border-bottom-color: var(--k-line) !important; }
.chapter-nav a { color: #c9a39c; }
.chapter-nav a > span { color: #a33a40 !important; }
.chapter-nav a.active { background: linear-gradient(0deg, #d4202e26, transparent) !important; color: var(--k-cream) !important; }
.chapter-nav a.active::after { background: var(--k-red-hi) !important; }

/* ---------- Genel başlıklar ---------- */
.eyebrow { color: #ff7d70 !important; }
h2 { color: var(--k-cream); }
h2 em, .section-heading h2 em, .world-intro h2 em { color: var(--k-red-hi) !important; font-style: normal; text-shadow: 0 0 24px #ff3b3b44; }
.section-heading > p, .world-intro > p:not(.eyebrow) { color: #b58f88 !important; }

/* Return dünyası */
.world-manifest article { border-top-color: var(--k-line) !important; }
.world-manifest h3 { color: var(--k-cream); }
.world-manifest p { color: #b08a83 !important; }
.manifest-number { color: var(--k-red) !important; text-shadow: 0 0 18px #d4202e55; }

/* Özellik bandı */
.features-band {
  background: radial-gradient(ellipse at 50% 0, #d4202e22, transparent 70%), #150607 !important;
  border-block-color: var(--k-line) !important;
}
.feature-list li { border-color: #c8202d2e !important; color: #dcbcb5 !important; }
.feature-list li::before { color: var(--k-red-hi) !important; }

/* ---------- Oyun sistemleri ---------- */
.stacked-system + .stacked-system { border-top-color: var(--k-line) !important; }
.stacked-system-number { color: var(--k-red) !important; text-shadow: 0 0 20px #d4202e55; }
.stacked-system-heading h3 { color: var(--k-cream) !important; }
.stacked-description { color: #c0a19b !important; }
.system-image {
  border-color: #c8202d80 !important; background: #070102 !important;
  box-shadow: inset 0 0 0 4px #d4202e0d, 0 18px 40px #000a, 0 0 40px #a3101a22 !important;
}
.zoom-image { background: #3a070ccc !important; border-color: #ff5a4e99 !important; color: var(--k-cream) !important; }
.screen-label { background: #0d0405cc !important; color: #ff8a7e !important; }

/* ---------- Eşya dönüşümleri ---------- */
.progression-section {
  background: linear-gradient(#0d0405d9, #0d0405ee), url('return-battle.png') center/cover !important;
  border-block-color: var(--k-line) !important;
}
.progression-section .section-heading h2 { color: var(--k-cream) !important; }
.progression-section h2 em { color: var(--k-red-hi) !important; }
.progression-section .eyebrow { color: #ff7d70 !important; }
.progression-toolbar { border-color: var(--k-line) !important; }
.progression-toolbar > p { color: #b0584f !important; }
.mode-controls { background: #070102 !important; border-color: #c8202d55 !important; }
.mode-controls button { color: #b08a83 !important; }
.mode-controls button[aria-pressed=true] {
  background: linear-gradient(125deg, #b3121f99, #4a0a1088) !important; color: #fff0eb !important;
  box-shadow: inset 0 0 0 1px #ff5a4e88 !important;
}
.class-controls button { background: #1a0709e6 !important; border-color: #c8202d40 !important; color: #c4a19a !important; }
.class-controls button > span { color: #a33a40 !important; }
.class-controls button[aria-pressed=true] {
  background: linear-gradient(145deg, #b3121f66, #2a0609) !important; border-color: var(--k-red-hi) !important;
  color: #fff0eb !important; box-shadow: 0 0 22px #d4202e33 !important;
}
.class-controls button[aria-pressed=true] > span { color: var(--k-red-hi) !important; }
.progression-meta select { background: #22080b !important; color: var(--k-cream) !important; border-color: #c8202d66 !important; }
.progression-meta p > b { color: var(--k-red-hi) !important; }
.item-stage {
  background: linear-gradient(145deg, #4a0a1088, #0d0405ee) !important;
  border-color: #c8202d55 !important; border-top: 2px solid var(--k-red) !important;
}
.item-stage h3 { color: var(--k-cream) !important; }
.stage-index { color: #c4505a !important; }
.item-picture { background: radial-gradient(ellipse, #ff3b3b1c, transparent 65%) !important; }
.item-stage:not(:last-child)::after { color: var(--k-red-hi) !important; }
.item-stage.upcoming { background: #150607bd !important; border: 1px dashed #c8202d40 !important; }
.upcoming-label { color: #c4505a !important; }

/* ---------- Rehber, SSS, kapanış ---------- */
.faq-list details { border-color: var(--k-line) !important; }
.faq-list summary { color: var(--k-cream); }
.faq-list summary::marker, .faq-list summary::after { color: var(--k-red-hi) !important; }
.faq-list details[open] summary { color: var(--k-red-hi); }
.faq-list a, .guide-section a:not(.button) { color: #ff8a7e; }
.closing { background: linear-gradient(#0d0405cc, #0d0405ee), url('return-battle.png') center 53%/cover !important; }
.closing h2 em { color: var(--k-red-hi) !important; }
.site-footer { border-top: 1px solid var(--k-line); }
.site-footer a { color: #ff8a7e; }

/* Büyütülmüş görsel penceresi */
.image-dialog { border-color: #c8202d88 !important; background: #0d0405 !important; }
.image-dialog::backdrop { background: #0a0203e6 !important; }
