/* Rüya alanı (body.ruya-alani): gece havası. Derin mürdüm-çivit gök, Ay minyatürü, tezhip altını; okunacak yazı kâğıtta.
   Elle yazılır (kitap.css üretilir, bu dosya üretilmez). Renkler: koyu zeminde metin #f3e9da (≥12:1), soluk metin #d6c8dc (≥8:1). */
.ruya-alani{
  --r-gece:#140c24; --r-gece2:#24123a; --r-murdum:#3b1a2e; --r-murdum3:#2b1222; --r-civit:#1d1d4f;
  --r-yazi:#f3e9da; --r-soluk:#d6c8dc; --r-altin:#c9a14a; --r-altin-acik:#ebd08a;
  --r-kagit:#f6ede1; --r-murekkep:#2e1f1c; --r-murekkep2:#5a4640; --r-nar:#9e3b4d;
  background:var(--r-gece);
}
html:has(body.ruya-alani){background:var(--r-gece)}
.ruya-alani main{display:block}
.ruya-gok{position:relative;color:var(--r-yazi);font-size:18px;line-height:1.6;padding:0 16px 32px;
  background:
    radial-gradient(1.4px 1.4px at 12% 8%,rgba(255,240,210,.85),transparent 60%),
    radial-gradient(1px 1px at 28% 22%,rgba(255,240,210,.6),transparent 60%),
    radial-gradient(1.2px 1.2px at 71% 6%,rgba(255,240,210,.75),transparent 60%),
    radial-gradient(1px 1px at 86% 30%,rgba(255,240,210,.55),transparent 60%),
    radial-gradient(1.3px 1.3px at 45% 14%,rgba(255,240,210,.5),transparent 60%),
    radial-gradient(1px 1px at 92% 52%,rgba(255,240,210,.45),transparent 60%),
    radial-gradient(1px 1px at 6% 44%,rgba(255,240,210,.45),transparent 60%),
    radial-gradient(120% 60% at 80% 0%,rgba(59,26,46,.9),transparent 70%),
    linear-gradient(180deg,var(--r-gece2) 0%,var(--r-gece) 38%,#0f0a1c 100%);
}
.ruya-gok > *{max-width:720px;margin-left:auto;margin-right:auto}
.ruya-gok a{color:var(--r-altin-acik)}
.ruya-gok :focus-visible{outline:3px solid var(--r-altin-acik);outline-offset:3px}
.ruya-gok h1,.ruya-gok h2,.ruya-gok h3{font-family:var(--govde);font-weight:600;letter-spacing:-.01em;color:var(--r-yazi)}
.ruya-ince{font-size:16px;color:var(--r-soluk);margin:.3em 0}
.ruya-ust{font:600 12.5px/1.2 var(--tezhip);letter-spacing:.24em;text-transform:uppercase;color:var(--r-altin-acik);margin:0 0 10px}

/* ---- baş: Ay, başlık, yazı alanı, uyuyan kadın ---- */
.ruya-bas{position:relative;padding:22px 0 8px}
.ruya-ay{position:absolute;top:14px;right:0;width:64px;height:64px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 40% 35%,#f7e7bd,#d9bd7c 70%);box-shadow:0 0 0 2px var(--r-altin),0 0 0 5px rgba(201,161,74,.25),0 0 40px rgba(235,208,138,.35)}
.ruya-ay img{display:block;width:100%;height:100%;object-fit:contain;padding:8% 12% 4%;box-sizing:border-box;mix-blend-mode:multiply}
.ruya-bas h1{font-size:clamp(29px,7.6vw,46px);line-height:1.12;margin:0 76px 10px 0;max-width:16ch}
.ruya-alt{color:var(--r-soluk);margin:0 0 16px;font-size:17px;max-width:40ch}
.ruya-form label{display:block;font:600 13px/1.2 var(--tezhip);letter-spacing:.14em;text-transform:uppercase;color:var(--r-altin-acik);margin:0 0 8px}
.ruya-form textarea{display:block;box-sizing:border-box;width:100%;min-height:136px;resize:vertical;padding:14px 15px;font:18px/1.5 var(--govde);
  color:var(--r-murekkep);background:var(--r-kagit);border:1px solid var(--r-altin);border-radius:10px;box-shadow:inset 0 2px 8px rgba(46,31,28,.12),0 0 0 4px rgba(201,161,74,.12)}
.ruya-form textarea::placeholder{color:#7a6660;font-style:italic}
.ruya-hata{color:#ffb4a8;font-size:16px;margin:8px 0 0;min-height:0}
.ruya-hata:empty{display:none}
.ruya-dugme{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:52px;margin-top:12px;padding:10px 18px;
  font:600 19px/1.2 var(--govde);letter-spacing:.01em;color:var(--r-gece);background:linear-gradient(180deg,#f0d690,#c9a14a);
  border:1px solid #8a6420;border-radius:10px;cursor:pointer;text-decoration:none;box-shadow:0 6px 20px -8px rgba(235,208,138,.6)}
.ruya-gok a.ruya-dugme{color:var(--r-gece)}
.ruya-dugme:hover{filter:brightness(1.06)}
.ruya-dugme:disabled{opacity:.6;cursor:default}
.ruya-dugme.ikinci{color:var(--r-yazi);background:transparent;border-color:rgba(235,208,138,.6);box-shadow:none;font-size:17.5px}
.ruya-uyuyan{margin:20px 0 0;padding:10px 14px;border-radius:14px;background:radial-gradient(80% 90% at 50% 40%,#fbf3e4,#e9d9bb);border:1px solid var(--r-altin);
  box-shadow:0 0 0 4px rgba(201,161,74,.14),0 0 50px rgba(235,208,138,.18)}
.ruya-uyuyan img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;mix-blend-mode:multiply}

/* ---- sonuç: kısa hal kâğıdı ---- */
.ruya-sonuc{padding-top:18px;scroll-margin-top:calc(var(--ust, 54px) + 10px)}
.ruya-kisa{background:var(--r-kagit);color:var(--r-murekkep);border-radius:12px;padding:20px 18px 18px;border:1px solid var(--r-altin);
  box-shadow:0 0 0 4px rgba(201,161,74,.15),0 24px 50px -24px rgba(0,0,0,.7)}
.ruya-kisa .ruya-ince{color:var(--r-murekkep2)}
.ruya-etiket{display:inline-block;margin:0;font:600 12.5px/1 var(--tezhip);letter-spacing:.2em;text-transform:uppercase;color:var(--r-nar);
  border:1px solid rgba(158,59,77,.5);border-radius:99px;padding:7px 12px 6px}
.ruya-satir{border-top:1px solid rgba(138,100,32,.35);margin-top:14px;padding-top:12px}
.ruya-satir-ust{margin:0 0 4px;font-size:17px;color:var(--r-murekkep2)}
.ruya-alinti{margin:0 0 6px;padding:2px 0 2px 14px;border-left:3px solid var(--r-altin);font-size:20px;line-height:1.45;font-style:italic;color:var(--r-murekkep)}
.ruya-kisa .ruya-bag,.ruya-kagit a{color:#7a2b3b}
.ruya-bag{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
.ruya-yok{margin:12px 0 8px}
.ruya-gece{margin-top:16px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,var(--r-civit),var(--r-murdum));color:var(--r-yazi)}
.ruya-gece p{margin:.2em 0}
.ruya-gece .ruya-ince{color:var(--r-soluk);font-size:15.5px}
.ruya-gece-bas{font-weight:600}
.ruya-gece-bas::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-1px;border-radius:50%;box-shadow:inset -4px 0 0 0 var(--r-altin-acik)}
.ruya-eylem{display:grid;gap:0;margin:6px 0 0}
.ruya-eylem [data-durum]:empty{display:none}
.ruya-kriz{background:var(--r-kagit);color:var(--r-murekkep);border-radius:12px;padding:18px;border-left:4px solid var(--r-altin);font-size:19px}
.ruya-kriz p{margin:.2em 0}

/* ---- çipler ---- */
.ruya-cipler{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ruya-cip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;font-size:17px;text-decoration:none;
  color:var(--r-yazi);border:1px solid rgba(235,208,138,.55);background:rgba(255,255,255,.04)}
.ruya-gok a.ruya-cip{color:var(--r-yazi)}
.ruya-cip:hover{background:rgba(235,208,138,.14)}
.ruya-gok .ruya-kisa a.ruya-cip,.ruya-gok .ruya-kagit a.ruya-cip{color:var(--r-murekkep);border-color:rgba(138,100,32,.5);background:#fffaf2}

/* ---- detaylı yorum kartı (mürdüm) ---- */
.ruya-istek{margin:18px auto 0;padding:22px 18px 20px;border-radius:14px;color:var(--r-yazi);
  background:radial-gradient(90% 60% at 100% 0%,rgba(235,208,138,.12),transparent 60%),linear-gradient(160deg,#4a2139,var(--r-murdum) 55%,var(--r-murdum3));
  border:1px solid var(--r-altin);box-shadow:0 0 0 4px rgba(59,26,46,.6),0 0 0 5px rgba(201,161,74,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.ruya-istek-ust{margin:0 0 6px;font:600 13px/1.2 var(--tezhip);letter-spacing:.2em;text-transform:uppercase;color:var(--r-altin-acik)}
.ruya-istek-giris{margin:0 0 8px;font-size:19px;line-height:1.45}
.ruya-istek-liste{margin:0 0 14px;padding:0;list-style:none}
.ruya-istek-liste li{position:relative;padding:5px 0 5px 24px;font-size:17.5px}
.ruya-istek-liste li::before{content:"";position:absolute;left:3px;top:14px;width:8px;height:8px;transform:rotate(45deg);background:var(--r-altin-acik)}
.ruya-onizleme{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;height:118px;overflow:hidden;border-radius:8px}
.ruya-onizleme span{display:block;overflow:hidden;border-radius:6px;border:1px solid rgba(235,208,138,.5);background:#e9dcc4}
.ruya-onizleme img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ruya-onizleme::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,26,46,0) 20%,rgba(59,26,46,.75) 70%,var(--r-murdum) 100%)}
.ruya-onizleme em{position:absolute;left:0;right:0;bottom:8px;z-index:1;text-align:center;font-size:16px;color:var(--r-altin-acik)}
.ruya-istek label{display:block;font-weight:600;margin:0 0 6px;font-size:17px;color:var(--r-yazi)}
.ruya-istek input{box-sizing:border-box;width:100%;min-height:50px;padding:10px 14px;font:18px var(--govde);color:var(--r-murekkep);background:var(--r-kagit);border:1px solid var(--r-altin);border-radius:10px}
.ruya-istek .ruya-ince{font-size:15.5px}
.ruya-tesekkur{margin:6px 0 0;font-size:19px;color:var(--r-altin-acik)}

/* ---- sık rüyalar, defter ---- */
.ruya-sik,.ruya-defter{margin-top:30px}
.ruya-sik h2,.ruya-defter h2{font-size:24px;margin:0 0 4px}
.defter-liste{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.defter-kayit{position:relative;padding:14px 16px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(235,208,138,.3)}
.defter-tarih{margin:0;font-size:15.5px;color:var(--r-altin-acik)}
.defter-metin{margin:4px 0 6px;padding-right:64px}
.defter-sembol{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.defter-sembol span{font-size:15px;padding:2px 10px;border-radius:99px;border:1px solid rgba(235,208,138,.4);color:var(--r-soluk)}
.defter-sil{position:absolute;top:8px;right:8px;min-width:56px;min-height:44px;padding:0 12px;border-radius:8px;cursor:pointer;
  font:16px var(--govde);color:var(--r-yazi);background:transparent;border:1px solid rgba(235,208,138,.45)}
.defter-bos{color:var(--r-soluk);font-style:italic}
.ruya-dipnot{margin-top:30px;text-align:center;font-style:italic;color:var(--r-soluk);font-size:16px}

/* ---- sembol yazısı ve sözlük ---- */
.ruya-kirinti{margin:0 0 14px;padding-top:16px;font-size:15.5px;color:var(--r-soluk)}
.ruya-kirinti a{display:inline-block;padding:10px 0;color:var(--r-altin-acik)}
.ruya-yazi-bas{padding-bottom:18px}
.ruya-yazi-bas h1{font-size:clamp(30px,7.8vw,48px);line-height:1.12;margin:0 0 10px}
.ruya-yazar{margin:0;color:var(--r-soluk);font-size:16px}
.ruya-yazar b{color:var(--r-yazi);font-weight:600}
.ruya-kagit{background:var(--r-kagit);color:var(--r-murekkep);border-radius:14px;padding:22px 18px 18px;border:1px solid var(--r-altin);
  box-shadow:0 0 0 4px rgba(201,161,74,.14),0 30px 60px -30px rgba(0,0,0,.8);font-size:18.5px;line-height:1.62}
.ruya-kagit h2{color:var(--r-murekkep);font-size:24px;line-height:1.25;margin:26px 0 8px}
.ruya-kagit h3{color:var(--r-murekkep);font-size:19.5px;margin:18px 0 4px}
.ruya-kagit p{margin:.5em 0}
.ruya-cevap{font-size:20px;line-height:1.55;margin-top:0}
.ruya-satirlar{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ruya-okunus{margin:0;font-size:16px;color:var(--r-murekkep2)}
.ruya-okunus span{font:600 11.5px/1 var(--tezhip);letter-spacing:.14em;text-transform:uppercase;color:var(--r-nar)}
.ruya-cta{margin:26px 0 6px;padding:18px;border-radius:12px;background:linear-gradient(135deg,var(--r-civit),var(--r-murdum));color:var(--r-yazi)}
.ruya-cta h2{color:var(--r-yazi);margin:0 0 4px}
.ruya-kagit .ruya-cta a.ruya-dugme{color:var(--r-gece)}
.ruya-ilgili{margin-top:22px}
.sozluk-dizin{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.sozluk-dizin a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;border:1px solid rgba(235,208,138,.45);
  text-decoration:none;font:600 17px var(--tezhip);color:var(--r-altin-acik)}
.sozluk .sozluk-harf h2{margin:6px 0 4px;font:600 26px var(--tezhip);color:var(--r-nar)}
.sozluk ul{margin:0 0 10px;padding:0;list-style:none}
.sozluk li a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-height:44px;padding:8px 0;box-sizing:border-box;border-bottom:1px solid rgba(138,100,32,.2);text-decoration:none;color:var(--r-murekkep)}
.sozluk li b{font-weight:600}
.sozluk li span{color:var(--r-murekkep2);font-size:16px}
.sozluk-harf{scroll-margin-top:calc(var(--ust, 54px) + 10px)}

/* ---- bilgisayar: iki sütunlu baş, daha geniş kâğıt ---- */
@media (min-width:900px){
  .ruya-gok{padding-bottom:40px;font-size:19px}
  .ruya-gok > *{max-width:980px}
  .ruya-bas{display:grid;grid-template-columns:1fr 360px;grid-template-areas:"ust ay" "h1 ay" "alt ay" "form uyu";column-gap:56px;padding-top:48px}
  .ruya-bas .ruya-ust{grid-area:ust}
  .ruya-bas h1{grid-area:h1;margin-right:0;max-width:none}
  .ruya-alt{grid-area:alt}
  .ruya-form{grid-area:form}
  .ruya-ay{grid-area:ay;position:relative;top:auto;right:auto;justify-self:center;align-self:center;width:220px;height:220px}
  .ruya-uyuyan{grid-area:uyu;align-self:end;margin:0}
  .ruya-kisa,.ruya-kriz,.ruya-eylem{max-width:720px}
  .ruya-dipnot{text-align:left}
  .ruya-eylem{grid-template-columns:1fr 1fr;column-gap:12px}
  .ruya-eylem [data-durum]{grid-column:1/-1}
  .ruya-istek{max-width:720px;margin-left:0;padding:28px 30px}
  .ruya-onizleme{height:170px}
  .ruya-yazi-gok > *{max-width:820px}
  .ruya-kagit{padding:34px 40px 28px}
  .sozluk{column-count:2;column-gap:40px}
  .sozluk .sozluk-harf{break-inside:avoid}
  .sozluk .ruya-cta{column-span:all}
}
@media (prefers-reduced-motion:no-preference){
  .ruya-sonuc:not([hidden]){animation:ruya-belir .5s ease-out}
  @keyframes ruya-belir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
/* ücretsiz PDF defter kutusu */
.ruya-pdf{margin:28px 0;padding:20px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(235,208,138,.3)}
.ruya-pdf h2{margin:0 0 8px}
.ruya-pdf p{margin:0 0 6px}