/* deneyim.css — /deneyim/ sayfası: türbinin içine sinematik yolculuk.
 * Palet: grafit, çelik, mat siyah, soğuk beyaz, ince camgöbeği. Sitenin limon
 * vurgusu yalnız marka ve eylem düğmelerinde. */
.dny{--d-bg:#07090b;--d-ink:#eef2f5;--d-muted:#a3adb5;--d-faint:#76818a;--d-line:rgba(238,242,245,.14);
  --d-cyan:#a9cbc9;--d-accent:#b4c9c8;--d-gut:clamp(1rem,4vw,2.25rem);
  background:var(--d-bg);color:var(--d-ink);color-scheme:dark}
.dny .gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dny :focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}

/* ---- sahne ---- */
.dny-bolum{position:relative;height:100svh;background:var(--d-bg)}
.dny-bolum.uc-boyut,.dny-bolum.dny-hazirlaniyor{height:1100svh}
.dny-sahne{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;isolation:isolate}
.dny-sahne canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-3;opacity:0;transition:opacity .7s ease}
.dny-sahne canvas.hazir{opacity:1}
.dny-poster{position:absolute;inset:0;z-index:-4;background:#0b0e11}
/* Fotoğraflı kapak: 3B açılmayan cihazda (durağan kip) kalıcı, 3B yüklenirken geçici. Fotoğraf sahnenin kendi açılış
 * karesi (nasel çatısı); 3B hazır olunca .7 sn'lik geçişle aynı görüntüye oturur. Eskiden yükleme boyunca siyah ekran
 * kalıyordu; yavaş bağlantıda (18 Ekim tanı: Android, 27 sn) ziyaretçi hiçbir şey görmeden çıkıyordu. */
.dny-bolum.statik .dny-poster,.dny-bolum.uc-boyut .dny-poster,.dny-bolum.dny-hazirlaniyor .dny-poster{background:#7d98ad url('/assets/saha/kapak-korfez-genis-v1.webp') center/cover no-repeat}
@media(orientation:portrait){.dny-bolum.statik .dny-poster,.dny-bolum.uc-boyut .dny-poster,.dny-bolum.dny-hazirlaniyor .dny-poster{background-image:url('/assets/saha/kapak-korfez-dikey-v1.webp')}}
/* V18 körfez kapağı: altın saatte ve alacakaranlıkta sahne türbini batan güneşe karşı siluet olarak açar; fotoğraf da o kare */
:root:is([data-vardiya=altin],[data-vardiya=aksam],[data-vardiya=safak]) :is(.dny-bolum.statik,.dny-bolum.uc-boyut,.dny-bolum.dny-hazirlaniyor) .dny-poster{background-image:url('/assets/saha/kapak-korfez-batim-genis-v1.webp')}
@media(orientation:portrait){:root:is([data-vardiya=altin],[data-vardiya=aksam],[data-vardiya=safak]) :is(.dny-bolum.statik,.dny-bolum.uc-boyut,.dny-bolum.dny-hazirlaniyor) .dny-poster{background-image:url('/assets/saha/kapak-korfez-batim-dikey-v1.webp')}}
/* yedek kapak döngüsü (arayuz.js donguKur): fotoğrafın üstünde, ilk kare oynayınca yumuşakça belirir */
.dny-dongu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;pointer-events:none}
.dny-dongu.oynuyor{opacity:1}
.dny-bolum:not(.statik) .dny-dongu{display:none}
:root[data-vardiya=gece] .dny-bolum.statik .dny-poster,:root[data-vardiya=gece] .dny-bolum.uc-boyut .dny-poster,:root[data-vardiya=gece] .dny-bolum.dny-hazirlaniyor .dny-poster{filter:brightness(.52) saturate(.65)}
.dny-poster.dny-anlik-kare{background-size:cover;background-position:center}
.dny-bolum.dny-akis .dny-poster{transition:opacity .7s ease}
.dny-bolum.hazir .dny-poster{opacity:0}
/* sinema vinyeti + alt/üst gölge: metin okunur kalsın */
.dny-sahne::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(120% 85% at 50% 45%,transparent 55%,rgba(3,4,5,.55) 100%),
    linear-gradient(180deg,rgba(5,7,8,.55) 0,transparent 18%,transparent 62%,rgba(5,7,8,.78) 100%)}
.dny-kararti{position:absolute;inset:0;z-index:-1;background:#000;opacity:0;pointer-events:none}
/* Tek bir bileşik katman: mobilde çok sayıda parçacık veya bulanıklık hesabı yok. */
.dny-hava-kat{position:absolute;inset:-18%;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.2s ease;background-repeat:repeat}
.dny-bolum.dny-disarida[data-hava=yagmur] .dny-hava-kat,
.dny-bolum.dny-disarida[data-hava=firtina] .dny-hava-kat{opacity:.38;background-image:repeating-linear-gradient(104deg,transparent 0 29px,rgba(201,224,239,.38) 30px,transparent 31px,transparent 67px);background-size:128px 240px;animation:dnyYagmur .7s linear infinite;will-change:transform}
.dny-bolum.dny-disarida[data-hava=firtina] .dny-hava-kat{opacity:.55}
.dny-bolum.dny-disarida[data-hava=kar] .dny-hava-kat{opacity:.7;background-image:radial-gradient(2px 2px at 12px 22px,#e8f2fa 60%,transparent),radial-gradient(3px 3px at 87px 65px,#eef6fb 55%,transparent),radial-gradient(2px 2px at 129px 100px,#fff 55%,transparent);background-size:160px 130px;animation:dnyKar 9s linear infinite;will-change:transform}
.dny-bolum.dny-disarida[data-hava=sis] .dny-hava-kat{opacity:.52;background:linear-gradient(100deg,rgba(192,208,217,.25),transparent 48%,rgba(208,218,224,.3)),linear-gradient(0deg,rgba(192,208,217,.36),transparent 70%)}
@keyframes dnyYagmur{to{transform:translate3d(-36px,120px,0)}}
@keyframes dnyKar{to{transform:translate3d(36px,130px,0)}}
.dny-hava-etiket{position:absolute;z-index:2;right:var(--d-gut);top:calc(6rem + env(safe-area-inset-top));margin:0;font:500 .625rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#eaf3f7;text-shadow:0 1px 8px #090d12;opacity:.72}
.dny-hava-etiket:empty{display:none}
.dny-bolum:not(.dny-disarida) .dny-hava-etiket{opacity:0;visibility:hidden}

/* ---- açılış ---- */
.dny-acilis{position:absolute;left:var(--d-gut);right:var(--d-gut);bottom:clamp(2rem,9vh,5rem);max-width:40rem;transition:opacity .6s ease,transform .6s ease}
.dny-acilis .ust{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-muted)}
.dny-acilis h1{margin:.8rem 0 0;font-family:Fraunces,Georgia,serif;font-weight:350;font-variation-settings:"opsz" 144;font-size:clamp(2.4rem,6.5vw,4.75rem);line-height:1;letter-spacing:-.03em;color:var(--d-ink)}
.dny-acilis p.alt{margin:1rem 0 0;max-width:34rem;font-size:1rem;line-height:1.65;color:var(--d-muted)}
.dny-kaydir{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.6rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-ink)}
.dny-kaydir i{display:block;width:1px;height:2.4rem;background:linear-gradient(var(--d-cyan),transparent);animation:dnyInis 2.4s ease-in-out infinite}
@keyframes dnyInis{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.dny-bolum.gecti .dny-acilis{opacity:0;transform:translateY(-1rem);pointer-events:none}

/* ---- üst şerit: bölüm adı ve kot ---- */
.dny-serit{position:absolute;top:calc(4.4rem + env(safe-area-inset-top));left:var(--d-gut);right:var(--d-gut);display:flex;justify-content:space-between;gap:1rem;
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-muted);opacity:0;transition:opacity .6s ease;pointer-events:none}
.dny-bolum.gecti .dny-serit{opacity:1}
.dny-serit b{font-weight:500;color:var(--d-ink)}
.dny-serit .dny-kot b{font-variant-numeric:tabular-nums}
.dny-serit .dny-kot .dny-ic{color:var(--d-cyan)}

/* ---- parça etiketi (HUD): yavaşça belirir, yavaşça söner ---- */
.dny-hud{position:absolute;left:var(--d-gut);bottom:clamp(2rem,10vh,5.5rem);max-width:30rem;pointer-events:none;
  opacity:0;transform:translateY(.6rem);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.dny-hud.gor{opacity:1;transform:none}
.dny-hud .no{margin:0;display:flex;align-items:center;gap:.8rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--d-cyan)}
.dny-hud .no::after{content:"";display:block;width:3.5rem;height:1px;background:linear-gradient(90deg,var(--d-cyan),transparent)}
.dny-hud h2{margin:.7rem 0 0;font-family:var(--sans);font-weight:500;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.045em;color:var(--d-ink);text-shadow:0 2px 24px rgba(0,0,0,.5)}
.dny-hud .bilgi{margin:.8rem 0 0;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;line-height:1.6;color:var(--d-muted);text-shadow:0 1px 12px rgba(0,0,0,.6)}
/* dış bölüm altyazısı */
.dny-alt{position:absolute;left:var(--d-gut);bottom:clamp(2rem,10vh,5.5rem);max-width:28rem;margin:0;font-size:1rem;line-height:1.6;color:var(--d-muted);
  opacity:0;transition:opacity .8s ease;pointer-events:none;text-shadow:0 1px 14px rgba(0,0,0,.65)}
.dny-alt.gor{opacity:1}
.dny-alt b{display:block;margin-bottom:.35rem;font-family:var(--mono);font-size:.6875rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ink)}

/* ---- bölüm rayı: sağ kenar ---- */
.dny-ray{position:absolute;right:var(--d-gut);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:.15rem;
  opacity:0;transition:opacity .6s ease}
.dny-bolum.gecti .dny-ray{opacity:1}
.dny-ray button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:.7rem;min-height:1.6rem;padding:0 .1rem;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:transparent;transition:color .3s}
.dny-ray button::after{content:"";display:block;width:.9rem;height:1px;background:rgba(238,242,245,.35);transition:width .35s ease,background .3s}
.dny-ray button:hover,.dny-ray button:focus-visible{color:var(--d-muted)}
.dny-ray li.gecildi button::after{background:rgba(169,203,201,.55)}
.dny-ray li.etkin button{color:var(--d-ink)}
.dny-ray li.etkin button::after{width:2rem;background:var(--d-cyan)}
.dny-ray li.dis button::after{background:rgba(238,242,245,.22)}

