/* Devlog penceresi: karta tıklanınca yazı sayfanın üstünde açılır. Ana sayfa ve devlog aynı dosyayı kullanır. */
html.dlopen{overflow:hidden}
.dlpop{
  width:min(760px, calc(100vw - 32px));max-height:min(86vh, 900px);
  padding:0;border:1px solid rgba(255,255,255,.24);border-radius:22px;
  background:linear-gradient(180deg, #3A1A5C 0%, #2A1245 100%);color:#fff;
  box-shadow:0 30px 90px rgba(13,2,33,.6);
  overflow:hidden;
}
.dlpop::backdrop{background:rgba(13,2,33,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dlpop[open]{animation:dlIn .22s ease-out}
@keyframes dlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dlin{max-height:min(86vh, 900px);overflow-y:auto;padding:clamp(28px, 4vw, 52px)}
.dlx{
  position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.28);background:rgba(13,2,33,.35);color:#fff;
  font:400 1.4rem/1 var(--f-body);cursor:pointer;
}
.dlx:hover,.dlx:focus-visible{border-color:#E9D758;color:#E9D758;outline:none}
.dlgame{margin:0 0 6px;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#FFE39A}
.dldate{margin:0 0 18px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.dlpop h2{
  font-family:var(--f-head);
  font-size:clamp(2rem, 4vw, 3.2rem);line-height:1.05;margin:0 0 24px;padding-right:40px;text-wrap:balance;
}
.dlfull{font-family:var(--f-body);font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,.88)}
.dlfull p{margin:0 0 1.1em}
.dlfull h3{font-family:var(--f-head);font-size:1.25rem;margin:1.6em 0 .5em;color:#fff}
.dlfull a{color:#E9D758;text-decoration:underline;text-underline-offset:3px}
.dlfull img{display:block;max-width:100%;border-radius:12px;margin:1.2em 0}
@media (prefers-reduced-motion:reduce){ .dlpop[open]{animation:none} }