/* ============================================================
   DAHINTER — TEMİZ SÜRÜM
   DAHINTER-CSS-VERSION: 6.5
   Kural: Tek dosya, çakışma yok. Çevirme CSS ile. Kaydırma tarayıcının.
   ============================================================ */

:root{
  --kagit:#F5F1E4; --murekkep:#1D1C15; --duman:#5E5B50; --soluk:#94907C;
  --kehribar:#E89B1F; --kehribar-d:#B27110; --cam:#14604C;
  --cizgi:#CFC8B0; --beyaz:#FFFDF6;
  --kart-w:252px; --kart-h:352px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--kagit);color:var(--murekkep);
  font-family:'Spectral',Georgia,serif;font-weight:300;line-height:1.8;font-size:1.03rem;
  overflow-x:hidden;-webkit-text-size-adjust:100%}
.mono{font-family:'IBM Plex Mono',monospace}
.disp{font-family:'Fraunces',serif}
a{color:var(--kehribar-d)}
img{max-width:100%;height:auto}
:focus-visible{outline:2.5px solid var(--kehribar);outline-offset:3px}

/* kâğıt teni */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.14 0 0 0 0 0.13 0 0 0 0 0.10 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- İlerleme ipliği + üst şerit ---------- */
#faden{position:fixed;top:0;left:0;height:3px;width:0;background:var(--kehribar);z-index:60;
  box-shadow:0 0 12px rgba(232,155,31,.7)}
.leiste{position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:.6rem .9rem;font-size:.64rem;letter-spacing:.24em;
  background:linear-gradient(rgba(245,241,228,.96),rgba(245,241,228,.5) 70%,transparent);
  pointer-events:none}
.leiste a{pointer-events:auto;color:var(--murekkep);text-decoration:none;
  border:1px solid rgba(29,28,21,.2);border-radius:9px;padding:.4rem .85rem;
  background:rgba(255,253,244,.92);box-shadow:0 4px 12px -8px rgba(29,28,21,.7);
  white-space:nowrap;transition:transform .25s ease,background .25s ease}
.leiste a:hover{background:var(--kehribar);transform:translateY(-2px)}
.leiste .l-marke{border:0;border-radius:0;background:transparent;box-shadow:none;
  padding:.42rem .15rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;
  font-weight:500;letter-spacing:.34em;text-indent:.34em}
.leiste .l-marke:hover{background:transparent;color:var(--kehribar-d);transform:none}
.l-rechts{display:flex;align-items:center;gap:.5rem}
.l-zsl{color:var(--kehribar-d);letter-spacing:.1em;font-size:.6rem}
.l-letzte-kurz{display:none}
@media (max-width:640px){
  .leiste{padding:.5rem .6rem;font-size:.56rem;letter-spacing:.14em}
  .leiste a{padding:.34rem .65rem}
  .leiste .l-marke{padding:.34rem 0;letter-spacing:.24em;text-indent:.24em}
  .l-rechts{gap:.3rem}
  #l-letzte{padding:.34rem .5rem}
  .l-letzte-lang{display:none}
  .l-letzte-kurz{display:inline}
  .l-zsl{display:none}
}

/* ---------- Perde (eşik) ---------- */
#vorhang{position:fixed;inset:0;z-index:40;background:#F0ECDD;
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(29,28,21,.05) 31px 32px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:2rem 1.4rem;cursor:pointer;filter:saturate(.3);
  transition:transform 1.5s cubic-bezier(.19,1,.3,1)}
#vorhang.offen{transform:translateY(-104%)}
#vorhang::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,transparent 5%,var(--kehribar) 30%,#FFCF6B 50%,var(--kehribar) 70%,transparent 95%);
  filter:blur(1.5px);animation:glimmen 3s ease-in-out infinite}
@keyframes glimmen{0%,100%{opacity:.5}50%{opacity:1}}
.v-marke{position:absolute;top:1.5rem;left:0;right:0;font-size:.7rem;letter-spacing:.42em;color:var(--soluk)}
.v-logo{height:42px;width:auto}
.v-frage{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2rem,8vw,3.4rem);
  line-height:1.2;max-width:16ch}
.v-frage em{font-style:italic;color:var(--kehribar-d)}
.v-atem{display:block;max-width:30ch;margin-top:1.6rem;min-height:3.4em;
  font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--duman);
  font-size:clamp(1rem,4vw,1.4rem);line-height:1.45;text-decoration:none;
  opacity:0;transform:scale(.7);transition:opacity 1.2s ease,transform 1.2s ease}
.v-atem.rein{opacity:1;transform:scale(1)}
.v-atem.raus{opacity:0;transform:scale(1.3)}
.v-ruf{margin-top:2.2rem;font-size:.76rem;letter-spacing:.14em;color:var(--duman);
  display:flex;flex-direction:column;align-items:center;gap:.5rem}
.v-ruf b{display:block;width:1px;height:38px;background:linear-gradient(var(--duman),transparent);
  animation:atmen 2s ease-in-out infinite}