/* ---- ilerleme çizgisi ---- */
.dny-ilerleme{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(238,242,245,.08)}
.dny-ilerleme i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,rgba(169,203,201,.2),var(--d-cyan))}

/* ---- kapanış: kahraman kadrajı + imza ---- */
.dny-son{position:absolute;inset:auto var(--d-gut) clamp(2rem,9vh,5rem);max-width:42rem;opacity:0;transform:translateY(1rem);pointer-events:none;
  transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.dny-son.gor{opacity:1;transform:none;pointer-events:auto}
.dny-son .ust{margin:0;font-family:var(--mono);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--d-cyan)}
.dny-son h2,.dny-son .dny-imza{margin:.8rem 0 0;font-family:var(--sans);font-weight:600;font-size:clamp(2.6rem,7vw,5.25rem);line-height:.95;letter-spacing:-.055em;color:var(--d-ink)}
.dny-son p.alt{margin:1rem 0 0;max-width:34rem;font-size:1.0625rem;line-height:1.6;color:var(--d-muted)}
.dny-dg{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.dny-dg a,.dny-dg button{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.15rem;border:1px solid rgba(238,242,245,.28);background:rgba(7,9,11,.45);backdrop-filter:blur(6px);
  font:500 .8125rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.dny-dg a:hover,.dny-dg button:hover{border-color:var(--d-ink)}
.dny-dg button[hidden]{display:none}
.dny-dg .birincil{background:var(--d-accent);border-color:var(--d-accent);color:#0b0e10}
.dny-dg .birincil:hover{background:#d6e2e1;border-color:#d6e2e1}

/* ---- yükleniyor ---- */
.dny-yuk{position:absolute;right:var(--d-gut);bottom:1.4rem;margin:0;font-family:var(--mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-faint);transition:opacity .6s}
.dny-bolum.hazir .dny-yuk,.dny-bolum.statik .dny-yuk{opacity:0}

/* ---- WebGL yok / hareket azaltılmış: durağan kapak ---- */
.dny-bolum.statik .dny-serit,.dny-bolum.statik .dny-ray,.dny-bolum.statik .dny-hud,.dny-bolum.statik .dny-alt,.dny-bolum.statik .dny-son,.dny-bolum.statik .dny-ilerleme,.dny-bolum.statik .dny-kaydir{display:none}

/* ---- parça listesi: her durumda okunur metin ---- */
.dny-liste{border-top:1px solid var(--d-line);padding:clamp(4rem,9vw,7rem) var(--d-gut)}
.dny-liste .ic{max-width:76rem;margin:0 auto}
.dny-liste .etiket{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-cyan)}
.dny-liste h2{margin:.9rem 0 0;font-family:var(--sans);font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.05;letter-spacing:-.04em;font-weight:600;max-width:22ch}
.dny-liste .giris{margin:1.2rem 0 0;max-width:62ch;font-size:1.0625rem;line-height:1.7;color:var(--d-muted)}
.dny-liste ol{list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1px;background:var(--d-line);border:1px solid var(--d-line)}
.dny-liste li{background:var(--d-bg);padding:1.5rem 1.4rem 1.6rem}
.dny-liste li .n{font-family:var(--mono);font-size:.6875rem;letter-spacing:.2em;color:var(--d-cyan)}
.dny-liste li h3{margin:.6rem 0 0;font-size:1.1875rem;font-weight:600;letter-spacing:-.02em}
.dny-liste li h3 span{margin-left:.5rem;font-family:var(--mono);font-size:.625rem;font-weight:400;letter-spacing:.18em;color:var(--d-faint)}
.dny-liste li p{margin:.55rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--d-muted)}
.dny-liste .not{margin:1.5rem 0 0;font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.03em;color:var(--d-faint);max-width:80ch}
.dny-liste .dny-dg{margin-top:2.5rem}
.dny-liste a{color:var(--d-ink)}

@media (max-width:820px){
  .dny-bolum.uc-boyut,.dny-bolum.dny-hazirlaniyor{height:1050svh}
  .dny-ray{display:none}
  .dny-ray button{font-size:0;gap:0}
  .dny-ray button::after{width:.6rem}
  .dny-ray li.etkin button::after{width:1.2rem}
  .dny-hud,.dny-alt{right:2.6rem;bottom:clamp(1.5rem,7vh,3rem)}
  .dny-hud h2{font-size:2.1rem}
  .dny-serit{font-size:.625rem;letter-spacing:.16em}
  .dny-serit .bolum-ad{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .dny-kaydir i{animation:none}
  .dny-hud,.dny-son,.dny-acilis{transition:opacity .2s linear}
}

/* ---- koyu kabuk: üst menü ve altbilgi (ana sayfayla aynı değişkenler) ---- */
body.dny-body,:root[data-vardiya] body.dny-body{background:#07090b}
body.dny-body header{--ink:#e9edf0;--muted:#aab3ba;--line:#262e35;--surface:#141a1f;--raise:#1b2328;--ground:#0b0e10;
  background:rgba(7,9,11,.55);border-bottom-color:rgba(238,242,245,.08);backdrop-filter:blur(12px)}
:root[data-vardiya] body.dny-body header,:root body.dny-body header{background:rgba(7,9,11,.55);backdrop-filter:blur(12px)}
body.dny-body header .plate{background:#b4c9c8;border-color:#b4c9c8;color:#0b0e10}
body.dny-body header .plate:hover{background:#d6e2e1}
body.dny-body footer{background:#050607;border-top:1px solid #1b2127;color:#9aa3ab}
body.dny-body footer .mono,body.dny-body footer .mono a{color:#9aa3ab}
body.dny-body footer a:hover{color:#e9edf0}
.dny *,.dny *::before,.dny *::after{box-sizing:border-box}
.dny-dg[hidden]{display:none}
html:has(body.dny-body){background:#07090b}
.dny-liste h2,.dny-liste li h3{color:var(--d-ink)}

/* ---- ana sayfa kapağı olarak ---- */
.ana .dny-bolum{padding:0;border-top:0}
.dny-ana.uc-boyut,.dny-ana.dny-hazirlaniyor{height:1000svh}
.dny-kapak-alt{transition:opacity .6s ease,transform .6s ease}
.dny-kapak-alt .rakam{margin-top:clamp(1.5rem,4vh,2.5rem)}
.dny-basla{display:contents}
.dny-basla[hidden]{display:none}
.dny-basla .dg{font-family:var(--sans);background:transparent;cursor:pointer}
.dny-bolum.gecti .dny-kapak-alt{opacity:0;transform:translateY(-1rem);pointer-events:none}
.dny-ana .ralan{transition:opacity .5s ease}
.dny-bolum.gecti .ralan{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.dny-bolum.statik .kaydir{display:none}
.dny-atla{position:absolute;z-index:5;right:var(--d-gut);top:calc(4.4rem + env(safe-area-inset-top) + 1.6rem);font-family:var(--mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--d-muted);border-bottom:1px solid rgba(238,242,245,.25);padding:.35rem 0;opacity:0;pointer-events:none;transition:opacity .5s ease,color .2s}
.dny-atla:hover,.dny-atla:focus-visible{color:var(--d-ink);opacity:1}
.dny-bolum.uc-boyut:not(.sonda) .dny-atla,.dny-bolum.dny-hazirlaniyor:not(.sonda) .dny-atla{opacity:1;pointer-events:auto}
.dny-bolum.statik .dny-atla{display:none}
@media (max-width:820px){.dny-ana.uc-boyut,.dny-ana.dny-hazirlaniyor{height:1050svh}}
@media (max-width:820px){.dny-ana:not(.gecti) .dny-atla{top:auto;bottom:clamp(1.3rem,4vh,2.6rem)}}
/* alçak ekranlar (dizüstü, tarayıcı çubukları açık): canlı rüzgâr kutusu tek satır, düğmelerle çakışmasın */
@media (min-width:821px) and (max-height:780px){
  .dny-ana .dny-kapak-alt .rakam{margin-top:1rem}
}

/* ===================== teknik işaret noktaları ve irtifa cetveli ===================== */
.v-noktalar{position:absolute;inset:0;pointer-events:none;z-index:2}
.v-nokta{all:unset;position:absolute;left:0;top:0;display:flex;align-items:center;gap:.55rem;margin:-.6rem 0 0 -.6rem;padding:.2rem;cursor:pointer;pointer-events:auto;
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;will-change:transform}
.v-nokta.gor{opacity:1;visibility:visible;transition:opacity .35s ease}
.v-nokta i{position:relative;display:block;width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(238,242,245,.85);background:rgba(7,9,11,.35);box-shadow:0 0 0 3px rgba(7,9,11,.25)}
.v-nokta i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#a9cbc9}
.v-nokta i::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(169,203,201,.45);animation:vNabiz 2.4s ease-out infinite}
@keyframes vNabiz{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.v-nokta span{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#eef2f5;text-shadow:0 1px 8px rgba(0,0,0,.8);
  opacity:.75;transition:opacity .2s}
.v-nokta:hover span,.v-nokta:focus-visible span{opacity:1}
.v-nokta:focus-visible i{outline:2px solid #a9cbc9;outline-offset:3px}
.v-nokta-bilgi{position:absolute;left:0;top:0;z-index:3;width:min(19.5rem,calc(100vw - 2rem));padding:.9rem 1rem 1rem;pointer-events:auto;
  background:rgba(9,12,14,.9);border:1px solid rgba(238,242,245,.14);border-top:1px solid #a9cbc9;backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.v-nokta-bilgi.gor{opacity:1;visibility:visible;transition:opacity .2s ease}
.v-nb-no{margin:0;font-family:var(--mono);font-size:.625rem;letter-spacing:.2em;color:#a9cbc9}
.v-nb-ad{margin:.35rem 0 0;font-family:var(--sans);font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;color:#eef2f5}
.v-nb-t{margin:.4rem 0 0;font-size:.8125rem;line-height:1.55;color:#a3adb5}
.v-nb-git{display:inline-block;margin-top:.6rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#eef2f5;border-bottom:1px solid rgba(238,242,245,.3)}
.v-nb-git::after{content:" →"}
.v-nb-git:hover{color:#a9cbc9;border-color:#a9cbc9}
.v-irtifa{position:absolute;left:var(--d-gut,1.5rem);top:26%;height:36%;width:3.4rem;pointer-events:none;opacity:0;transition:opacity .6s ease}
.v-irtifa.gor{opacity:1}
.v-ir-cetvel{position:relative;height:100%;border-left:1px solid rgba(238,242,245,.3);
  background:repeating-linear-gradient(to top,rgba(238,242,245,.22) 0 1px,transparent 1px 12.5%) left/5px 100% no-repeat}
.v-ir-cetvel i{position:absolute;left:0;bottom:calc(var(--y)*100%);transform:translateY(50%);font-style:normal;display:flex;align-items:center;gap:.4rem}
.v-ir-cetvel i::before{content:"";width:.6rem;height:1px;background:rgba(238,242,245,.6)}
.v-ir-cetvel b{font-family:var(--mono);font-size:.625rem;font-weight:400;color:#a3adb5;font-variant-numeric:tabular-nums}
.v-ir-ok{position:absolute;left:-4px;bottom:calc(var(--y,0)*100%);width:7px;height:7px;transform:translateY(50%) rotate(45deg);background:#a9cbc9;box-shadow:0 0 10px rgba(169,203,201,.6)}
.v-ir-b{position:absolute;left:0;bottom:-1.8rem;margin:0;font-family:var(--mono);font-size:.5625rem;letter-spacing:.2em;color:#76818a;white-space:nowrap}
.dny-bolum.statik .v-noktalar,.dny-bolum.statik .v-irtifa,.dny-bolum.statik .v-nokta-bilgi{display:none}
@media (max-width:820px){ .v-irtifa{display:none} .v-nokta span{display:none} }
@media (prefers-reduced-motion:reduce){ .v-nokta i::before{animation:none;opacity:0} }
/* V4: kısa açılış göstergesi — yalnız sahne 0,4 sn'den uzun sürerse görünür */
.dny-yuk{display:grid;gap:.3rem;text-align:right;opacity:0;animation:dnyYukGel .5s ease .4s forwards}
.dny-yuk b{font-weight:500;color:var(--d-ink);letter-spacing:.24em}
.dny-yuk-s{display:inline-flex;align-items:center;justify-content:flex-end;gap:.6rem;color:#b4c9c8}
.dny-yuk-s i{position:relative;width:3.5rem;height:1px;background:rgba(180,201,200,.25);overflow:hidden}
.dny-yuk-s i::after{content:"";position:absolute;inset:0;width:40%;background:#b4c9c8;animation:dnyYukCiz 1.1s cubic-bezier(.6,0,.4,1) infinite}
@keyframes dnyYukGel{to{opacity:1}}
@keyframes dnyYukCiz{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.dny-bolum.hazir .dny-yuk,.dny-bolum.statik .dny-yuk{animation:none;opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){ .dny-yuk-s i::after{animation:none;width:100%} }

/* ---- V4 kapak: dış teknik etiketler (ince çizgili muayene işaretleri) ---- */
.v-etiketler{position:absolute;inset:0;z-index:1;pointer-events:none}
.v-et-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v-et-yol{fill:none;stroke:rgba(238,242,245,.62);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
  transition:stroke-dashoffset .9s cubic-bezier(.5,0,.2,1),opacity .4s ease}
.v-et-yol.gor{stroke-dashoffset:0;opacity:1}
.v-et-nok{fill:#eef2f5;stroke:rgba(7,9,11,.55);stroke-width:3;paint-order:stroke;opacity:0;transition:opacity .4s ease}
.v-et-nok.gor{opacity:1}
.v-etiket{position:absolute;left:0;top:0;margin:0;display:grid;gap:.1rem;opacity:0;transition:opacity .5s ease;transition-delay:0s;
  text-shadow:0 1px 10px rgba(0,0,0,.75);white-space:nowrap}
.v-etiket.gor{opacity:1;transition-delay:calc(.45s + var(--gecikme,0ms))}
.v-etiket.sol{text-align:right}
.v-etiket span{font-family:var(--mono);font-size:.5625rem;letter-spacing:.24em;color:var(--d-cyan)}
.v-etiket b{font-family:var(--sans);font-weight:600;font-size:.875rem;letter-spacing:-.01em;color:#eef2f5}
.v-etiket small{font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;color:rgba(238,242,245,.72)}
.dny-bolum.statik .v-etiketler,.dny-bolum.statik .v-ust{display:none}

/* ---- fare parçanın üstündeyken: küçük sistem etiketi ---- */
.v-ust{position:absolute;left:0;top:0;z-index:3;margin:0;padding:.4rem .6rem .45rem;pointer-events:none;opacity:0;transition:opacity .25s ease;
  border-left:1px solid var(--d-cyan);background:rgba(7,9,11,.55);backdrop-filter:blur(6px);
  font:500 .75rem/1.3 var(--sans);color:#eef2f5;white-space:nowrap}
.v-ust span{display:block;font-family:var(--mono);font-size:.5625rem;letter-spacing:.22em;color:var(--d-cyan)}
.v-ust.gor{opacity:1}

/* ---- film greni: neredeyse fark edilmez; dijital steriliği kırar ---- */
.dny-sahne::before{content:"";position:absolute;inset:-60px;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.6 -.3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px;
  animation:vGren .9s steps(5) infinite}
@keyframes vGren{0%{transform:translate3d(0,0,0)}20%{transform:translate3d(-23px,17px,0)}40%{transform:translate3d(31px,-9px,0)}60%{transform:translate3d(-12px,-28px,0)}80%{transform:translate3d(19px,26px,0)}100%{transform:translate3d(0,0,0)}}
.dny-bolum.statik .dny-sahne::before{opacity:.05}

/* ---- imza geçişi: teknik çizim ---- */
.dny-bolum.cizimde .dny-serit,.dny-bolum.cizimde .dny-ray{opacity:.35}
.dny-son .dny-sistem{margin:1.1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,242,245,.7)}
.dny-son .dny-sistem li::before{content:"";display:inline-block;width:.9rem;height:1px;margin-right:.5rem;vertical-align:middle;background:var(--d-cyan)}

@media (max-width:820px){ .v-etiket small{display:none} .v-etiket b{font-size:.8125rem} .dny-sahne::before{animation:none;mix-blend-mode:normal;opacity:.035} .dny-ana .dny-hava-etiket{top:calc(16rem + env(safe-area-inset-top))} }
@media (prefers-reduced-motion:reduce){
  .dny-sahne::before{animation:none}
  .dny-hava-kat{animation:none!important}
  .v-et-yol{transition:opacity .2s linear;stroke-dashoffset:0}
  .v-etiket.gor{transition-delay:0s}
}
@media (forced-colors:active){ .dny-sahne::before,.v-et-svg{display:none} }

/* ---- kule kapısı: erişim işareti ---- */
.v-erisim{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,calc(-50% + .8rem));display:grid;justify-items:center;gap:.35rem;
  opacity:0;visibility:hidden;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1),visibility 0s .5s;text-align:center;pointer-events:none}
.v-erisim.gor{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:auto}
.v-er-ust{margin:0;display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:#f2b233;text-shadow:0 1px 10px rgba(0,0,0,.8)}
.v-er-ust span{display:block;width:.5rem;height:.5rem;border-radius:50%;background:#f2b233;box-shadow:0 0 0 3px rgba(242,178,51,.2)}
.v-er-ad{margin:0;font-family:var(--sans);font-weight:600;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1;letter-spacing:-.045em;color:#eef2f5;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.v-er-git{all:unset;box-sizing:border-box;margin-top:.8rem;display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:0 1.25rem;cursor:pointer;
  background:var(--d-accent);color:#0b0e10;font:600 .8125rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:background .2s}
.v-er-git::after{content:"↑";font-family:var(--sans)}
.v-er-git:hover{background:#d6e2e1}
.v-er-git:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}

/* ---- servis asansörü: yukarı erişim ---- */
.v-asansor{position:absolute;z-index:2;right:calc(var(--d-gut) + 2.5rem);top:50%;transform:translateY(-50%);width:13.5rem;margin:0;padding:.85rem 1rem .9rem;
  border-left:1px solid var(--d-cyan);background:linear-gradient(90deg,rgba(7,9,11,.55),rgba(7,9,11,0));opacity:0;transition:opacity .6s ease;pointer-events:none}
.v-asansor.gor{opacity:1}
.v-as-ust{margin:0;font-family:var(--mono);font-size:.5625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--d-cyan)}
.v-as-ad{margin:.3rem 0 0;font-family:var(--sans);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;color:#eef2f5}
.v-as-yol{margin:.7rem 0 0;display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,242,245,.7)}
.v-as-yol i{position:relative;flex:1;height:1px;background:rgba(238,242,245,.22)}
.v-as-yol i b{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--o,0));background:var(--d-cyan)}
.v-as-kot{margin:.55rem 0 0;font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;color:rgba(238,242,245,.75)}
.v-as-kot b{font-size:1rem;font-weight:500;color:#eef2f5;letter-spacing:.02em}

/* ---- temsili yerleşim notu ---- */
.v-temsil{position:absolute;z-index:2;right:var(--d-gut);bottom:1.1rem;margin:0;font-family:var(--mono);font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,242,245,.5);opacity:0;transition:opacity .6s ease;pointer-events:none}
.v-temsil.gor{opacity:1}

/* ---- parça bilgi penceresi: kontrol ve sahada belirti ---- */
.v-nb-dl{margin:.7rem 0 0;display:grid;gap:.55rem}
.v-nb-dl div{padding-top:.5rem;border-top:1px solid rgba(238,242,245,.12)}
.v-nb-dl dt{font-family:var(--mono);font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;color:#f2b233}
.v-nb-dl dd{margin:.25rem 0 0;font-size:.78rem;line-height:1.5;color:#c9d0d5}
.dny-bolum.statik .v-erisim,.dny-bolum.statik .v-asansor,.dny-bolum.statik .v-temsil{display:none}
@media (max-width:820px){
  .v-asansor{right:auto;left:var(--d-gut);top:auto;bottom:clamp(7.5rem,20vh,10rem);transform:none;width:12rem}
  .v-temsil{bottom:.6rem;font-size:.5rem}
}
@media (prefers-reduced-motion:reduce){ .v-erisim,.v-erisim.gor{transition:opacity .2s linear} }

/* ---- ses düğmesi: varsayılan kapalı ---- */
.v-ses{all:unset;box-sizing:border-box;position:absolute;z-index:3;right:var(--d-gut);bottom:2.4rem;display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .7rem;cursor:pointer;
  font:500 .625rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(238,242,245,.72);border:1px solid rgba(238,242,245,.18);background:rgba(7,9,11,.35);
  opacity:0;visibility:hidden;transition:opacity .4s ease,color .2s,border-color .2s,visibility 0s .4s}
.dny-bolum.gecti .v-ses{opacity:1;visibility:visible;transition:opacity .4s ease,color .2s,border-color .2s}
.v-ses span{display:block;width:.55rem;height:.55rem;border-radius:50%;border:1px solid currentColor}
.v-ses[aria-pressed="true"]{color:#eef2f5;border-color:var(--d-cyan)}
.v-ses[aria-pressed="true"] span{background:var(--d-cyan);border-color:var(--d-cyan)}
.v-ses:hover{color:#eef2f5;border-color:rgba(238,242,245,.5)}
.v-ses:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
.dny-bolum.statik .v-ses{display:none}
@media (max-width:820px){ .v-ses{bottom:auto;top:calc(4.4rem + env(safe-area-inset-top) + 3.4rem);right:var(--d-gut)} }

/* ---- canlı 3B tuvalin üstünde bulanık cam yok (tüm cihazlar) ----
   backdrop-filter, altındaki WebGL görüntüsü her karede değiştiği için her karede yeniden
   hesaplanır; telefonlarda kaydırmayı en çok bu yavaşlatır. Aynı okunabilirlik koyu zeminle sağlanır. */
@media all {
  body.dny-body header, :root body.dny-body header, :root[data-vardiya] body.dny-body header,
  body.ana-body header, :root body.ana-body header, :root[data-vardiya] body.ana-body header,
  .dny-dg a, .dny-dg button, .v-ust, .v-nokta-bilgi, .ralan, .kapak-rozet, .kapak-dok a, .kapak-serit {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  body.dny-body header, :root body.dny-body header, :root[data-vardiya] body.dny-body header,
  body.ana-body header, :root body.ana-body header, :root[data-vardiya] body.ana-body header { background: rgba(9, 12, 14, .92) !important; }
  .dny-dg a, .dny-dg button, .v-ust { background: rgba(7, 9, 11, .82) !important; }
  .ralan { background: rgba(8, 11, 13, .9) !important; }
}

/* film kipi: ses motoru canlı sahneye bağlı, filmde gizli */
.dny-film .v-ses{display:none}

/* izleyici denetimi: duraklat / baştan oynat — sağ üstte "Deneyimi geç"in altında, sade */
.v-denetim{position:absolute;z-index:5;right:var(--d-gut);top:calc(4.4rem + env(safe-area-inset-top) + 3.5rem);display:flex;gap:.4rem;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s}
.dny-bolum.hazir .v-denetim{opacity:1;visibility:visible;transition:opacity .4s ease}
.dny-bolum.statik .v-denetim,.dny-film .v-denetim,.dny-bolum.sonda .v-denetim{display:none}
.v-denetim button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:0 .7rem;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,242,245,.78);
  border:1px solid rgba(238,242,245,.22);background:rgba(7,9,11,.55);transition:color .2s,border-color .2s}
.v-denetim button:hover{color:#eef2f5;border-color:rgba(238,242,245,.5)}
.v-denetim button:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
.v-denetim b{font-weight:500}
/* simgeler: duraklat iki çubuk, devam üçgen, baştan dairesel ok yerine sola üçgen + çizgi */
.v-den-dur span{width:.55rem;height:.6rem;border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
.v-den-dur[aria-pressed="true"]{color:#eef2f5;border-color:var(--d-cyan)}
.v-den-dur[aria-pressed="true"] span{width:0;height:0;border-style:solid;border-width:.32rem 0 .32rem .5rem;border-color:transparent transparent transparent currentColor}
.v-den-bas span{width:.6rem;height:.6rem;border-left:2px solid currentColor;box-sizing:border-box;position:relative}
.v-den-bas span::after{content:"";position:absolute;left:.12rem;top:.04rem;border-style:solid;border-width:.26rem .42rem .26rem 0;border-color:transparent currentColor transparent transparent}
@media (max-width:820px){
  .v-denetim{top:auto;bottom:calc(clamp(1.3rem,4vh,2.6rem) + 2.7rem);right:var(--d-gut)}
  .dny-bolum.gecti .v-denetim{bottom:auto;top:calc(4.4rem + env(safe-area-inset-top) + 3.4rem);right:calc(var(--d-gut) + 7.2rem)}
  .v-denetim b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .v-denetim button{min-width:2.75rem;min-height:2.75rem;justify-content:center;padding:0}
}

/* Parça kâşifi ve Enerji akışı düğmeleri */
.v-den-par span{width:.62rem;height:.62rem;box-sizing:border-box;border:2px solid currentColor;border-radius:50%;position:relative}
.v-den-par span::after{content:"";position:absolute;inset:.12rem;border-radius:50%;background:currentColor}
.v-den-ea span{width:.75rem;height:.5rem;position:relative;border-top:2px solid currentColor;box-sizing:border-box;margin-top:.25rem}
.v-den-ea span::after{content:"";position:absolute;right:-.05rem;top:-.32rem;border-style:solid;border-width:.2rem 0 .2rem .32rem;border-color:transparent transparent transparent currentColor}
.v-den-par[aria-expanded="true"],.v-den-ea[aria-expanded="true"]{color:#eef2f5;border-color:var(--d-cyan)}
/* seçilen parçanın işaret noktası: belirgin halka */
.v-nokta.secili i{border-color:#f2b233;box-shadow:0 0 0 3px rgba(7,9,11,.35),0 0 0 6px rgba(242,178,51,.35)}
.v-nokta.secili i::after{background:#f2b233}
.v-nokta.secili span{color:#ffd27a}

/* panel: masaüstünde sağda çekmece, dar ekranda alttan sayfa */
.v-panel{position:absolute;z-index:6;right:var(--d-gut);top:calc(4.4rem + env(safe-area-inset-top) + 6.6rem);bottom:clamp(1.3rem,4vh,2.6rem);width:min(23rem,calc(100% - 2 * var(--d-gut)));
  display:flex;flex-direction:column;background:rgba(7,9,11,.9);border:1px solid rgba(238,242,245,.16);color:#c9d0d5;pointer-events:auto;
  opacity:0;transform:translate3d(0,.5rem,0);transition:opacity .25s ease,transform .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.v-panel[hidden]{display:none}
.v-panel.gor{opacity:1;transform:none}
.v-panel-genis{width:min(56rem,calc(100% - 2 * var(--d-gut)));bottom:auto;max-height:calc(100% - 4.4rem - 6.6rem - env(safe-area-inset-top) - clamp(1.3rem,4vh,2.6rem))}
.v-panel-ust{position:relative;padding:.85rem 3.2rem .7rem 1rem;border-bottom:1px solid rgba(238,242,245,.12)}
.v-panel-en{margin:0;font-family:var(--mono);font-size:.5625rem;letter-spacing:.22em;color:#a9cbc9}
.dny .v-panel h2.v-panel-b,.v-panel h2.v-panel-b{margin:.2rem 0 0;font-family:var(--sans);font-size:1.0625rem;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:#eef2f5;text-transform:none;max-width:none}
.v-panel-kapa{all:unset;position:absolute;right:.45rem;top:.45rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;cursor:pointer;color:rgba(238,242,245,.8)}
.v-panel-kapa span{width:1rem;height:1rem;position:relative}
.v-panel-kapa span::before,.v-panel-kapa span::after{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:currentColor;transform:rotate(45deg)}
.v-panel-kapa span::after{transform:rotate(-45deg)}
.v-panel-kapa:hover{color:#fff}
.v-panel-kapa:focus-visible{outline:2px solid var(--d-cyan);outline-offset:-4px}
.v-panel-ic{overflow:auto;overscroll-behavior:contain;padding:.8rem 1rem 1rem;flex:1 1 auto;min-height:0}

/* parça kâşifi */
.v-par-liste{display:flex;flex-wrap:wrap;gap:.35rem}
.v-par-liste button{all:unset;box-sizing:border-box;min-height:2.25rem;padding:0 .65rem;display:inline-flex;align-items:center;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,242,245,.75);border:1px solid rgba(238,242,245,.2);transition:color .2s,border-color .2s}
.v-par-liste button:hover{color:#eef2f5;border-color:rgba(238,242,245,.5)}
.v-par-liste button[aria-selected="true"]{color:#0b0e11;background:#a9cbc9;border-color:#a9cbc9}
.v-par-liste button:focus-visible,.v-par-goster:focus-visible,.ea-d:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
.v-par-kart{margin-top:.9rem}
.v-par-kart .v-nb-dl dd small{display:block;margin-top:.3rem;font-size:.6875rem;color:#8d979f}
.v-par-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:.9rem 0 0}
.v-par-alt .v-nb-git{margin:0}
.v-par-goster{all:unset;box-sizing:border-box;min-height:2.5rem;padding:0 .9rem;display:inline-flex;align-items:center;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#0b0e11;background:#f2b233}
.v-par-goster:hover{background:#ffc552}

/* enerji akışı */
.ea-durum{margin:0 0 .8rem;padding:.5rem .65rem;font-size:.75rem;line-height:1.5;color:#dfe7ec;border-left:2px solid #a9cbc9;background:rgba(169,203,201,.07)}
.v-panel[data-durum="beklemede"] .ea-durum,.v-panel[data-durum="durdu"] .ea-durum{border-color:#f2b233;background:rgba(242,178,51,.1);color:#f3ead6}
.ea-sema{display:flex;align-items:center;gap:0;overflow-x:auto;padding-bottom:.2rem}
.ea-d{all:unset;box-sizing:border-box;flex:0 0 auto;width:6.1rem;padding:.55rem .55rem .6rem;display:flex;flex-direction:column;gap:.12rem;border:1px solid rgba(238,242,245,.2);background:rgba(16,20,24,.85)}
button.ea-d{cursor:pointer;transition:border-color .2s}
button.ea-d:hover{border-color:#a9cbc9}
.ea-en{font-family:var(--mono);font-size:.5rem;letter-spacing:.18em;color:#a9cbc9}
.ea-ad{font-family:var(--sans);font-size:.8125rem;font-weight:600;color:#eef2f5}
.ea-v{font-family:var(--mono);font-size:.75rem;color:#ffd27a;white-space:nowrap}
.ea-d small{font-size:.625rem;line-height:1.35;color:#8d979f}
.ea-kucuk{width:5.8rem}
.ea-ruzgar{border-style:dashed}
.ea-sebeke{border-color:rgba(180,201,200,.5)}
.ea-b{flex:1 1 1.1rem;min-width:1.1rem;height:.75rem;position:relative;overflow:hidden}
.ea-b i{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background-size:14px 4px;animation:eaAkis var(--ea-mek,0s) linear infinite}
.ea-mek i{background-image:repeating-linear-gradient(90deg,#c9d0d5 0 7px,transparent 7px 14px)}
.ea-hizli i{animation-duration:var(--ea-hizli,0s)}
.ea-hava i{background-image:repeating-linear-gradient(90deg,rgba(238,242,245,.55) 0 3px,transparent 3px 14px);animation-duration:var(--ea-hava,0s)}
.ea-elk i{height:6px;margin-top:-3px;background-image:radial-gradient(circle,#b4c9c8 0 2.2px,transparent 2.6px);background-size:14px 6px;animation-duration:var(--ea-elk,0s)}
@keyframes eaAkis{from{background-position:0 0}to{background-position:14px 0}}
.ea-catal{flex:0 0 auto;display:flex;flex-direction:column;gap:.5rem;padding:0 .2rem}
.ea-kol{display:flex;align-items:center;min-width:9.4rem;position:relative;padding-top:.85rem}
.ea-kol-ad{position:absolute;left:0;top:0;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#8d979f;white-space:nowrap}
.ea-kol > .ea-b{flex:1 1 1.5rem}
.v-panel[data-durum="beklemede"] .ea-mek i,.v-panel[data-durum="beklemede"] .ea-elk i,
.v-panel[data-durum="durdu"] .ea-mek i,.v-panel[data-durum="durdu"] .ea-elk i,.v-panel[data-durum="yok"] .ea-b i{animation:none;opacity:.3}
.ea-acik{margin:.85rem 0 0;font-size:.6875rem;line-height:1.55;color:#8d979f}
.ea-lej{display:inline-block;width:1.2rem;height:4px;vertical-align:middle;margin:0 .3rem 0 0}
.ea-lej-mek{background:repeating-linear-gradient(90deg,#c9d0d5 0 6px,transparent 6px 10px)}
.ea-lej-elk{margin-left:.6rem;height:6px;background:radial-gradient(circle,#b4c9c8 0 2px,transparent 2.4px) 0 0/8px 6px}
.dny-bolum.statik .v-panel,.dny-film .v-panel,.dny-bolum.sonda .v-panel{display:none}
@media (prefers-reduced-motion:reduce){ .ea-b i{animation:none!important} .v-panel{transition:none} }

/* dar ekran: dört düğme 2×2; panel alttan sayfa; şema dikey */
@media (max-width:820px){
  .v-denetim{flex-wrap:wrap;justify-content:flex-end;width:calc(5.5rem + .4rem)}
  .v-panel,.v-panel-genis{left:0;right:0;bottom:0;top:auto;width:auto;max-height:78%;border-width:1px 0 0;transform:translate3d(0,1rem,0);padding-bottom:env(safe-area-inset-bottom)}
  .ea-sema{flex-direction:column;align-items:stretch}
  .ea-d,.ea-kucuk{width:auto;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.15rem .55rem}
  .ea-d small{flex-basis:100%}
  .ea-b{flex:0 0 1.3rem;min-width:0;width:.75rem;height:1.3rem;align-self:center}
  .ea-b i{left:50%;right:auto;top:0;bottom:0;width:4px;height:auto;margin:0 0 0 -2px;background-size:4px 14px;animation-name:eaAkisD}
  .ea-mek i{background-image:repeating-linear-gradient(180deg,#c9d0d5 0 7px,transparent 7px 14px)}
  .ea-hava i{background-image:repeating-linear-gradient(180deg,rgba(238,242,245,.55) 0 3px,transparent 3px 14px)}
  .ea-elk i{width:6px;margin-left:-3px;background-size:6px 14px}
  .ea-catal{flex-direction:row;gap:.5rem;padding:0}
  .ea-kol{flex:1 1 0;min-width:0;flex-direction:column;align-items:stretch;padding-top:1rem}
  .ea-kol > .ea-b{flex:0 0 1.3rem;align-self:center}
  .ea-kol:first-child > .ea-b{flex:1 1 auto;min-height:2rem}
}
@keyframes eaAkisD{from{background-position:0 0}to{background-position:0 14px}}
/* geniş ekranda canlı rüzgâr paneli sağ üstte açıkken denetim onun soluna geçer (üst üste binmesin) */
@media (min-width:821px) and (min-height:781px){
  .dny-bolum:not(.gecti) .ralan:not([hidden]) ~ .v-denetim{right:calc(var(--d-gut) + 18.75rem + .75rem)}
}
/* hava etiketi "Deneyimi geç" ile aynı satıra biniyordu: geniş ekranda denetim satırının altına */
@media (min-width:821px){
  .dny-hava-etiket{top:calc(4.4rem + env(safe-area-inset-top) + 6.3rem)}
}
@media (min-width:821px) and (min-height:781px){
  .dny-bolum:not(.gecti) .ralan:not([hidden]) ~ .dny-hava-etiket{right:calc(var(--d-gut) + 18.75rem + .75rem)}
}

/* Röntgen (dijital ikiz) */
.v-rt-ac{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:0 0 .85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(238,242,245,.12)}
.v-rt-ac span{font-size:.6875rem;line-height:1.45;color:#8d979f}
.v-rt-dugme{all:unset;box-sizing:border-box;min-height:2.5rem;padding:0 .9rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#eef2f5;border:1px solid #a9cbc9}
.v-rt-dugme::before{content:"";width:.7rem;height:.7rem;border:1.5px solid currentColor;border-radius:2px;background:linear-gradient(90deg,transparent 45%,currentColor 45% 55%,transparent 55%)}
.v-rt-dugme[aria-pressed="true"]{color:#0b0e11;background:#a9cbc9}
.v-rt-dugme:focus-visible,.v-rt-kapa:focus-visible,.v-rt-k input:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
.v-rontgen{position:absolute;z-index:6;left:var(--d-gut);bottom:clamp(1.3rem,4vh,2.6rem);width:min(22rem,calc(100% - 2 * var(--d-gut)));padding:.8rem .95rem .9rem;
  display:grid;gap:.55rem;background:rgba(7,9,11,.9);border:1px solid rgba(169,203,201,.35);color:#c9d0d5;pointer-events:auto}
.v-rontgen[hidden]{display:none}
.v-rt-baslik{margin:0;display:flex;flex-direction:column;gap:.15rem}
.v-rt-baslik b{font-family:var(--mono);font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;color:#a9cbc9;font-weight:500}
.v-rt-baslik span{font-size:.6875rem;color:#8d979f}
.v-rt-k{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:.6rem;font-size:.75rem;color:#dfe5e9}
.v-rt-k input{width:100%;accent-color:#a9cbc9;min-height:1.75rem;cursor:pointer}
.v-rt-ipucu{margin:0;font-size:.625rem;color:#8d979f}
.v-rt-kapa{all:unset;box-sizing:border-box;justify-self:start;min-height:2.5rem;padding:0 .9rem;display:inline-flex;align-items:center;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#eef2f5;border:1px solid rgba(238,242,245,.3)}
.v-rt-kapa:hover{border-color:#eef2f5}
/* röntgende anlatı katmanları çekilir; sahne ve denetimler kalır */
.dny-rontgen .dny-sahne{touch-action:pan-y}
.dny-rontgen .dny-kapak-alt,.dny-rontgen .ralan,.dny-rontgen .dny-hud,.dny-rontgen .dny-alt,.dny-rontgen .v-soz,.dny-rontgen .v-etiketler,
.dny-rontgen .dny-ray,.dny-rontgen .dny-serit,.dny-rontgen .dny-atla,.dny-rontgen .dny-hava-etiket,.dny-rontgen .v-izgara{opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility 0s .3s}
.dny-bolum.statik .v-rontgen,.dny-film .v-rontgen{display:none}
@media (max-width:820px){
  .v-rontgen{left:0;right:0;width:auto;bottom:0;border-width:1px 0 0;padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}
  .v-rt-k{grid-template-columns:6.5rem 1fr}
  .dny-rontgen .v-denetim{bottom:auto;top:calc(4.4rem + env(safe-area-inset-top) + 1rem)}
}

/* Yönlendirmeli tur çubuğu: kip seçimi, durak gezgini, kaldığın yerden devam */
.v-rota{position:absolute;z-index:5;right:var(--d-gut);bottom:clamp(1.3rem,4vh,2.6rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem;
  opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s;pointer-events:auto}
.dny-bolum.hazir.gecti:not(.sonda):not(.dny-rontgen) .v-rota{opacity:1;visibility:visible;transition:opacity .4s ease}
.dny-bolum.statik .v-rota,.dny-film .v-rota{display:none}
/* kapakta yalnız "kaldığın yerden devam" görünür; kip ve gezgin kaydırmaya başlayınca gelir */
.dny-bolum.hazir.dny-devam-var:not(.dny-rontgen) .v-rota{opacity:1;visibility:visible}
.dny-bolum:not(.gecti) .v-rota-kip,.dny-bolum:not(.gecti) .v-rota-gez{display:none}
.v-rota button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;cursor:pointer;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(238,242,245,.8);border:1px solid rgba(238,242,245,.22);background:rgba(7,9,11,.62)}
.v-rota button:hover{color:#eef2f5;border-color:rgba(238,242,245,.5)}
.v-rota button:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
.v-rota button:disabled{opacity:.35;cursor:default}
.v-rota-kip{display:flex}
.v-rota-kip button{padding:0 .75rem;margin-left:-1px}
.v-rota-kip button[aria-pressed="true"]{color:#0b0e11;background:#a9cbc9;border-color:#a9cbc9}
.v-rota-gez{display:flex;align-items:center;gap:0;background:rgba(7,9,11,.62);border:1px solid rgba(238,242,245,.22)}
.v-rota-gez button{width:2.5rem;border:0;background:transparent;font-size:1.125rem;letter-spacing:0}
.v-rota-no{margin:0;padding:0 .5rem;min-width:9rem;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.v-rota-no b{font-family:var(--mono);font-size:.625rem;font-weight:500;letter-spacing:.16em;color:#a9cbc9}
.v-rota-no span{font-size:.75rem;color:#eef2f5;white-space:nowrap}
.v-rota-devam{flex-basis:100%;justify-content:flex-end!important;padding:0 .8rem!important;color:#0b0e11!important;background:#f2b233!important;border-color:#f2b233!important;text-transform:none!important;letter-spacing:.02em!important;font-size:.75rem!important}
.v-rota-devam[hidden]{display:none}
.v-par-saha{margin:0 0 .7rem;padding:.55rem .7rem;font-size:.75rem;line-height:1.5;color:#f3ead6;border-left:2px solid #f2b233;background:rgba(242,178,51,.1)}
.saha-kip .v-nb-dl div:nth-child(-n+2){border-top-color:rgba(242,178,51,.5)}
.saha-kip .v-nb-dl div:nth-child(-n+2) dd{color:#eef2f5}
@media (max-width:820px){
  .v-rota{left:var(--d-gut);right:var(--d-gut);bottom:.6rem;justify-content:space-between}
  .v-rota-kip button{padding:0 .55rem}
  .v-rota-no{min-width:4.5rem}
  .v-rota-no span{display:none}
  .dny-bolum.gecti:not(.sonda) .dny-hud,.dny-bolum.gecti:not(.sonda) .dny-alt{bottom:calc(clamp(1.5rem,7vh,3rem) + 2.6rem)}
}
@media (prefers-reduced-motion:reduce){.v-rota{transition:none}}

/* ===================== kontrol paneli (V11: tek düğmeyle açılan kontrol paneli) ===================== */
.v-denetim .v-den-ac span::before{content:"";display:block;width:14px;height:10px;
  background:linear-gradient(currentColor,currentColor) 0 1px/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 5px/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 9px/14px 1px no-repeat,
  radial-gradient(circle,currentColor 1.6px,transparent 2px) 3px -1px/4px 4px no-repeat,radial-gradient(circle,currentColor 1.6px,transparent 2px) 8px 3px/4px 4px no-repeat,radial-gradient(circle,currentColor 1.6px,transparent 2px) 2px 7px/4px 4px no-repeat}
.v-denetim:not(.acik) > button:not(.v-den-ac){display:none}
.v-denetim .v-den-ac{order:9}
.v-denetim.acik .v-den-ac{border-color:rgba(244,241,234,.55)}

/* V11: denetim düğmeleri sakin — küçük harf, ince çerçeve, yuvarlak */
.v-denetim button{font-family:var(--sans,system-ui);text-transform:none;letter-spacing:.01em;font-size:.8125rem;border-radius:999px;background:rgba(14,20,23,.42);border-color:rgba(244,241,234,.22)}
.v-denetim button:hover{border-color:rgba(244,241,234,.55)}
/* V13 ELEMENTAL: /deneyim/ açılışı ana sayfayla aynı dilde — Geist başlık, sakin etiket, yuvarlak düğmeler */
.dny-acilis .ust{font-family:var(--mono);letter-spacing:0;text-transform:none;color:#d0592a}
.dny-acilis h1{font-family:var(--sans);font-weight:500;font-variation-settings:normal;font-size:clamp(2.8rem,7.5vw,6.4rem);line-height:.95;letter-spacing:-.055em}
.dny-dg a,.dny-dg button{font-family:var(--sans)!important;text-transform:none!important;letter-spacing:.01em!important;border-radius:999px!important}

/* serbest bakış (nasel çatısı): imleç, dokunmada yatay sürükleme ve ipucu */
.dny-bak-alan{cursor:grab;touch-action:pan-y pinch-zoom}
.dny-bakiyor,.dny-bakiyor *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
.v-bak{position:absolute;left:50%;bottom:calc(var(--d-gut,1.25rem) + 4.6rem);transform:translate(-50%,6px);z-index:6;margin:0;
  display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem;border-radius:999px;pointer-events:none;
  font:500 .78rem/1 Geist,system-ui,sans-serif;letter-spacing:.06em;color:#f4f2ec;background:rgba(14,18,22,.46);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);opacity:0;transition:opacity .5s ease,transform .5s ease}
.v-bak.gor{opacity:1;transform:translate(-50%,0)}
.v-bak-ok{font-size:1rem;line-height:1;animation:vBakOk 2.4s ease-in-out infinite}
@keyframes vBakOk{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.v-bak-ok{animation:none}}

/* V33 · kapak denetimlerinde çakışmalar giderildi
 * Masaüstü: "Ses kapalı" düğmesi durak gezginiyle (Sinematik · Keşif · Saha · 02/12) üst üste biniyordu; durak
 * gezgini göründüğü sürece sağ üstte "Kontroller"in soluna geçer. Turun sonunda (gezgin gizliyken) eski yerinde kalır.
 * Telefon: ses düğmesi "Kontroller" dairesine 4 piksel biniyordu; aralık açıldı.
 * "Temsili yerleşim" notu gezginin altına (masaüstü) ya da üstüne (telefon) taşındı; düğme yazılarının içinden geçmiyor. */
@media (min-width:821px){
  .dny-bolum.gecti:not(.sonda) .v-ses{bottom:auto;top:calc(4.4rem + env(safe-area-inset-top) + 3.5rem);right:calc(var(--d-gut) + 7.3rem)}
  .dny-bolum.hazir.gecti:not(.sonda):not(.dny-rontgen) .v-temsil{bottom:.35rem}
}
@media (max-width:820px){
  .dny-bolum.gecti .v-denetim{right:calc(var(--d-gut) + 8rem)}
  .dny-bolum.hazir.gecti:not(.sonda):not(.dny-rontgen) .v-temsil{bottom:calc(.6rem + 2.75rem + .5rem)}
}
/* V34 · Durak gezgini duraklar arasında "Sıradaki" der (kule içi tırmanışta en yakın durak "Göbek" yazıyordu).
 * Durağın üstündeyken yalnız numara ve ad; arada soluk "Sıradaki" etiketi ve kesik çizgili çerçeve. */
.v-rota-no i{font-style:normal;color:#8d9aa3}
.v-rota-no i::after{content:' · '}
.v-rota-arada .v-rota-gez{border-style:dashed}
.v-rota-arada .v-rota-no span{color:#c6d0d6}
@media (max-width:820px){
  .v-rota-no i{display:block;font-size:.5625rem;letter-spacing:.12em}
  .v-rota-no i::after{content:none}
}
/* V38 · Yolculuk sonu kartında içerik kapıları: türbinin içinden çıkan ziyaretçi doğrudan gerçek vakalara, arıza ağacına
 * ya da mesleğe giriş rehberine geçebilir. Birincil eylem "Devam et" olarak kalır; kapılar sakin, küçük bir satır. */
.dny-kapilar{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.15rem;margin-top:1.15rem;font-size:.875rem}
.dny-kapilar span{flex-basis:100%;margin-bottom:.1rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-cyan)}
.dny-kapilar a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--d-ink);text-decoration:underline;text-decoration-color:rgba(238,242,245,.35);text-underline-offset:.3em;transition:text-decoration-color .2s}
.dny-kapilar a::after{content:"→";display:inline-block;margin-left:.4rem;color:var(--d-muted)}
.dny-kapilar a:hover{text-decoration-color:var(--d-ink)}
.dny-kapilar a:focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px}
@media (max-width:820px){ .dny-kapilar{gap:0 .9rem;font-size:.8125rem;margin-top:.7rem} .dny-kapilar a{min-height:2.5rem} }
/* V38 · Onarım: yolculuk sonundaki birincil düğme ("Devam et ↓", /deneyim/'de "Saha deneyimim") okunmuyordu. Bulanık cam
 * kaldırılırken tüm .dny-dg düğmelerine zorunlu koyu zemin verilmiş, birincil düğmenin koyu yazısı koyu zeminde kaybolmuştu
 * (yazı #0b0e10, zemin rgba(7,9,11,.82)). Birincil düğme kendi açık, opak zeminine döner; cam gerektirmez. */
.dny-dg a.birincil,.dny-dg button.birincil{background:var(--d-accent)!important;border-color:var(--d-accent)!important;color:#0b0e10!important}
.dny-dg a.birincil:hover,.dny-dg button.birincil:hover{background:#d6e2e1!important;border-color:#d6e2e1!important}
/* V39 · "Ya dişli olmasaydı?": dişli kutusu durağında düğme ve temsili dişlisiz karşılaştırma kartı */
.v-dsz-ac{display:none;pointer-events:auto;margin-top:1rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.05rem;border:1px solid rgba(242,178,51,.6);border-radius:999px;
  background:rgba(7,9,11,.78);color:var(--d-ink);font:500 .875rem/1 var(--sans);letter-spacing:.01em;cursor:pointer;transition:border-color .2s,background-color .2s}
.v-dsz-ac svg{width:14px;height:14px;flex:none;color:#f2b233}
.v-dsz-ac:hover{border-color:#f2b233;background:rgba(7,9,11,.92)}
.v-dsz-ac:focus-visible{outline:2px solid #f2b233;outline-offset:3px}
.dny-hud.dsz-var .v-dsz-ac{display:inline-flex}
.dny-dislisiz .dny-hud,.dny-dislisiz .dny-alt{opacity:0!important;visibility:hidden!important}
.v-dsz-kart{position:absolute;z-index:6;left:var(--d-gut);bottom:clamp(2rem,10vh,5.5rem);width:min(30rem,calc(100% - 2 * var(--d-gut)));box-sizing:border-box;
  padding:1.1rem 1.15rem 1rem;background:rgba(7,9,11,.88);border:1px solid rgba(238,242,245,.16);border-radius:10px;color:var(--d-ink);
  opacity:0;visibility:hidden;transform:translateY(.6rem);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.dny-dislisiz .v-dsz-kart{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease}
.v-dsz-kart:focus{outline:none}
.v-dsz-kart:focus-visible{outline:2px solid #f2b233;outline-offset:3px}
.v-dsz-etiket{margin:0;font:500 .625rem/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#f2b233}
.v-dsz-kart h3{margin:.45rem 0 0;font:600 1.5rem/1.1 var(--sans);letter-spacing:-.03em;color:var(--d-ink)}
.v-dsz-ozet{margin:.55rem 0 0;font-size:.8125rem;line-height:1.55;color:var(--d-muted)}
.v-dsz-tablo{width:100%;margin-top:.75rem;border-collapse:collapse;font-size:.75rem;line-height:1.35}
.v-dsz-tablo th,.v-dsz-tablo td{padding:.42rem .4rem .42rem 0;border-top:1px solid rgba(238,242,245,.12);text-align:left;vertical-align:top;font-weight:400}
.v-dsz-tablo thead th{border-top:0;padding-bottom:.3rem;font:500 .5625rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-cyan)}
.v-dsz-tablo tbody th{width:36%;color:var(--d-muted)}
.v-dsz-tablo td{color:#c6d0d6}
.v-dsz-tablo td:last-child{color:var(--d-ink)}
.v-dsz-tablo small{display:block;margin-top:.1rem;font:400 .5625rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-faint)}
.v-dsz-tablo .gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v-dsz-not{margin:.7rem 0 0;font-size:.75rem;line-height:1.5;color:var(--d-muted)}
.v-dsz-kapa{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:2.75rem;margin-top:.75rem;padding:0 1.1rem;border:1px solid rgba(238,242,245,.3);border-radius:999px;
  font:500 .8125rem/1 var(--sans);color:var(--d-ink);cursor:pointer;transition:border-color .2s}
.v-dsz-kapa:hover{border-color:var(--d-ink)}
.v-dsz-kapa:focus-visible{outline:2px solid #f2b233;outline-offset:3px}
@media (max-width:820px){
  .v-dsz-kart{bottom:calc(.6rem + 2.75rem + .7rem);padding:.85rem .9rem .75rem}
  .v-dsz-kart h3{font-size:1.2rem}
  .v-dsz-ozet{display:none}
  .v-dsz-not{font-size:.6875rem}
  .v-dsz-kapa{margin-top:.55rem;min-height:2.5rem}
}
@media (prefers-reduced-motion:reduce){ .v-dsz-kart{transition:none} }
.v-dsz-detay{margin-top:.6rem}
.v-dsz-detay summary{display:flex;align-items:center;min-height:2.5rem;cursor:pointer;list-style:none;font:500 .8125rem/1.2 var(--sans);color:var(--d-ink)}
.v-dsz-detay summary::-webkit-details-marker{display:none}
.v-dsz-detay summary::after{content:"+";margin-left:auto;font-family:var(--mono);color:var(--d-muted)}
.v-dsz-detay[open] summary::after{content:"–"}
.v-dsz-detay summary:focus-visible{outline:2px solid #f2b233;outline-offset:3px}
.v-dsz-detay .v-dsz-tablo{margin-top:.2rem}
@media (min-width:821px){ .v-dsz-detay summary{display:none} }
/* V40 · neon akışın renk anahtarı ve canlı devir */
.v-dsz-akis{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin:.65rem 0 0;font:500 .625rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-muted)}
.v-dsz-akis span{display:inline-flex;align-items:center;gap:.4rem}
.v-dsz-a::before,.v-dsz-c::before,.v-dsz-d::before{content:"";width:1.4rem;height:3px;border-radius:2px}
.v-dsz-a{color:#ffc06b}.v-dsz-a::before{background:#ffa83a;box-shadow:0 0 8px #ffa83a,0 0 2px #fff}
.v-dsz-c{color:#7ff5ff}.v-dsz-c::before{background:#3ff0ff;box-shadow:0 0 8px #3ff0ff,0 0 2px #fff}
.v-dsz-ok{color:var(--d-muted)}
.v-dsz-d{color:#e3f3ff}.v-dsz-d::before{background:#d9f4ff;box-shadow:0 0 8px #bfeaff,0 0 2px #fff}
.v-dsz-canli{margin:.45rem 0 0;font-size:.75rem;color:var(--d-muted)}
.v-dsz-canli b{font:500 .5625rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#f2b233;margin-right:.35rem}
.v-dsz-dk{font-family:var(--mono);color:var(--d-ink)}
@media (max-width:820px){ .v-dsz-akis{margin-top:.45rem} .v-dsz-canli{margin-top:.3rem;font-size:.6875rem} }
.v-dsz-durgun{display:none}
.v-dsz-canli.durgun .v-dsz-durgun{display:inline}

/* ===================== V42 · "Bir gün": kapaktan kule kapısına kaydırma senaryosu (yalnız ana sayfa, .dny-gun) =====================
 * Yolun başına 600svh eklenir; geri kalan yolculuk eski uzunluğunda. Kart, bantlar, gün rayı ve yağmur yalnız transform ve
 * opaklıkla oynar (telefonda düzen ve boyama tetiklemez). */
.dny-gun.uc-boyut,.dny-gun.dny-hazirlaniyor{height:1600svh}
@media (max-width:820px){.dny-gun.uc-boyut,.dny-gun.dny-hazirlaniyor{height:1650svh}}
.dny-gun .gun-olcu{position:absolute;left:0;top:0;width:1px;height:600svh;visibility:hidden;pointer-events:none}
.dny-gun:not(.uc-boyut) .gun-olcu{display:none}
/* senaryo sürerken kapak yazıları ve canlı veri kutusu çekilir; canlı hava katmanı ve etiketi sanal gökyüzünün üstüne binmez */
.dny-gun.dny-gun-ici .dny-kapak-alt{opacity:0;transform:translateY(-1rem);pointer-events:none}
.dny-gun.dny-gun-ici .ralan{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.dny-bolum.dny-gun.dny-gun-sanal .dny-hava-kat{opacity:0}
.ana .sw.dny-gun-sanal .dny-hava-etiket{display:none}
.ana .sw.dny-gun.dny-gun-ici:not(.sonda) .dny-atla{opacity:1!important;pointer-events:auto}
/* sinema bantları */
.dny-gun .gun-bant{position:absolute;left:0;right:0;height:10svh;background:#030405;z-index:4;pointer-events:none;transform:scaleY(0);will-change:transform}
.dny-gun .gun-bant-ust{top:0;transform-origin:50% 0}
.dny-gun .gun-bant-alt{bottom:0;transform-origin:50% 100%}
/* yağmur (fırtına canlandırması): yalnız görünürken akar */
.dny-gun .gun-yagmur{position:absolute;inset:-18%;z-index:-2;pointer-events:none;opacity:0;
  background-image:repeating-linear-gradient(104deg,transparent 0 29px,rgba(201,224,239,.42) 30px,transparent 31px,transparent 61px);background-size:128px 240px;
  animation:dnyYagmur .55s linear infinite;animation-play-state:paused}
.dny-gun .gun-golge{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(9,13,17,.82),rgba(12,17,21,.5) 55%,rgba(9,13,17,.62))}
.dny-gun .gun-yagmur.gor{animation-play-state:running;will-change:transform}
/* bölüm kartı: saat, etiket, başlık, metin, not */
.dny-gun .gun-kart{position:absolute;z-index:5;left:var(--el-gut,var(--d-gut));bottom:clamp(3.2rem,13vh,7.5rem);max-width:min(40rem,calc(100% - 2*var(--d-gut) - 9rem));margin:0;
  color:var(--d-ink);opacity:0;visibility:hidden;transform:translate3d(0,1rem,0);pointer-events:none;
  transition:opacity .55s ease,transform .9s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}
.dny-gun .gun-kart.gor{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .9s cubic-bezier(.22,1,.36,1)}
.dny-gun .gun-kart::before{content:"";position:absolute;inset:-35% -30% -30% -25%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(4,7,9,.46),rgba(4,7,9,.22) 55%,rgba(4,7,9,0))}
.dny-gun .gun-ust{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:0;font-family:var(--mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(238,242,245,.82)}
.dny-gun .gun-saat{padding:.18rem .48rem;border-radius:3px;background:rgba(238,242,245,.14);color:var(--d-ink);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.dny-gun .gun-ad{margin:.55rem 0 0;font-family:var(--sans);font-weight:600;font-size:clamp(2.2rem,9.2vw,6.2rem);line-height:.95;letter-spacing:-.045em;color:#f4f6f7;
  white-space:nowrap}
.dny-gun .gun-hf{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.1em 0 .12em;margin:-.1em 0 -.12em}
.dny-gun .gun-hf>span{display:inline-block;transform:translate3d(0,112%,0);transition:transform .85s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*38ms)}
.dny-gun .gun-kart.gor .gun-hf>span{transform:none}
.dny-gun .gun-bos{display:inline-block;width:.28em}
.dny-gun .gun-metin{margin:.85rem 0 0;max-width:34rem;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.55;color:rgba(238,242,245,.88);text-shadow:0 1px 14px rgba(0,0,0,.55)}
.dny-gun .gun-not{margin:.7rem 0 0;font-family:var(--mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(238,242,245,.8);text-shadow:0 1px 10px rgba(0,0,0,.7)}
.dny-gun .gun-not.gun-canl{color:#f2c08f}
.dny-gun .gun-not.gun-canl::before{content:"";display:inline-block;width:.42rem;height:.42rem;margin-right:.5rem;border-radius:50%;background:#f2c08f;vertical-align:.05em}
/* gün rayı (masaüstü): bölümler, bulunulan bölüm dolu nokta */
.dny-gun .gun-ray{position:absolute;z-index:5;right:var(--el-gut,var(--d-gut));top:50%;transform:translateY(-50%);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;
  opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
.dny-gun.dny-gun-ici .gun-ray{opacity:1;visibility:visible;transition:opacity .5s ease}
.dny-gun .gun-ray li{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none}
.dny-gun .gun-ray li::before,.dny-gun .gun-ray li::marker{content:none}
.dny-gun .gun-ray button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:.7rem;min-height:1.7rem;font-family:var(--mono);font-size:.625rem;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(238,242,245,0);transition:color .3s ease}
.dny-gun .gun-ray button::after{content:"";flex:none;width:.42rem;height:.42rem;border-radius:50%;border:1px solid rgba(238,242,245,.6);transition:background .3s ease,transform .3s ease}
.dny-gun .gun-ray li.gecildi button::after{background:rgba(238,242,245,.45)}
.dny-gun .gun-ray li.etkin button{color:var(--d-ink)}
.dny-gun .gun-ray li.etkin button::after{background:var(--d-ink);transform:scale(1.25)}
.dny-gun .gun-ray button:hover,.dny-gun .gun-ray button:focus-visible{color:rgba(238,242,245,.75)}
@media (max-width:820px){
  .dny-gun .gun-ray{display:none}
  .dny-gun .gun-kart{max-width:calc(100% - 2*var(--d-gut));bottom:calc(clamp(4.5rem,13vh,8rem) + 3.2rem)}
  .dny-gun .gun-bant{height:8svh}
}
@media (prefers-reduced-motion:reduce){
  .dny-gun .gun-hf>span{transition:none;transform:none}
  .dny-gun .gun-yagmur{animation:none}
}
/* V46 · telefonda kapak: "Sürükle · 360° bak" ipucu Keşfet düğmesinin üstüne biniyordu; kapaktayken başlığın üstüne alınır.
 * Parlak sahnelerde (şafak, altın saat) bölüm kartı denizin üstünde zor okunuyordu: telefonda alt kısma koyu bir geçiş. */
@media (max-width:820px){
 .dny-bolum:not(.gecti):not(.dny-gun-ici) .v-bak{bottom:calc(var(--d-gut,1.25rem) + 15.5rem)}
 .dny-gun .gun-kart::before{inset:-40% -12% -30% -12%;background:linear-gradient(180deg,rgba(4,7,9,0),rgba(4,7,9,.52) 28%,rgba(4,7,9,.56) 68%,rgba(4,7,9,0))}
}