@keyframes atmen{0%,100%{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}
.v-skip{position:absolute;bottom:1.3rem;right:1.3rem;font-size:.68rem;color:var(--soluk);
  background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---------- Haftanın Kapısı ---------- */
.woche{position:relative;z-index:2;min-height:88vh;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;padding:5.5rem 1.4rem 3rem}
.marke{display:flex;align-items:center;gap:1rem;position:absolute;top:2.2rem}
.marke span.hat{height:1px;width:52px;background:var(--cizgi)}
.marke h1{font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.44em;font-weight:500}
.w-etikett{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.26em;
  color:var(--kehribar-d);text-transform:uppercase;margin-bottom:1.5rem}
.w-objekt{display:inline-block;font-family:'Fraunces',serif;font-weight:620;
  font-size:clamp(1.9rem,8vw,3rem);color:var(--murekkep);text-decoration:none;
  border:1.5px solid var(--murekkep);border-radius:12px;padding:1rem 1.8rem;background:var(--beyaz);
  transform:rotate(-1.2deg);margin-bottom:1.6rem;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,6px 8px 0 rgba(29,28,21,.1),0 22px 34px -22px rgba(29,28,21,.6);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.w-objekt:hover{transform:rotate(-1.2deg) translateY(-5px);
  box-shadow:6px 8px 0 rgba(29,28,21,.1),-12px 10px 30px rgba(232,155,31,.3)}
.w-foto{display:block;max-width:400px;border:1.5px solid var(--murekkep);border-radius:12px;
  overflow:hidden;transform:rotate(-1.2deg);margin-bottom:1.6rem;
  box-shadow:6px 8px 0 rgba(29,28,21,.1)}
.w-frage{font-family:'Fraunces',serif;font-style:italic;font-weight:300;
  font-size:clamp(1.15rem,4.4vw,1.65rem);color:var(--duman);max-width:28ch;line-height:1.5;margin-bottom:2rem}
.w-btn{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.82rem;letter-spacing:.08em;
  color:var(--murekkep);background:var(--kehribar);border:1.5px solid var(--murekkep);border-radius:999px;
  padding:1rem 2rem;text-decoration:none;box-shadow:4px 5px 0 rgba(29,28,21,.16);
  transition:transform .25s ease}
.w-btn:hover{transform:translateY(-3px)}

/* ---------- Üç yol ---------- */
.wege{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:1rem 1.4rem 2rem;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.3rem}
.tuer{position:relative;background:var(--beyaz);border:1px solid rgba(29,28,21,.2);
  border-radius:12px 12px 8px 8px;min-height:190px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:1.6rem 1.2rem;text-decoration:none;color:var(--murekkep);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,5px 6px 0 rgba(29,28,21,.09),0 20px 30px -22px rgba(29,28,21,.6);
  transition:transform .3s ease,box-shadow .3s ease}
.tuer::before{content:"";position:absolute;inset:9px;border:1px solid rgba(29,28,21,.1);border-radius:7px}
.tuer::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-radius:50%;
  background:var(--kehribar);box-shadow:0 0 0 2px var(--murekkep)}
.tuer:hover{transform:translateY(-5px);box-shadow:5px 6px 0 rgba(29,28,21,.09),0 30px 40px -26px rgba(29,28,21,.7)}
.t-nr{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.22em;color:var(--soluk);
  position:absolute;top:1rem;left:50%;transform:translateX(-50%)}
.t-name{font-family:'Fraunces',serif;font-weight:460;font-size:1.2rem;margin-bottom:.45rem}
.t-was{font-size:.84rem;color:var(--duman);font-style:italic;max-width:20ch}

/* ============================================================
   KART SİSTEMİ — tek katman, CSS çevirme, tarayıcı kaydırma
   ============================================================ */
.reihe{display:flex;gap:1.1rem;overflow-x:auto;overflow-y:visible;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:1.2rem .4rem 1.6rem;margin:0 0 1.8rem;scrollbar-width:none}
.reihe::-webkit-scrollbar{display:none}

.kk{position:relative;flex:0 0 var(--kart-w);width:var(--kart-w);height:var(--kart-h);
  scroll-snap-align:center}
.kk-gross{--kart-w:300px;--kart-h:392px}
@media (max-width:720px){
  .kk{--kart-w:76vw;--kart-h:340px}
  .kk-gross{--kart-w:82vw;--kart-h:372px}
}

.kk-vorn,.kk-hinten{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;gap:.5rem;
  padding:2.6rem 1.4rem;border-radius:16px;text-decoration:none;color:var(--murekkep);
  border:1px solid rgba(29,28,21,.22);
  background:linear-gradient(160deg,rgba(255,255,255,.72),transparent 46%),
             linear-gradient(178deg,#FFFDF7 0%,#F6F1E2 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 2px 5px rgba(29,28,21,.07),
             0 22px 38px -24px rgba(29,28,21,.7);
  transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.kk-vorn::before,.kk-hinten::before{content:"";position:absolute;inset:10px;border-radius:10px;
  border:1px solid rgba(29,28,21,.1);pointer-events:none}
.kk-vorn::after,.kk-hinten::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;
  border-radius:16px 16px 0 0;background:var(--art,#1D1C15);opacity:.9}
.kk-vorn{cursor:pointer}
.kk-hinten{opacity:0;visibility:hidden;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.7),transparent 46%),
             linear-gradient(178deg,#FBF7EA,#F2EEDD)}
.kk.um .kk-vorn{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96)}
.kk.um .kk-hinten{opacity:1;visibility:visible;pointer-events:auto}
.kk:hover .kk-vorn,.kk:hover .kk-hinten{transform:translateY(-5px)}
.kk.um:hover .kk-vorn{transform:scale(.96)}

.kk-nr{position:absolute;top:16px;left:18px;font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;letter-spacing:.2em;color:var(--art,#B27110)}
.kk-art{position:absolute;top:16px;right:18px;font-family:'IBM Plex Mono',monospace;
  font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--art,#5E5B50);
  border:1px solid var(--art,#CFC8B0);border-radius:999px;padding:.16rem .5rem;opacity:.85}
.kk-art b,.kk-rart b{font-size:1.25em;margin-right:.42em}
.kk-status{position:absolute;top:49px;right:22px;font-family:'IBM Plex Mono',monospace;
  font-size:.46rem;letter-spacing:.18em;text-transform:uppercase;color:var(--status,#B27110);
  border-bottom:1px solid currentColor;padding-bottom:.12rem}
.kk-frage{font-family:'Fraunces',serif;font-weight:460;font-size:1.1rem;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.kk-obj{font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.12em;color:var(--duman);
  border:1px solid rgba(29,28,21,.16);border-radius:999px;padding:.18rem .55rem;margin-top:.4rem}
.kk-fuss{position:absolute;bottom:16px;left:0;right:0;font-family:'IBM Plex Mono',monospace;
  font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soluk)}
.kk-satz{font-family:'Fraunces',serif;font-style:italic;font-size:1rem;line-height:1.55;color:var(--duman);
  display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.kk-knopf{margin-top:1rem;font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.14em;
  color:#FFFDF6;background:var(--art,#1D1C15);border-radius:999px;padding:.62rem 1.25rem;
  box-shadow:0 6px 14px -6px rgba(29,28,21,.7);text-decoration:none;
  position:relative;z-index:5;pointer-events:auto}
.kk-zurueck{position:absolute;bottom:12px;right:12px;z-index:3;display:none;
  width:30px;height:30px;border-radius:50%;border:1px solid rgba(29,28,21,.2);
  background:var(--beyaz);color:var(--duman);font-size:.8rem;cursor:pointer}
.kk.um .kk-zurueck{display:block}
.kk.offen .kk-vorn{background:linear-gradient(178deg,#FBFAF2,#F1EDDE)}
.kk.offen .kk-art::after{content:" ✓";color:var(--cam)}

/* Kaydırma ipucu */
.wisch-punkte{display:flex;gap:.35rem;justify-content:center;margin:-1rem 0 1.6rem}
.wisch-punkte i{width:16px;height:2px;border-radius:2px;background:rgba(29,28,21,.16);transition:all .3s ease}
.wisch-punkte i.an{width:30px;background:var(--kehribar-d)}

/* ---------- Atlas / Karte sayfası ---------- */
.atlas{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:5rem 1.2rem 2rem}
.k-kopf{font-family:'Fraunces',serif;font-style:italic;color:var(--duman);text-align:center;margin-bottom:.8rem}
.k-zaehl{font-family:'IBM Plex Mono',monospace;text-align:center;font-size:.7rem;letter-spacing:.16em;
  color:var(--kehribar-d);margin-bottom:1.8rem}
.v-titel{text-align:center;font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.28em;
  color:var(--kehribar-d);text-transform:uppercase;margin:0 0 .6rem}
.regal-titel{font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.26em;
  color:var(--soluk);text-transform:uppercase;margin:1.4rem 0 .2rem;
  display:flex;align-items:center;gap:.8rem;font-weight:400}
.regal-titel::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.leer{text-align:center;color:var(--duman)}

/* ---------- Sahne (mekanizma girişi) ---------- */
.akt{position:relative}
#sa1{height:220vh}#sa2{height:260vh}#sa3{height:155vh}
body.auto-akis #sa1,body.auto-akis #sa2{height:100vh;height:100svh}
.buehne{position:sticky;top:0;height:100vh;height:100svh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  overflow:hidden;padding:0 1.3rem}
.buehne.dunkel{background:var(--murekkep);color:var(--kagit)}
.buehne.hell{background:var(--kagit);color:var(--murekkep)}
.s-etikett{font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.3em;
  color:var(--kehribar);text-transform:uppercase;margin-bottom:1.6rem;opacity:0;transform:translateY(30px)}
.s-objekt{font-family:'Fraunces',serif;font-weight:620;font-size:clamp(2.2rem,10vw,4.4rem);
  border:2px solid var(--kagit);border-radius:12px;padding:1rem 1.8rem;opacity:0;transform:translateY(40px)}
.s-foto{max-width:min(78vw,400px);border:2px solid var(--kagit);border-radius:12px;overflow:hidden;
  opacity:0;transform:translateY(40px)}
.s-foto img{display:block;width:100%;height:auto;max-height:52vh;object-fit:cover}
.s-frage{font-family:'Fraunces',serif;font-style:italic;font-weight:300;
  font-size:clamp(1.15rem,4.6vw,1.9rem);max-width:28ch;line-height:1.45;margin-top:1.6rem;
  opacity:0;transform:translateY(30px)}
.ring{position:relative;width:min(92vw,520px);aspect-ratio:1/1;margin:0 auto;
  display:flex;align-items:center;justify-content:center}
.faeden{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.faeden .iz{fill:none;stroke:var(--kehribar);stroke-width:.42;stroke-linecap:round;
  stroke-dasharray:2 7;opacity:0;transform-box:fill-box;transform-origin:center;
  transition:opacity .55s ease}
.faeden .iz-ic{stroke-width:.32;stroke-dasharray:1 6;opacity:0}
.faeden.hareket .iz-dis{opacity:.48;animation:iz-don 13s linear infinite}
.faeden.hareket .iz-ic{opacity:.3;animation:iz-don-ters 17s linear infinite}
@keyframes iz-don{to{transform:rotate(360deg)}}
@keyframes iz-don-ters{to{transform:rotate(-360deg)}}
.chip{position:absolute;transform:translate(-50%,-50%);max-width:min(34vw,10rem);text-align:center;
  font-family:'IBM Plex Mono',monospace;font-size:clamp(.65rem,2.4vw,.82rem);letter-spacing:.06em;
  color:var(--kagit);border:1px solid rgba(245,241,228,.5);border-radius:12px;padding:.4rem .7rem;
  background:rgba(29,28,21,.5);opacity:0;transition:border-color .5s ease,color .5s ease}
.chip.an{opacity:1}
.chip.verbunden{border-color:var(--kehribar);color:var(--kehribar)}
.kern{position:relative;z-index:2;font-family:'Fraunces',serif;font-weight:460;
  font-size:clamp(1.2rem,4.6vw,2.2rem);line-height:1.35;max-width:min(55%,22ch);padding:0 1rem;opacity:0}
.auto-akis #sa1 [data-z],.auto-akis #sa2 .chip,.auto-akis #sa2 .kern{
  transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.auto-akis #sa2 .faeden .iz{transition:opacity .55s ease}
.szene-weiter{position:absolute;z-index:5;left:50%;bottom:clamp(1.1rem,3.4vh,2rem);
  display:flex;flex-direction:column;align-items:center;gap:.2rem;
  font-family:'IBM Plex Mono',monospace;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--kehribar);text-decoration:none;opacity:0;pointer-events:none;
  transform:translateX(-50%) translateY(12px);transition:opacity .35s ease,transform .45s ease}
.szene-weiter b{font-family:'Fraunces',serif;font-size:1.45rem;line-height:1;animation:auto-ok 1.35s ease-in-out infinite}
.szene-weiter.sichtbar{opacity:.9;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.auto-weiter{position:absolute;z-index:5;left:50%;bottom:clamp(1.2rem,4vh,2.5rem);
  display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:92px;
  font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--kehribar);text-decoration:none;opacity:0;pointer-events:none;
  transform:translateX(-50%) translateY(18px);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.auto-weiter b{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;
  border-radius:50%;font-family:'Fraunces',serif;font-size:1.55rem;line-height:1;
  background:rgba(245,241,228,.06);box-shadow:0 0 0 6px rgba(232,155,31,.07)}
.auto-weiter.sichtbar{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
  animation:auto-ok 1.55s ease-in-out infinite}
@keyframes auto-ok{0%,100%{margin-bottom:0}50%{margin-bottom:-9px}}
@media (max-width:640px){
  body:not(.auto-akis) #sa1{height:180vh}
  body:not(.auto-akis) #sa2{height:210vh}
  body:not(.auto-akis) #sa3{height:160vh}
  .ring{width:min(96vw,500px)}
  .kern{font-size:clamp(1.08rem,5vw,1.45rem);max-width:54%;padding:0 .35rem}
  .chip{max-width:30vw;font-size:.62rem;padding:.32rem .48rem}
  .auto-weiter,.szene-weiter{bottom:calc(1rem + env(safe-area-inset-bottom));font-size:.54rem}
}

/* ---------- v6.73 · Kesintisiz üç perde ---------- */
body.perde-kilit{overflow:hidden;overscroll-behavior:none}
.perde-akis{position:relative;height:100vh;height:100dvh;min-height:560px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 50% 44%,rgba(232,155,31,.08),transparent 34%),
    linear-gradient(155deg,#171812 0%,#202019 52%,#171711 100%);
  color:var(--kagit);touch-action:none;cursor:pointer}
.perde-akis::before{content:"";position:absolute;z-index:0;inset:-18%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(232,155,31,.08),transparent 52%);
  animation:perde-nefes 5.5s ease-in-out infinite}
.perde-akis::after{content:"";position:absolute;z-index:1;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--kehribar),transparent);opacity:.42}
@keyframes perde-nefes{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.08);opacity:1}}

.perde-panel{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:clamp(4.5rem,9vh,7rem) clamp(1.2rem,5vw,4rem) clamp(7rem,15vh,9rem);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4vh) scale(.985);
  transition:opacity .52s ease,transform .68s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s}
.perde-panel.aktiv{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transform:none;
  transition-delay:0s}
.perde-panel.cikiyor{z-index:2;opacity:.06;visibility:visible;transform:translateY(-4vh) scale(1.012);
  transition:opacity .5s ease,transform .62s cubic-bezier(.22,1,.36,1)}
.perde-panel .s-etikett,.perde-panel .s-objekt,.perde-panel .s-foto,.perde-panel .s-frage{
  opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.perde-panel.aktiv .s-etikett,.perde-panel.aktiv .s-objekt,.perde-panel.aktiv .s-foto,.perde-panel.aktiv .s-frage{
  opacity:1;transform:none}
.perde-panel.aktiv .s-etikett{transition-delay:.05s}
.perde-panel.aktiv .s-objekt,.perde-panel.aktiv .s-foto{transition-delay:.12s}
.perde-panel.aktiv .s-frage{transition-delay:.2s}
.perde-kapak .s-etikett{margin-bottom:clamp(1rem,3vh,1.6rem)}
.perde-kapak .s-objekt{font-size:clamp(2rem,8vw,4.4rem);max-width:min(78vw,720px)}
.perde-kapak .s-foto{max-width:min(66vw,420px);margin:0}
.perde-kapak .s-frage{font-size:clamp(1.18rem,3vw,1.9rem);max-width:min(78vw,30ch);
  margin-top:clamp(1rem,3vh,1.6rem)}
.perde-woerter .ring{width:min(72vh,560px);max-width:86vw;margin:0}
.perde-woerter .chip{opacity:0;transform:translate(-50%,-50%) scale(.82);
  transition:opacity .46s ease,transform .64s cubic-bezier(.22,1,.36,1),border-color .45s ease,color .45s ease;
  transition-delay:calc(var(--i,0)*.075s)}
.perde-woerter.aktiv .chip{opacity:1;transform:translate(-50%,-50%) scale(1)}
.perde-woerter.cikiyor .chip{opacity:0;transform:translate(-50%,-50%) scale(1.08);transition-delay:0s}
.perde-woerter.aktiv .faeden .iz-dis{opacity:.48;animation:iz-don 13s linear infinite}
.perde-woerter.aktiv .faeden .iz-ic{opacity:.3;animation:iz-don-ters 17s linear infinite}
.perde-these{font-family:'Fraunces',serif;font-weight:460;font-size:clamp(1.45rem,4vw,3rem);
  line-height:1.38;max-width:min(78vw,24ch);opacity:0;transform:translateY(24px) scale(.97);
  transition:opacity .58s ease .12s,transform .76s cubic-bezier(.22,1,.36,1) .08s}
.perde-these-panel.aktiv .perde-these{opacity:1;transform:none}
.mikro-perde{position:absolute;z-index:8;left:-10%;right:-10%;height:32%;top:100%;pointer-events:none;
  opacity:0;transform:skewY(-3deg);
  background:linear-gradient(180deg,transparent,rgba(232,155,31,.055) 42%,rgba(245,241,228,.045) 60%,transparent)}
.mikro-perde span{position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent 4%,var(--kehribar) 34%,#ffd477 50%,var(--kehribar) 66%,transparent 96%);
  box-shadow:0 0 18px rgba(232,155,31,.5)}
.perde-akis.gecisiyor .mikro-perde{animation:mikro-perde-gecis .64s cubic-bezier(.22,1,.36,1)}
@keyframes mikro-perde-gecis{
  0%{top:100%;opacity:0}22%{opacity:1}56%{top:34%;opacity:1}100%{top:-34%;opacity:0}}
.perde-kontrol{position:absolute;z-index:12;left:50%;bottom:clamp(1.2rem,4vh,2.6rem);
  display:flex;flex-direction:column;align-items:center;gap:.42rem;min-width:150px;padding:.2rem 1rem;
  border:0;background:none;color:var(--kehribar);cursor:pointer;transform:translateX(-50%);
  font-family:'IBM Plex Mono',monospace;text-transform:uppercase}
.perde-ring{position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;
  filter:drop-shadow(0 0 9px rgba(232,155,31,.2));transition:transform .35s ease,filter .35s ease}
.perde-kontrol:hover .perde-ring,.perde-kontrol:focus-visible .perde-ring{transform:scale(1.08);filter:drop-shadow(0 0 13px rgba(232,155,31,.48))}
.perde-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.perde-ring circle{fill:none;stroke-width:1.35}
.pr-zemin{stroke:rgba(245,241,228,.18)}
.pr-ilerleme{stroke:var(--kehribar);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.perde-adim,.perde-ok{position:relative;z-index:1;font-size:.58rem;letter-spacing:.08em;color:var(--kagit);
  transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.perde-ok{position:absolute;opacity:0;transform:translateY(-7px);font-family:'Fraunces',serif;
  font-size:1.55rem;color:var(--kehribar)}
.perde-komut{font-size:.52rem;letter-spacing:.17em;color:rgba(245,241,228,.66);white-space:nowrap}
.pk-mobil{display:none}
.perde-kontrol.son .perde-adim{opacity:0;transform:translateY(7px)}
.perde-kontrol.son .perde-ok{opacity:1;transform:none;animation:perde-ok-puls 1.35s ease-in-out infinite}
.perde-kontrol.son .perde-ring{box-shadow:0 0 0 7px rgba(232,155,31,.07)}
.perde-kontrol.son .perde-komut{color:var(--kehribar);font-size:.56rem}
@keyframes perde-ok-puls{0%,100%{transform:translateY(-2px)}50%{transform:translateY(6px)}}
.perde-kontrol:focus-visible{outline:1px solid var(--kehribar);outline-offset:5px;border-radius:8px}
@media (max-width:640px){
  #sa3{height:135vh}
  .perde-akis{min-height:480px}
  .perde-panel{padding:4.4rem 1rem calc(6.8rem + env(safe-area-inset-bottom))}
  .perde-kapak .s-etikett{width:calc(100vw - 2rem);font-size:.54rem;letter-spacing:.2em;line-height:1.65;
    white-space:normal;overflow-wrap:anywhere}
  .perde-kapak .s-objekt{box-sizing:border-box;max-width:calc(100vw - 2rem);font-size:clamp(1.8rem,10.5vw,3rem);
    padding:.8rem 1rem;overflow-wrap:anywhere}
  .perde-kapak .s-foto{max-width:min(80vw,360px)}
  .perde-kapak .s-foto img{max-height:38vh}
  .perde-kapak .s-frage{box-sizing:border-box;font-size:clamp(1.12rem,5vw,1.48rem);
    width:calc(100vw - 2rem);max-width:28ch;padding:0 .3rem;overflow-wrap:anywhere}
  .perde-woerter .ring{width:min(92vw,64vh);max-width:none}
  .perde-woerter .chip{max-width:28vw;font-size:clamp(.56rem,2.65vw,.68rem);padding:.3rem .42rem}
  .perde-these{font-size:clamp(1.32rem,6.3vw,2rem);max-width:82vw}
  .perde-kontrol{bottom:calc(.8rem + env(safe-area-inset-bottom));min-width:138px}
  .perde-ring{width:52px;height:52px}
  .perde-komut{font-size:.49rem;letter-spacing:.14em}
  .pk-mobil{display:inline}.pk-masa{display:none}
}
.t2{font-family:'Fraunces',serif;font-style:italic;font-weight:340;
  font-size:clamp(1.6rem,7vw,3.6rem);line-height:1.2;max-width:18ch;color:var(--kehribar-d);
  opacity:0;transform:translateY(40px)}
.strich{width:0;height:2px;background:var(--murekkep);margin:1.8rem auto 0}
.hinab{margin-top:2.2rem;font-family:'IBM Plex Mono',monospace;font-size:.76rem;letter-spacing:.14em;
  color:var(--murekkep);text-decoration:none;border:1.5px solid var(--murekkep);border-radius:999px;
  padding:.85rem 1.6rem;background:var(--kehribar);box-shadow:4px 5px 0 rgba(29,28,21,.16);opacity:0}
.pusula{position:fixed;right:.9rem;top:50%;transform:translateY(-50%);z-index:44;
  display:flex;flex-direction:column;gap:.7rem}
.pusula a{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--soluk);
  transition:background .3s ease,transform .3s ease}
.pusula a.aktiv{background:var(--kehribar);border-color:var(--kehribar);transform:scale(1.2)}
@media (max-width:640px){.pusula{display:none}}

/* ---------- Okuma odası ---------- */
.werk{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:5rem 1.4rem 2rem;background:var(--kagit)}
.not{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.18em;
  color:var(--art,#14604C);text-transform:uppercase;margin-bottom:1rem;
  display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.art-abzeichen{border:1px solid var(--art,#14604C);border-radius:999px;padding:.16rem .6rem;letter-spacing:.14em}
.werk h1{font-family:'Fraunces',serif;font-weight:460;font-size:clamp(1.7rem,5.4vw,2.4rem);
  line-height:1.3;margin-bottom:1.6rem}
.inhalt p{margin-bottom:1.5rem}
.inhalt>p:first-of-type::first-letter{font-family:'Fraunces',serif;font-weight:620;font-size:3.1em;
  float:left;line-height:.83;padding:.06em .14em 0 0;color:var(--kehribar-d)}
.inhalt h2,.inhalt h3{font-family:'Fraunces',serif;font-weight:460;margin:2.4rem 0 1rem;line-height:1.35;
  border-left:3px solid var(--kehribar);padding-left:1rem;font-size:1.35rem}
.inhalt blockquote{position:relative;padding-left:2rem;margin:2.4rem 0;
  font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;line-height:1.55;color:var(--murekkep)}
.inhalt blockquote::before{content:"\201E";position:absolute;left:0;top:-.25em;
  font-family:'Fraunces',serif;font-size:2.6em;color:var(--kehribar);line-height:1}
.inhalt figure{margin:2rem 0}
.inhalt figcaption{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--soluk);margin-top:.5rem}
.inhalt img{border:1.5px solid var(--murekkep);border-radius:8px;box-shadow:4px 5px 0 rgba(29,28,21,.1)}

.damitma{margin:3rem 0 1rem;padding:1.7rem 1.6rem;background:var(--beyaz);
  border:1.4px solid var(--murekkep);border-radius:10px;box-shadow:4px 5px 0 rgba(232,155,31,.28)}
.damitma .etk{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.22em;
  color:var(--soluk);text-transform:uppercase;margin-bottom:.8rem}
.damitma .cumle{font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-size:1.22rem;line-height:1.6}

/* Paylaşım: makale ritmini kesmeyen, sessiz ve tek parça bir araç şeridi. */
.weitergeben{margin:3.2rem 0 2.4rem;padding:1.8rem clamp(1rem,3vw,2rem) 1.35rem;
  border:1px solid rgba(29,28,21,.16);border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(246,241,226,.72));
  box-shadow:0 18px 42px -38px rgba(29,28,21,.85)}
.weitergeben-kopf{text-align:center;margin:0 auto 1.25rem;max-width:34rem}
.weitergeben-kopf .teil-etk{margin:0 0 .45rem}
.weitergeben-kopf h2{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:420;line-height:1.2;margin:0}
.weitergeben-kopf>p:last-child{font-size:.86rem;color:var(--duman);margin:.45rem 0 0}
.teil-etk{text-align:center;font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.26em;
  color:var(--soluk);text-transform:uppercase;margin:2.2rem 0 1rem}
.teilen{display:flex;flex-wrap:wrap;gap:.48rem;justify-content:center}
.tkarte{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;min-height:42px;
  padding:.42rem .78rem;cursor:pointer;text-decoration:none;color:var(--murekkep);
  border:1px solid rgba(29,28,21,.16);border-radius:999px;background:rgba(255,253,247,.72);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.tkarte:hover,.tkarte:focus-visible{transform:translateY(-2px);border-color:rgba(29,28,21,.42);background:var(--beyaz);outline:0}
.tk-icon{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'IBM Plex Mono',monospace;font-size:.68rem;font-weight:500;color:#FFFDF6;background:var(--murekkep)}
.tkarte.wa .tk-icon{background:#1FA855}.tkarte.tg .tk-icon{background:#2E9BD6}
.tkarte.xx .tk-icon{background:#16161A}.tkarte.fb .tk-icon{background:#2B5EAB}
.tkarte.li .tk-icon{background:#1C6FA8;font-size:.9rem}.tkarte.kopier .tk-icon{background:var(--kehribar-d)}
.tk-name{font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.04em}
.bild-speichern{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem;padding-top:1rem;
  border-top:1px solid rgba(29,28,21,.1)}
.bild-etk{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--soluk)}
.bild-aktionen{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.bild-aktionen a{display:inline-flex;align-items:center;gap:.38rem;padding:.38rem .65rem;border:0;border-bottom:1px solid var(--cizgi);
  color:var(--duman);font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.06em;text-decoration:none}
.bild-aktionen a:hover,.bild-aktionen a:focus-visible{color:var(--murekkep);border-color:var(--kehribar-d);outline:0}
.bild-aktionen a span{color:var(--kehribar-d);font-size:.9rem}
@media (max-width:620px){
  .weitergeben{margin-left:-.35rem;margin-right:-.35rem;padding:1.45rem .8rem 1.1rem}
  .weitergeben-kopf{padding:0 .35rem}.weitergeben-kopf h2{font-size:1.22rem;overflow-wrap:anywhere}
  .teilen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}
  .tkarte{padding:.4rem .35rem;gap:.32rem;min-width:0}.tk-name{min-width:0;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-icon{width:23px;height:23px;font-size:.6rem;flex:0 0 23px}
  .bild-speichern{flex-direction:column;gap:.55rem}.bild-aktionen{gap:.2rem .5rem}
}

.quellen{margin-top:2rem;border:1px dashed var(--cizgi);border-radius:8px;padding:1rem 1.2rem}
.quellen summary{cursor:pointer;font-family:'IBM Plex Mono',monospace;font-size:.7rem;
  letter-spacing:.16em;color:var(--cam);text-transform:uppercase}
.q-inhalt{margin-top:.9rem;font-size:.9rem;color:var(--duman)}
.muhur{margin-top:2.6rem;text-align:center}
.muhur .ic{display:inline-flex;flex-direction:column;gap:.3rem;border:1.4px solid var(--cam);
  border-radius:999px;padding:.85rem 1.8rem;background:rgba(20,96,76,.05);
  font-family:'IBM Plex Mono',monospace}
.muhur .b1{font-size:.76rem;letter-spacing:.1em;color:var(--cam)}
.muhur .b2{font-size:.66rem;letter-spacing:.18em}
.muhur .b2 a{color:var(--soluk);text-decoration:none}
.imza{margin-top:2.4rem;text-align:center;font-size:.85rem;color:var(--duman)}
.imza a{color:inherit;text-decoration:none;border-bottom:1px dashed var(--cizgi)}
.imza b{font-weight:400;color:var(--murekkep)}
.naechste{margin-top:3rem;text-align:center}
.n-etk{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.24em;
  color:var(--soluk);text-transform:uppercase;margin-bottom:1rem}

/* ---------- Brief ---------- */
#brief{position:relative;z-index:2;max-width:560px;margin:2rem auto 0;padding:0 1.4rem;text-align:center}
.deck{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem}
.dk{position:relative;width:120px;height:170px;display:flex;flex-direction:column;
  justify-content:center;gap:.4rem;padding:1rem .7rem;text-decoration:none;color:var(--murekkep);
  border:1px solid rgba(29,28,21,.2);border-radius:14px;
  background:linear-gradient(178deg,#FFFDF7,#F6F1E2);
  box-shadow:0 2px 4px rgba(29,28,21,.06),0 14px 24px -16px rgba(29,28,21,.6);
  opacity:0;transform:translateY(20px) scale(.94);
  transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .8s ease,box-shadow .3s ease}
.dk::before{content:"";position:absolute;inset:8px;border:1px solid rgba(29,28,21,.1);border-radius:9px}
#brief.deal .dk{opacity:1;transform:none}
#brief.deal .d1{transition-delay:.05s;transform:rotate(-2.5deg)}
#brief.deal .d3{transition-delay:.3s;transform:rotate(2.5deg)}
.dk:hover{transform:translateY(-6px) !important;box-shadow:0 26px 38px -22px rgba(29,28,21,.7)}
.dk-nr{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.2em;color:var(--kehribar-d)}
.dk-frage{font-size:.7rem;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#brief h2{font-family:'Fraunces',serif;font-weight:460;font-size:1.35rem;margin-bottom:.6rem}
#brief .bp{color:var(--duman);font-size:.92rem;margin-bottom:1.2rem}
.formzeile{display:flex;gap:.6rem;max-width:420px;margin:0 auto}
.formzeile input{flex:1;font-family:'IBM Plex Mono',monospace;font-size:.85rem;padding:.8rem 1rem;
  border:1.5px solid var(--murekkep);border-radius:8px;background:var(--beyaz)}
.formzeile button{font-family:'IBM Plex Mono',monospace;font-size:.82rem;padding:.8rem 1.2rem;
  border:1.5px solid var(--murekkep);border-radius:8px;background:var(--kehribar);cursor:pointer;
  box-shadow:3px 4px 0 rgba(29,28,21,.15)}
#brief .hinweis{margin-top:.8rem;font-family:'IBM Plex Mono',monospace;font-size:.72rem;
  color:var(--soluk);min-height:1.2em}

/* ---------- Sayfa + alt bilgi ---------- */
.seite{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:5rem 1.4rem 2rem}
.seite h1{font-family:'Fraunces',serif;font-weight:460;font-size:1.8rem;margin-bottom:1.4rem}
.seite .inhalt p{margin-bottom:1.3rem;color:var(--duman)}
.mail-knopf{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.8rem;
  color:var(--murekkep);background:var(--kehribar);border:1.5px solid var(--murekkep);
  border-radius:999px;padding:.7rem 1.4rem;text-decoration:none;box-shadow:3px 4px 0 rgba(29,28,21,.15)}
.fuss{position:relative;z-index:2;margin-top:4rem;padding:2rem 1.4rem 3rem;text-align:center;
  border-top:1px solid var(--cizgi)}
.locken{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;
  color:var(--kehribar-d);margin-bottom:1rem}
.dreiwege{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-bottom:1rem;
  font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.12em}
.dreiwege a{color:var(--murekkep);text-decoration:none;border-bottom:1px dashed var(--cizgi);
  padding-bottom:.15rem;transition:color .3s ease}
.dreiwege a:hover{color:var(--kehribar-d)}
.manifest{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.18em;color:var(--soluk)}
.recht{margin-top:1rem;font-size:.74rem}
.recht a{color:var(--duman);text-decoration:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .perde-akis::before,.perde-kontrol.son .perde-ok{animation:none}
  .perde-panel,.perde-panel .s-etikett,.perde-panel .s-objekt,.perde-panel .s-foto,
  .perde-panel .s-frage,.perde-these,.perde-woerter .chip{transition:none}
  .perde-akis.gecisiyor .mikro-perde{animation:none}
  #vorhang{transition:opacity .3s ease}
  #vorhang.offen{transform:none;opacity:0;pointer-events:none}
  #vorhang::after,.v-ruf b{animation:none}
  .akt{height:auto !important}
  .buehne{position:relative;height:auto;min-height:60vh;padding:4rem 1.3rem}
  .s-etikett,.s-objekt,.s-foto,.s-frage,.kern,.t2,.hinab{opacity:1 !important;transform:none !important}
  #sa2 .chip,#sa2 .faeden{display:none}
  .auto-weiter,.szene-weiter{opacity:1;pointer-events:auto;transform:translateX(-50%);animation:none}
  .dk{opacity:1;transform:none}
  .v-atem{transition:opacity .3s ease;transform:none !important}
}


/* ============================================================
   v5.1 — Sofistike kart + gerçek çevirme + tek şerit
   ============================================================ */
/* Şerit: büyük kartlar */
.reihe-gross{padding:1.4rem .6rem 1.8rem}
.reihe-gross .kk{--kart-w:288px;--kart-h:404px}
@media (max-width:720px){.reihe-gross .kk{--kart-w:80vw;--kart-h:392px}}

/* 3D çevirme — bağlantıya dokunmadan */
.kk{perspective:1400px}
.kk-flaeche{position:absolute;inset:0;transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.3,1,.35,1)}
.kk.um .kk-flaeche{transform:rotateY(180deg)}
.kk-vorn,.kk-hinten{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.kk-hinten{transform:rotateY(180deg)}
.kk.um .kk-vorn{transform:rotateY(0)}
@supports not (transform-style: preserve-3d){
  .kk-flaeche{transform:none !important}
}

/* Kâğıt yüzeyi: dokulu, kabartmalı, altın hat */
.kk-vorn,.kk-hinten{
  border:1px solid rgba(29,28,21,.26);border-radius:18px;
  background-color:#FFFDF7;
  background-image:
    radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.95),transparent 60%),
    repeating-linear-gradient(97deg,rgba(29,28,21,.022) 0 2px,transparent 2px 5px),
    linear-gradient(178deg,#FFFDF7 0%,#F4EFDF 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 0 0 1px rgba(255,255,255,.55) inset,
    0 2px 6px rgba(29,28,21,.08),
    0 30px 46px -28px rgba(29,28,21,.8);
  padding:3rem 1.7rem 3.2rem;gap:.7rem}
/* çift iç çerçeve: dış ince + iç altın hat */
.kk-vorn::before,.kk-hinten::before{inset:11px;border:1px solid rgba(29,28,21,.13);border-radius:12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.6) inset, inset 0 0 22px rgba(178,113,16,.06)}
.kk-vorn::after,.kk-hinten::after{height:6px;
  background:linear-gradient(90deg,var(--art,#1D1C15) 0%,var(--art,#1D1C15) 62%,rgba(232,155,31,.55) 100%)}

/* köşe kıvrımı — çevirme daveti */
.kk-ecke{position:absolute;right:0;bottom:0;width:44px;height:44px;pointer-events:none;
  background:linear-gradient(135deg,transparent 50%,rgba(29,28,21,.09) 50%,rgba(232,155,31,.35) 100%);
  border-radius:0 0 17px 0;transition:width .35s ease,height .35s ease}
.kk:hover .kk-ecke{width:62px;height:62px}

/* tipografi: hiyerarşi ve nefes */
.kk-nr{top:20px;left:22px;font-size:.7rem;letter-spacing:.26em;font-weight:500}
.kk-nr::after{content:"";position:absolute;left:0;top:1.25rem;width:18px;height:1px;
  background:var(--art,#E89B1F);opacity:.6}
.kk-art{top:20px;right:22px;font-size:.48rem;letter-spacing:.24em;padding:.2rem .6rem;
  background:rgba(255,255,255,.55)}
.kk-frage{font-size:1.16rem;line-height:1.55;letter-spacing:-.005em;max-width:19ch}
.kk-obj{margin-top:.8rem;background:rgba(29,28,21,.035);letter-spacing:.14em}
.kk-fuss{bottom:20px;font-size:.5rem;letter-spacing:.26em;opacity:.75}
.kk-satz{font-size:1.02rem;line-height:1.6;max-width:21ch}
.kk-knopf{margin-top:1.3rem;padding:.7rem 1.4rem;letter-spacing:.16em;
  box-shadow:0 8px 18px -8px rgba(29,28,21,.8),0 1px 0 rgba(255,255,255,.4) inset}
.kk:hover .kk-vorn,.kk:hover .kk-hinten{transform:none}
.kk:hover .kk-flaeche{transform:translateY(-7px)}
.kk.um:hover .kk-flaeche{transform:translateY(-7px) rotateY(180deg)}
.kk-vorn,.kk-hinten{user-select:none;-webkit-user-select:none}

/* açılmış kapı */
.kk.offen .kk-vorn{background-image:
  radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.9),transparent 60%),
  linear-gradient(178deg,#FBF8EC,#EFEADB)}

/* İndirme kartları */
.tkarte.ig .tk-icon{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}
.tkarte.sy .tk-icon{background:linear-gradient(135deg,#DD2A7B,#515BD4)}
.tkarte.og .tk-icon{background:var(--kehribar-d)}


/* ============================================================
   v5.3 — Çevirme düzeltmesi + gerçek kart dokusu + liste
   ============================================================ */
/* ÇEVİRME: yalnızca arka yüz kuralı (opacity/visibility kaldırıldı) */
.kk-hinten{transform:rotateY(180deg)}
.kk-vorn{transform:rotateY(0deg)}
.kk-vorn,.kk-hinten{backface-visibility:hidden;-webkit-backface-visibility:hidden;
  transition:none}
.kk-vorn{pointer-events:auto}
.kk-hinten{pointer-events:none}
.kk.um .kk-vorn{pointer-events:none}
.kk.um .kk-hinten{pointer-events:auto}
.kk-flaeche{position:absolute;inset:0;transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.3,1,.35,1)}
.kk.um .kk-flaeche{transform:rotateY(180deg)}
.kk:hover .kk-flaeche{transform:translateY(-7px)}
.kk.um:hover .kk-flaeche{transform:translateY(-7px) rotateY(180deg)}
/* 3D desteklenmiyorsa güvenli yedek */
@supports not (transform-style: preserve-3d){
  .kk-hinten{transform:none}
  .kk:not(.zu).um .kk-hinten{opacity:1;visibility:visible}
  .kk:not(.zu).um .kk-vorn{opacity:0;visibility:hidden}
  .kk.zu .kk-rueck{opacity:1;visibility:visible}
}

/* KART DOKUSU: kâğıt lifi + ince guilloche + kabartma kenar */
.kk-vorn,.kk-hinten{
  background-color:#FFFDF7;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.12 0 0 0 0 0.09 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(58deg,rgba(178,113,16,.05) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(-58deg,rgba(178,113,16,.045) 0 1px,transparent 1px 7px),
    radial-gradient(115% 75% at 50% -8%,rgba(255,255,255,.96),transparent 62%),
    linear-gradient(178deg,#FFFDF7 0%,#F2ECDA 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.98) inset,
    0 0 0 1px rgba(255,255,255,.6) inset,
    0 0 26px rgba(178,113,16,.07) inset,
    0 3px 7px rgba(29,28,21,.09),
    0 34px 50px -30px rgba(29,28,21,.85)}
/* köşe süsleri */
.kk-vorn::before,.kk-hinten::before{
  border:1px solid rgba(29,28,21,.16);
  background-image:
    radial-gradient(circle at 0 0,rgba(178,113,16,.35) 0 1.5px,transparent 2px),
    radial-gradient(circle at 100% 0,rgba(178,113,16,.35) 0 1.5px,transparent 2px),
    radial-gradient(circle at 0 100%,rgba(178,113,16,.35) 0 1.5px,transparent 2px),
    radial-gradient(circle at 100% 100%,rgba(178,113,16,.35) 0 1.5px,transparent 2px);
  background-repeat:no-repeat;background-size:14px 14px;
  background-position:6px 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px)}


/* ---------- Liste görünümü (şeridin altında) ---------- */
.listen-titel{text-align:center;font-size:.6rem;letter-spacing:.28em;color:var(--soluk);
  text-transform:uppercase;margin:1.6rem 0 .8rem}
.tuerliste{list-style:none;max-width:640px;margin:0 auto 2rem}
.tuerliste li{border-bottom:1px dashed var(--cizgi)}
.tuerliste a{display:flex;align-items:baseline;gap:1rem;padding:.95rem .4rem;
  text-decoration:none;color:var(--murekkep);transition:background .25s ease,padding-left .25s ease}
.tuerliste a:hover{background:rgba(232,155,31,.07);padding-left:.9rem}
.tl-nr{min-width:2.4rem;font-size:.7rem;letter-spacing:.18em;color:var(--art,#B27110)}
.tl-frage{flex:1;font-size:.98rem;line-height:1.5}
.tl-art{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--art,#5E5B50);
  border:1px solid var(--art,#CFC8B0);border-radius:999px;padding:.14rem .5rem;white-space:nowrap}
@media (max-width:560px){.tl-art{display:none}}


/* ============================================================
   v6.1 — BLOK 1: arka yüz deseni · deste · ışık · dev tipografi
   ============================================================ */

/* ---------- Üç yüzlü kart ---------- */
.kk-rueck,.kk-vorn,.kk-hinten{position:absolute;inset:0;backface-visibility:hidden;
  -webkit-backface-visibility:hidden;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;gap:.5rem;
  border-radius:18px;overflow:hidden}
/* kapalı (arka yüz) — desen */
.kk-rueck{cursor:pointer;padding:2rem 1.4rem;
  background-color:#26251C;
  background-image:
    repeating-linear-gradient(45deg,rgba(232,155,31,.10) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(-45deg,rgba(232,155,31,.08) 0 1px,transparent 1px 9px),
    radial-gradient(circle at 50% 42%,rgba(232,155,31,.16),transparent 58%),
    linear-gradient(170deg,#2C2B20,#191811);
  border:1px solid rgba(232,155,31,.35);
  box-shadow:0 2px 6px rgba(29,28,21,.4),0 34px 50px -30px rgba(29,28,21,.9),
             0 0 0 1px rgba(232,155,31,.12) inset}
.kk-muster{position:absolute;inset:14px;border:1px solid rgba(232,155,31,.3);border-radius:11px;
  box-shadow:inset 0 0 0 4px rgba(29,28,21,.5), inset 0 0 26px rgba(232,155,31,.12)}
.kk-mono{position:relative;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:.62rem;
  letter-spacing:.5em;color:#E8C892;text-indent:.5em}
.kk-mono::before{content:"";display:block;width:54px;height:54px;margin:0 auto .9rem;
  border:1.5px solid var(--art,#E89B1F);border-radius:50%;
  background:radial-gradient(circle,rgba(232,155,31,.18),transparent 70%)}
.kk-rnr{position:relative;z-index:2;font-family:'Fraunces',serif;font-weight:620;font-size:1.5rem;
  color:#F3E6CC;margin-top:.4rem}
.kk-rart{position:absolute;bottom:20px;left:0;right:0;font-family:'IBM Plex Mono',monospace;
  font-size:.5rem;letter-spacing:.26em;text-transform:uppercase;color:var(--art,#E89B1F);opacity:.85}
/* açılınca kapalı yüz devre dışı */
.kk.zu .kk-vorn,.kk.zu .kk-hinten{pointer-events:none}
.kk:not(.zu) .kk-rueck{opacity:0;visibility:hidden;pointer-events:none}
.kk.zu .kk-flaeche{transform:none}
.kk.zu.um .kk-flaeche{transform:none}
.kk.zu .kk-vorn{opacity:0;visibility:hidden}
.kk:not(.zu) .kk-vorn{opacity:1;visibility:visible}

/* ---------- Işık kayması ---------- */
.kk-glanz{position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),
    rgba(255,255,255,.42),rgba(255,255,255,.06) 42%,transparent 65%);
  opacity:0;transition:opacity .4s ease;mix-blend-mode:soft-light}
.kk:hover .kk-glanz{opacity:1}
.kk-rueck .kk-glanz{background:radial-gradient(380px circle at var(--gx,50%) var(--gy,0%),
    rgba(232,155,31,.35),rgba(232,155,31,.08) 45%,transparent 68%);mix-blend-mode:screen}
.kk{transform-style:preserve-3d;transition:transform .35s ease}

/* ---------- DESTE görünümü ---------- */
.ansicht-schalter{display:flex;gap:.4rem;justify-content:center;margin:0 0 1.2rem}
.ansicht-schalter button{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--duman);background:var(--beyaz);
  border:1px solid var(--cizgi);border-radius:999px;padding:.42rem 1rem;cursor:pointer;
  transition:all .25s ease}
.ansicht-schalter button.aktiv{background:var(--kehribar);border-color:var(--murekkep);color:var(--murekkep)}
.ansicht-schalter button:hover{transform:translateY(-2px)}

.stapel{display:block !important;position:relative;height:460px;overflow:visible;
  max-width:340px;margin:0 auto 1.4rem;scroll-snap-type:none;padding:0}
.stapel .kk{position:absolute;left:50%;top:0;--kart-w:300px;--kart-h:420px;
  width:var(--kart-w);height:var(--kart-h);flex:none;
  transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s ease;
  transform-origin:50% 100%}
.stapel .kk[data-pos="0"]{transform:translateX(-50%) translateY(0) rotate(-1.2deg);z-index:5;opacity:1}
.stapel .kk[data-pos="1"]{transform:translateX(-50%) translateY(14px) scale(.965) rotate(1.4deg);z-index:4;opacity:1}
.stapel .kk[data-pos="2"]{transform:translateX(-50%) translateY(26px) scale(.93) rotate(-.8deg);z-index:3;opacity:.96}
.stapel .kk[data-pos="3"]{transform:translateX(-50%) translateY(36px) scale(.9) rotate(.6deg);z-index:2;opacity:.9}
.stapel .kk[data-pos="tief"]{transform:translateX(-50%) translateY(44px) scale(.88);z-index:1;opacity:0;pointer-events:none}
.stapel .kk.weg{transform:translateX(-160%) rotate(-16deg) !important;opacity:0;z-index:9}
.stapel-steuer{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.4rem 0 1.6rem;
  font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.16em;color:var(--duman)}
.stapel-steuer button{width:42px;height:42px;border-radius:50%;border:1px solid var(--cizgi);
  background:var(--beyaz);cursor:pointer;font-size:1rem;color:var(--murekkep);
  box-shadow:0 6px 14px -10px rgba(29,28,21,.8);transition:transform .25s ease,background .25s ease}
.stapel-steuer button:hover{background:var(--kehribar);transform:translateY(-2px)}
.reihe-nav{display:none;align-items:center;justify-content:center;gap:.75rem;
  width:min(520px,88vw);margin:-.75rem auto 1.7rem;
  font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.14em;color:var(--soluk)}
.reihe-nav input[type="range"]{width:min(400px,68vw);height:20px;cursor:ew-resize;
  accent-color:var(--kehribar-d)}
.reihe-nav input[type="range"]:focus-visible{outline:2px solid var(--kehribar);outline-offset:3px}
@media (max-width:720px){
  .reihe-nav{width:92vw;gap:.55rem;margin-top:-.5rem}
  .reihe-nav input[type="range"]{width:72vw}
}
@media (max-width:720px){
  .stapel{height:calc(min(74vw,280px) * 1.4 + 62px);max-width:92vw}
  .stapel .kk{--kart-w:min(74vw,280px);--kart-h:calc(var(--kart-w) * 1.4)}
}

/* ---------- Dev tipografi (ana sayfa) ---------- */
.w-riese{font-family:'Fraunces',serif;font-weight:460;font-style:normal;
  font-size:clamp(2.1rem,7.2vw,4.6rem);line-height:1.06;letter-spacing:-.025em;
  max-width:17ch;margin:.4rem auto 1.8rem;color:var(--murekkep);text-wrap:balance}
.w-riese::first-letter{color:var(--kehribar-d)}
.woche{padding-top:6rem}


/* ============================================================
   v6.2 — kapalı deste · gerçek swipe · havai fişek başlıklar
   ============================================================ */

/* --- Üç yüz yönetimi (tek yerden) --- */
.kk-rueck{transform:rotateY(0deg);z-index:3}
.kk-vorn{transform:rotateY(0deg);z-index:2}
.kk-hinten{transform:rotateY(180deg);z-index:2}
.kk.zu .kk-rueck{opacity:1;visibility:visible;pointer-events:auto}
.kk.zu .kk-vorn,.kk.zu .kk-hinten{opacity:0;visibility:hidden;pointer-events:none}
.kk:not(.zu) .kk-rueck{opacity:0;visibility:hidden;pointer-events:none}
.kk:not(.zu) .kk-vorn{opacity:1;visibility:visible;pointer-events:auto}
.kk:not(.zu).um .kk-vorn{opacity:0;visibility:hidden;pointer-events:none}
.kk:not(.zu).um .kk-hinten{opacity:1;visibility:visible;pointer-events:auto}
.kk-rueck,.kk-vorn,.kk-hinten{transition:opacity .45s ease,visibility .45s}
.kk:not(.zu) .kk-vorn{cursor:default}
.kk.deckt-ab .kk-flaeche{animation:karte-deckt-ab .34s ease-in forwards}
.kk.deckt-auf .kk-flaeche{animation:karte-deckt-auf .36s ease-out forwards}
@keyframes karte-deckt-ab{
  from{transform:rotateY(0deg)}
  to{transform:rotateY(90deg)}
}
@keyframes karte-deckt-auf{
  from{transform:rotateY(-90deg)}
  to{transform:rotateY(0deg)}
}

/* --- DESTE: kenarları görünen gerçek yığın --- */
.stapel{height:500px}
.stapel .kk{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease}
.stapel .kk[data-pos="0"]{transform:translateX(-50%) translateY(0) rotate(-1.4deg) scale(1);z-index:9;opacity:1}
.stapel .kk[data-pos="1"]{transform:translateX(-46%) translateY(10px) rotate(2.6deg) scale(.975);z-index:8;opacity:1}
.stapel .kk[data-pos="2"]{transform:translateX(-54%) translateY(19px) rotate(-3.4deg) scale(.95);z-index:7;opacity:1}
.stapel .kk[data-pos="3"]{transform:translateX(-49%) translateY(27px) rotate(4deg) scale(.928);z-index:6;opacity:.98}
.stapel .kk[data-pos="4"]{transform:translateX(-52%) translateY(34px) rotate(-4.6deg) scale(.908);z-index:5;opacity:.94}
.stapel .kk[data-pos="5"]{transform:translateX(-48%) translateY(40px) rotate(5deg) scale(.89);z-index:4;opacity:.88}
.stapel .kk[data-pos="tief"]{transform:translateX(-50%) translateY(46px) scale(.87);z-index:1;opacity:0;pointer-events:none}
.stapel .kk.weg{transform:translateX(-190%) translateY(-40px) rotate(-22deg) !important;opacity:0;z-index:20}
.stapel .kk.weg-rechts{transform:translateX(90%) translateY(-40px) rotate(22deg) !important;opacity:0;z-index:20}
.stapel .kk[data-pos="0"] .kk-rueck,.stapel .kk[data-pos="0"] .kk-vorn{
  box-shadow:0 2px 6px rgba(29,28,21,.35),0 40px 60px -34px rgba(29,28,21,.95),0 0 0 1px rgba(232,155,31,.12) inset}
.stapel .kk.zieht{transition:none}
@media (max-width:720px){
  .stapel{height:calc(min(74vw,280px) * 1.4 + 62px)}
  .stapel .kk[data-pos="1"]{transform:translateX(-44%) translateY(11px) rotate(3.2deg) scale(.974)}
  .stapel .kk[data-pos="2"]{transform:translateX(-56%) translateY(21px) rotate(-4deg) scale(.946)}
  .stapel .kk[data-pos="3"]{transform:translateX(-47%) translateY(31px) rotate(4.7deg) scale(.918)}
  .stapel .kk[data-pos="4"]{transform:translateX(-54%) translateY(40px) rotate(-5.2deg) scale(.892)}
  .stapel .kk[data-pos="5"]{transform:translateX(-46%) translateY(47px) rotate(5.6deg) scale(.87)}
}

/* deste bilgi çubuğu */
.stapel-info{display:flex;justify-content:center;gap:1.2rem;align-items:center;
  font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.18em;
  color:var(--soluk);text-transform:uppercase;margin:.2rem 0 .6rem}
.stapel-info .naechst{color:var(--art-next,var(--kehribar-d))}
.austeilen-btn{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--murekkep);background:var(--beyaz);
  border:1px solid var(--cizgi);border-radius:999px;padding:.42rem 1rem;cursor:pointer}
.austeilen-btn:hover{background:var(--kehribar)}

/* --- Spontan başlıklar: editoryal kenar notları --- */
#funken{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}
.auto-akis #funken{opacity:0}
.funke-titel{position:absolute;display:block;min-width:130px;max-width:250px;
  pointer-events:auto;text-decoration:none;color:var(--art,#5E5B50);
  opacity:0;transform:translateY(9px) rotate(var(--funke-rot,0deg));
  transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1);
  padding:.48rem .45rem .42rem 1rem;background:none;border:0;border-radius:0;box-shadow:none;
  text-shadow:0 1px 0 rgba(255,253,247,.82),0 0 11px rgba(255,253,247,.48)}
.funke-titel.funke-rechts{text-align:right;padding:.48rem 1rem .42rem .45rem}
.funke-titel::before{content:"";position:absolute;left:0;top:.35rem;bottom:.35rem;width:1px;
  background:currentColor;opacity:.5;transform:scaleY(.2);transform-origin:top;
  transition:transform .85s cubic-bezier(.22,1,.36,1)}
.funke-titel::after{content:"";position:absolute;left:-2px;top:.25rem;width:5px;height:5px;
  background:currentColor;transform:rotate(45deg);opacity:.72}
.funke-titel.funke-rechts::before{left:auto;right:0;transform-origin:bottom}
.funke-titel.funke-rechts::after{left:auto;right:-2px}
.funke-titel.an{opacity:.74;transform:translateY(0) rotate(var(--funke-rot,0deg))}
.funke-titel.an::before{transform:scaleY(1)}
.funke-titel .fk-nr{display:block;font-family:'IBM Plex Mono',monospace;font-style:normal;
  font-size:.44rem;line-height:1.4;letter-spacing:.28em;text-transform:uppercase;
  color:inherit;opacity:.62;margin-bottom:.3rem}
.funke-titel .fk-text{display:block;font-family:'Fraunces',serif;font-style:normal;
  font-weight:340;font-size:1rem;line-height:1.38;letter-spacing:.012em}
.funke-titel:hover,.funke-titel:focus-visible{opacity:1 !important;
  transform:translateY(-2px) rotate(0deg) !important;text-decoration:none}
.funke-titel:hover .fk-text,.funke-titel:focus-visible .fk-text{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
@media (max-width:720px){
  .funke-titel{min-width:112px;max-width:min(180px,62vw);padding:.38rem .35rem .34rem .8rem}
  .funke-titel.funke-rechts{padding:.38rem .8rem .34rem .35rem}
  .funke-titel .fk-nr{font-size:.39rem;margin-bottom:.2rem}
  .funke-titel .fk-text{font-size:.86rem;line-height:1.34}
}
@media (prefers-reduced-motion:reduce){#funken{display:none}}

/* ============================================================
   v6.7.4 — ilgi alanı desteleri
   ============================================================ */
.k-altbaslik{max-width:48rem;margin:-.6rem auto 2rem;text-align:center;color:var(--duman);line-height:1.6}
.gesamt-deck{position:relative;max-width:980px;margin:0 auto 4rem;padding:2.2rem 0 2.8rem;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.gesamt-deck-kopf,.felder-kopf{text-align:center;max-width:650px;margin:0 auto 1rem}
.gesamt-deck-kopf h2,.felder-kopf h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.05;margin:.3rem 0 .65rem}
.gesamt-deck-kopf>p:last-child{color:var(--duman);line-height:1.55}
.felder-austeilen{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:440px;margin:1.25rem auto 0;
  padding:.85rem 1.25rem;border:1px solid var(--murekkep);border-radius:999px;background:var(--murekkep);color:var(--beyaz);
  cursor:pointer;box-shadow:0 18px 34px -24px rgba(29,28,21,.9);transition:transform .25s ease,background .25s ease,color .25s ease}
.felder-austeilen:hover,.felder-austeilen:focus-visible{transform:translateY(-3px);background:var(--kehribar);color:var(--murekkep);outline:0}
.felder-austeilen b,.felder-austeilen small{display:block;text-align:left}.felder-austeilen b{font-family:'Fraunces',serif;font-size:.95rem;font-weight:450}
.felder-austeilen small{font-family:'IBM Plex Mono',monospace;font-size:.48rem;letter-spacing:.07em;opacity:.72;margin-top:.12rem}
.felder-austeilen.tamam{background:transparent;color:var(--murekkep);border-color:var(--cizgi)}
.felder-symbol{position:relative;display:block;width:42px;height:34px;flex:0 0 42px}
.felder-symbol i{position:absolute;left:10px;top:3px;width:22px;height:29px;border:1px solid currentColor;border-radius:4px;background:currentColor;opacity:.75}
.felder-symbol i:nth-child(1){transform:translateX(-7px) rotate(-12deg);opacity:.38}.felder-symbol i:nth-child(3){transform:translateX(7px) rotate(12deg);opacity:1}
.felder-verteilung{scroll-margin-top:1.5rem;position:relative;margin-top:1rem;padding-top:1rem}
.felder-verteilung[hidden]{display:none!important}.felder-kopf{margin-bottom:1.8rem}
.deck-wahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 auto 3rem;max-width:900px}
.deck-wahl button{position:relative;min-height:126px;padding:1rem 1rem 1rem 4.8rem;text-align:left;
  border:1px solid color-mix(in srgb,var(--deck) 32%,var(--cizgi));border-radius:14px;
  background:linear-gradient(145deg,var(--beyaz),color-mix(in srgb,var(--deck) 5%,var(--beyaz)));
  color:var(--murekkep);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.felder-verteilung:not(.verteilt) .deck-wahl button{opacity:0;transform:translateY(-150px) scale(.46) rotate(calc((var(--deal-index,0) - 3) * 4deg));pointer-events:none}
.felder-verteilung.verteilt .deck-wahl button{opacity:1;animation:feld-austeilen .72s cubic-bezier(.2,.82,.25,1) both;
  animation-delay:calc(var(--deal-index,0) * 95ms)}
@keyframes feld-austeilen{
  0%{opacity:0;transform:translateY(-150px) scale(.46) rotate(calc((var(--deal-index,0) - 3) * 4deg))}
  72%{opacity:1;transform:translateY(7px) scale(1.015) rotate(0)}
  100%{opacity:1;transform:none}
}
.deck-wahl button:hover,.deck-wahl button:focus-visible{transform:translateY(-3px);border-color:var(--deck);outline:0;
  box-shadow:0 18px 34px -26px color-mix(in srgb,var(--deck) 68%,transparent)}
.deck-wahl button.aktiv{border-color:var(--deck);box-shadow:0 0 0 2px color-mix(in srgb,var(--deck) 18%,transparent),0 18px 34px -28px var(--deck)}
.deck-wahl-name{display:block;font-family:'Fraunces',serif;font-size:1.05rem;line-height:1.25;margin-bottom:.42rem}
.deck-wahl-zahl{display:block;font-family:'IBM Plex Mono',monospace;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:var(--duman)}
.deck-mini{position:absolute;left:1.05rem;top:50%;width:46px;height:62px;transform:translateY(-50%)}
.deck-mini i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--deck) 60%,#fff);border-radius:7px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--deck) 88%,#111),var(--deck));box-shadow:0 8px 15px -11px #000}
.deck-mini i:nth-child(1){transform:translate(-5px,5px) rotate(-7deg);opacity:.58}
.deck-mini i:nth-child(2){transform:translate(4px,3px) rotate(6deg);opacity:.76}
.deck-mini i:nth-child(3)::after{content:'D';position:absolute;inset:0;display:grid;place-items:center;color:#fff8;font-family:'Fraunces',serif;font-size:1.25rem}
.bereich-deck{scroll-margin-top:1.5rem;min-height:620px;padding:2.2rem 0 1rem;border-top:1px solid color-mix(in srgb,var(--deck) 40%,var(--cizgi))}
.bereich-deck[hidden]{display:none!important}
.bereich-deck-kopf{text-align:center;max-width:620px;margin:0 auto 1.5rem}
.bereich-deck-kopf h2,.ilgili-deck h2{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:.25rem 0 .7rem;color:var(--deck)}
.bereich-deck-kopf>p:last-child,.deck-aciklama{color:var(--duman);line-height:1.6;margin:.3rem auto 1.2rem;max-width:42rem}
.deck-etikett{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--deck);margin:0}
.deck-spiel{position:relative;max-width:980px;margin:0 auto}
.deck-liste{max-width:880px;margin:2.2rem auto 0;border-top:1px solid var(--cizgi);padding-top:1rem}
.deck-liste summary{cursor:pointer;text-align:center;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--duman)}
.deck-liste .tuerliste{margin-top:1rem}

.ilgili-deck{--deck:#3B2454;margin:5rem calc(50% - 50vw) 1rem;padding:4.5rem max(1.2rem,calc((100vw - 980px)/2)) 3rem;
  text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--deck) 5%,var(--beyaz)),var(--beyaz));
  border-top:1px solid color-mix(in srgb,var(--deck) 35%,var(--cizgi));border-bottom:1px solid var(--cizgi)}
.ilgili-deck .deck-spiel{text-align:left}
.deck-tumu{display:inline-block;margin:1rem auto 0;padding:.7rem 1.1rem;border-bottom:1px solid var(--deck);
  color:var(--deck);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}

/* Dört takım hissi: ön yüzde içerik türü korunur, kapalı kart sırtları dönüşümlü renklenir. */
.deck-spiel .kk:nth-child(4n+1) .kk-rueck{background:linear-gradient(145deg,#241632,#3B2454)}
.deck-spiel .kk:nth-child(4n+2) .kk-rueck{background:linear-gradient(145deg,#173353,#2E5A9E)}
.deck-spiel .kk:nth-child(4n+3) .kk-rueck{background:linear-gradient(145deg,#612719,#A8452E)}
.deck-spiel .kk:nth-child(4n) .kk-rueck{background:linear-gradient(145deg,#0B3A2C,#14604C)}

@media (max-width:820px){
  .gesamt-deck{padding-top:1.5rem;margin-bottom:3rem}.gesamt-deck-kopf,.felder-kopf{padding-left:.75rem;padding-right:.75rem}
  .gesamt-deck-kopf h2{font-size:1.78rem}.felder-kopf h2{font-size:2rem}.felder-austeilen{margin-left:1rem;margin-right:1rem;padding:.78rem 1rem}
  .deck-wahl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.7rem;margin-left:-1.2rem;margin-right:-1.2rem;
    padding:0 1.2rem 1rem;scrollbar-width:none}
  .deck-wahl::-webkit-scrollbar{display:none}
  .deck-wahl button{flex:0 0 min(76vw,280px);scroll-snap-align:center;min-height:112px}
  .bereich-deck{padding-top:1.5rem}
  .bereich-deck-kopf{padding-left:1rem;padding-right:1rem}
  .ilgili-deck{margin-top:3.8rem;padding-top:3.2rem}
  .stapel-info{display:grid!important;grid-template-columns:1fr;justify-items:center;gap:.55rem;width:100%;margin-bottom:.8rem}
  .stapel-info .austeilen-btn{grid-row:1}
  .stapel-info .rest{grid-row:2}
  .stapel-info .naechst{grid-row:3;text-align:center}
  .stapel-info .rest,.stapel-info .naechst{font-size:.5rem}
}
@media (prefers-reduced-motion:reduce){
  .felder-verteilung .deck-wahl button{animation:none!important;opacity:1!important;transform:none!important}
}

/* Neu-Abzeichen */
.neu-abz{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.52rem;
  letter-spacing:.2em;text-transform:uppercase;color:#FFFDF6;background:var(--kehribar-d);
  border-radius:999px;padding:.16rem .55rem;margin-left:.5rem;vertical-align:middle}


/* ============================================================
   v6.3 — Kart oyunu mekaniği: sayfa kaymaz, davet net
   ============================================================ */
/* 1) Sürüklerken sayfa kaymasın */
.stapel{touch-action:none;-ms-touch-action:none}
.stapel .kk{touch-action:none;-ms-touch-action:none}
.stapel .kk[data-pos="0"]{cursor:grab}
.stapel .kk[data-pos="0"].zieht{cursor:grabbing}
.stapel .kk:not([data-pos="0"]){pointer-events:none}
.reihe{cursor:grab}
.deck-spiel .kartenfeld.reihe{
  --reihe-kart:288px;
  max-width:min(900px,calc(100vw - 2rem));
  margin-left:auto;margin-right:auto;
  padding-left:calc((100% - var(--reihe-kart))/2);
  padding-right:calc((100% - var(--reihe-kart))/2);
  gap:0;scroll-padding-inline:calc((100% - var(--reihe-kart))/2);
  overflow-x:auto;overflow-y:visible}
.deck-spiel .kartenfeld.reihe .kk{
  --kart-w:var(--reihe-kart);
  flex:0 0 var(--reihe-kart);width:var(--reihe-kart);
  margin-right:-72px;
  opacity:.34;filter:saturate(.62);
  transform:translateY(25px) scale(.78);
  transform-origin:50% 92%;
  transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .38s ease,filter .38s ease;
  z-index:1}
.deck-spiel .kartenfeld.reihe .kk:last-child{margin-right:0}
.deck-spiel .kartenfeld.reihe .kk.reihe-aktiv{
  opacity:1;filter:none;transform:translateY(0) scale(1);z-index:5}
.deck-spiel .kartenfeld.reihe .kk.reihe-vorher{
  opacity:.72;filter:saturate(.82);transform:translateY(15px) rotate(-4deg) scale(.9);z-index:3}
.deck-spiel .kartenfeld.reihe .kk.reihe-nachher{
  opacity:.72;filter:saturate(.82);transform:translateY(15px) rotate(4deg) scale(.9);z-index:4}
.deck-spiel .kartenfeld.reihe .kk.reihe-fern{pointer-events:none}
.reihe.reihe-zieht{cursor:grabbing;scroll-snap-type:none}
.reihe .kk{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}
@media (max-width:720px){
  .deck-spiel .kartenfeld.reihe{
    --reihe-kart:min(80vw,300px);
    max-width:100%;
    padding-left:calc((100% - var(--reihe-kart))/2);
    padding-right:calc((100% - var(--reihe-kart))/2)}
  .deck-spiel .kartenfeld.reihe .kk{margin-right:-16vw}
  .deck-spiel .kartenfeld.reihe .kk.reihe-vorher{
    transform:translateY(12px) rotate(-3deg) scale(.92)}
  .deck-spiel .kartenfeld.reihe .kk.reihe-nachher{
    transform:translateY(12px) rotate(3deg) scale(.92)}
}
.reihe .kk.zieht{transition:none}
.reihe .kk.weg{transform:translateX(-135%) translateY(-24px) rotate(-18deg) !important;opacity:0}
.reihe .kk.weg-rechts{transform:translateX(135%) translateY(-24px) rotate(18deg) !important;opacity:0}

/* 2) Kapalı kartta net davet */
.kk-tipp-ring{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;
  border:1.5px solid rgba(232,155,31,.55);border-radius:50%;pointer-events:none;
  animation:tippen-puls 2.4s ease-in-out infinite}
@keyframes tippen-puls{0%,100%{transform:scale(.85);opacity:.35}50%{transform:scale(1.12);opacity:.9}}
.kk-rueck .kk-anleitung{position:absolute;bottom:52px;left:0;right:0;
  font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.24em;
  text-transform:uppercase;color:#E8C892;opacity:.9}
.kk-rueck .kk-anleitung b{display:block;color:var(--art,#E89B1F);font-weight:400;margin-top:.25rem;
  letter-spacing:.18em}

/* 3) Sürükleme damgaları */
.zieh-marke{position:absolute;top:34px;font-family:'IBM Plex Mono',monospace;font-size:.66rem;
  letter-spacing:.2em;text-transform:uppercase;padding:.4rem .9rem;border-radius:6px;
  border:2px solid;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:8}
.zieh-marke.links{right:24px;color:#A8452E;border-color:#A8452E;transform:rotate(12deg)}
.zieh-marke.rechts{left:24px;color:#14604C;border-color:#14604C;transform:rotate(-12deg)}
.kk.zeigt-links .zieh-marke.links{opacity:1}
.kk.zeigt-rechts .zieh-marke.rechts{opacity:1}

/* 4) Deste üstü kullanım şeridi */
.spiel-hilfe{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;
  font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--soluk);margin:0 0 .8rem}
.spiel-hilfe span{display:inline-flex;align-items:center;gap:.4rem}
.spiel-hilfe i{width:20px;height:20px;border:1px solid var(--cizgi);border-radius:5px;
  display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.6rem;
  color:var(--kehribar-d)}

/* 5) İlk ziyaret rehberi */
#tutorial{position:fixed;inset:0;z-index:70;background:rgba(29,28,21,.72);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;
  text-align:center;padding:2rem;backdrop-filter:blur(3px)}
#tutorial p{color:#F5F1E4;font-family:'Fraunces',serif;font-size:1.2rem;max-width:22ch;line-height:1.5}
#tutorial .schritte{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}
#tutorial .s{color:#E8C892;font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.18em;
  text-transform:uppercase;max-width:11ch;line-height:1.6}
#tutorial .s b{display:block;font-size:1.8rem;margin-bottom:.5rem;color:var(--kehribar)}
#tutorial button{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.16em;
  background:var(--kehribar);border:1.5px solid #1D1C15;border-radius:999px;padding:.8rem 1.8rem;cursor:pointer}
@media (max-width:560px){
  #tutorial{gap:1.1rem;padding:1.3rem}
  #tutorial .schritte{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:min(100%,340px)}
  #tutorial .s{font-size:.54rem;max-width:none;letter-spacing:.1em}
  #tutorial .s b{font-size:1.45rem;margin-bottom:.25rem}
}

.werk-foto{margin:1.4rem auto 2.1rem;max-width:760px;border-radius:14px;overflow:hidden;
  border:1px solid var(--cizgi);box-shadow:0 24px 44px -34px rgba(29,28,21,.8)}
.werk-foto img{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover}

/* ============================================================
   v6.75 — tam kart çevirme · akıcı perde · okuma ve ana sayfa
   ============================================================ */

/* Kartın yalnız içeriği değil, fiziksel yüzeyinin tamamı döner. */
.kk{perspective:1200px}
.kk-flaeche{position:absolute;inset:0;width:100%;height:100%;border-radius:18px;
  transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.2,.72,.2,1);will-change:transform}
.kk:not(.zu):not(.deckt-ab):not(.deckt-auf).um .kk-flaeche{transform:rotateY(180deg)}
.kk:not(.zu) .kk-vorn{cursor:pointer}
.kk:not(.zu) .kk-vorn::after{content:'tippen · Rückseite';position:absolute;left:0;right:0;bottom:17px;
  font-family:'IBM Plex Mono',monospace;font-size:.47rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--soluk);opacity:.72;pointer-events:none}
.kk:not(.zu).um .kk-hinten{cursor:pointer}

/* Üç sahne: eski dramatik dil korunur, aşamalar açıkça adlandırılır. */
.perde-panel::before{position:absolute;top:clamp(5.2rem,11vh,7rem);left:50%;transform:translateX(-50%);
  font-family:'IBM Plex Mono',monospace;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--kehribar);opacity:.78;white-space:nowrap}
.perde-kapak::before{content:'DIE FRAGE'}
.perde-woerter::before{content:'DIE SZENE'}
.perde-these-panel::before{content:'DIE THESE'}
.perde-panel.aktiv::before{animation:perde-etikett-gir .7s cubic-bezier(.22,1,.36,1) both}
@keyframes perde-etikett-gir{from{opacity:0;transform:translate(-50%,12px)}to{opacity:.78;transform:translate(-50%,0)}}
.perde-kapak .s-objekt{box-shadow:0 24px 80px -46px rgba(232,155,31,.9),inset 0 0 42px rgba(232,155,31,.04)}
.perde-these{font-size:clamp(1.65rem,4.5vw,3.45rem);text-wrap:balance;text-shadow:0 10px 42px rgba(0,0,0,.28)}
.perde-komut{padding:.15rem .55rem;border-radius:999px;background:rgba(23,24,18,.42);backdrop-filter:blur(4px)}
.perde-ring{background:rgba(23,24,18,.38);backdrop-filter:blur(5px)}

/* Okuma odası: güçlü başlık, rahat satır uzunluğu ve belirgin duraklar. */
.werk{max-width:720px;padding-top:clamp(4.5rem,9vw,7rem);padding-bottom:4rem}
.werk h1{font-size:clamp(2rem,5.4vw,3.45rem);line-height:1.12;letter-spacing:-.025em;
  margin-bottom:2rem;text-wrap:balance}
.inhalt{font-size:clamp(1.04rem,1.35vw,1.16rem);line-height:1.92}
.inhalt p{margin-bottom:1.7rem}
.inhalt h2,.inhalt h3{font-size:clamp(1.35rem,2.6vw,1.72rem);margin-top:3.2rem;
  padding:.2rem 0 .2rem 1.15rem;text-wrap:balance;scroll-margin-top:5rem}
.inhalt blockquote{margin:3rem 0;font-size:clamp(1.25rem,2.3vw,1.55rem)}

/* Ana sayfanın üç karttan sonraki bölümü artık ayrı bir editoryal alan. */
#brief{max-width:880px;margin:3rem auto 0;padding:4.5rem clamp(1.2rem,5vw,4rem) 4rem;
  border:1px solid rgba(29,28,21,.12);border-radius:24px;
  background:radial-gradient(circle at 50% 0,rgba(232,155,31,.12),transparent 42%),rgba(255,253,246,.68);
  box-shadow:0 36px 80px -64px rgba(29,28,21,.8)}
#brief .deck{min-height:188px;align-items:center;margin-bottom:2rem}
#brief .dk{width:132px;height:184px}
#brief.deal .d1{transform:translateX(14px) rotate(-7deg)}
#brief.deal .d2{transform:translateY(-8px);z-index:3}
#brief.deal .d3{transform:translateX(-14px) rotate(7deg)}
#brief h2{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.1}
#brief .bp{max-width:48ch;margin-left:auto;margin-right:auto;line-height:1.7}
.formzeile input,.formzeile button{min-height:50px}
.fuss{margin-top:5rem;background:rgba(255,253,246,.42)}
.dreiwege{display:flex;justify-content:center;gap:.7rem 1.4rem;flex-wrap:wrap;margin-bottom:1rem}
.dreiwege a,.recht a{text-underline-offset:.22em}
.manifest{font-style:italic;color:var(--duman);margin:.8rem 0}
.recht{font-size:.84rem;color:var(--soluk)}

@media (max-width:640px){
  .perde-panel::before{top:4.35rem;font-size:.48rem;letter-spacing:.25em}
  .perde-panel{padding-top:6.2rem}
  .perde-kapak .s-frage{line-height:1.36}
  .perde-these{font-size:clamp(1.45rem,7vw,2.15rem);line-height:1.3;max-width:88vw}
  .werk{padding-left:1.25rem;padding-right:1.25rem}
  .werk h1{font-size:clamp(2rem,10vw,2.8rem)}
  .inhalt{font-size:1.04rem;line-height:1.82}
  .inhalt h2,.inhalt h3{margin-top:2.6rem}
  #brief{margin-left:.8rem;margin-right:.8rem;padding:3.2rem 1rem 3rem;border-radius:18px}
  #brief .deck{gap:0;flex-wrap:nowrap;min-height:174px}
  #brief .dk{width:31vw;max-width:116px;height:160px;padding:.8rem .45rem}
  #brief.deal .d1{transform:translateX(8px) rotate(-6deg)}
  #brief.deal .d3{transform:translateX(-8px) rotate(6deg)}
  .formzeile{flex-direction:column}
  .formzeile button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .kk-flaeche,.perde-panel{transition-duration:.01ms!important}
  .perde-akis::before,.perde-panel.aktiv::before{animation:none!important}
}