/* ═══ SAHNEDE (v197) — public/sahnede.js ═══
   Tam ekran panel; sitenin koyu dili, gradyan/parlama yok. #D4003A yalnız
   ana eylemde ("Sahneyi hazırla", "Tekrar al") ve senin dalga çizgende.
   Video kutusu 16:9 sabit — içerik gelince kayma yok. 375 px tek sütun. */
.shd-arka{position:fixed;inset:0;z-index:2000;background:rgba(5,5,10,.82);display:grid;place-items:start center;overflow-y:auto;padding:16px}
.shd-arka[hidden]{display:none}
body.shd-acik{overflow:hidden}
.shd-kutu{width:min(980px,100%);display:grid;gap:12px;padding:16px;border:1px solid var(--line,#23233A);border-radius:16px;background:var(--panel,#0F0F1D);min-width:0}
.shd-ust{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-width:0}
.shd-baslik{margin:0;font-size:18px;overflow-wrap:anywhere}
.shd-alt{margin:2px 0 0;font-size:13px;color:var(--muted)}
.shd-kapat{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line,#23233A);background:transparent;color:var(--txt);font-size:18px;cursor:pointer}
.shd-sahne{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.shd-sahne video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.shd-sayac{position:absolute;inset:0;display:grid;place-items:center;font:800 72px var(--disp,inherit);color:#fff;background:rgba(0,0,0,.35)}
.shd-sayac[hidden]{display:none}
.shd-kayit{position:absolute;right:12px;bottom:12px;padding:4px 12px;font-size:14px;font-weight:800;border-radius:999px;background:#D4003A;color:#fff}
.shd-kayit[hidden]{display:none}
.shd-durum{font-size:14px;color:var(--txt);min-height:42px;line-height:1.5}
.shd-ana{min-height:46px;padding:0 22px;border:0;border-radius:12px;background:#D4003A;color:#fff;font:inherit;font-weight:800;cursor:pointer;margin-top:8px}
/* flex + flex-shrink:0: kaydırılan ızgarada satırlar eziliyor, uzun replik alttakinin
   üstüne biniyordu (ÖLÇÜLDÜ, 375 px; CLAUDE.md'deki dikey şerit dersi). */
.shd-replikler{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;min-width:0}
.shd-replikler>.shd-replik{flex-shrink:0}
.shd-replik{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--line,#23233A);border-radius:10px;min-height:52px}
.shd-replik.secili{border-color:var(--txt)}
.shd-zaman{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.shd-metin{font-size:14px;overflow-wrap:anywhere}
.shd-rekor{font-size:12px;font-weight:800;padding:2px 7px;border-radius:6px;border:1px solid var(--line,#23233A)}
.shd-kaydet{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line,#23233A);background:transparent;color:var(--txt);font:inherit;font-size:13.5px;cursor:pointer}
.shd-kaydet:disabled{opacity:.4;cursor:not-allowed}
.shd-sonuc{display:grid;gap:10px;min-width:0}
.shd-sonuc[hidden]{display:none}
.shd-ab{display:flex;gap:6px}
.shd-ab button{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--line,#23233A);background:transparent;color:var(--muted);font:inherit;cursor:pointer}
.shd-ab button[aria-pressed="true"]{color:var(--txt);border-color:var(--txt)}
.shd-puan{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.shd-puan-sayi{display:grid;justify-items:center;gap:2px;min-width:92px}
.shd-puan-sayi b{font:800 46px/1 var(--disp,inherit);font-variant-numeric:tabular-nums}
.shd-puan-sayi span{letter-spacing:2px;color:#E7C878}
.shd-puan-sayi em{font-style:normal;font-size:12px;color:var(--muted);text-align:center}
.shd-cumle{margin:0 0 4px;font-weight:700;font-size:15px}
.shd-puan-metin ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}
.shd-olcu{margin:6px 0 0;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.shd-dalga{width:100%;height:84px;display:block;background:var(--panel2,#141428);border-radius:10px}
.shd-dalga-lejant{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.shd-dalga-lejant .o::before,.shd-dalga-lejant .s::before{content:"";display:inline-block;width:14px;height:2px;margin-right:6px;vertical-align:middle;background:rgba(200,200,215,.8)}
.shd-dalga-lejant .s::before{background:#D4003A}
.shd-eylem{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.shd-eylem .shd-ana{margin-top:0}
/* fable.css: .btn-outline.small:not(#tab-studyo *) özgüllüğü (1,2,0) — kimlikli seçici şart */
#sahnedePanel .shd-eylem .btn-outline.small{min-height:44px}
.shd-not{margin:0;font-size:12.5px;color:var(--muted)}
@media (max-width:560px){
  .shd-arka{padding:0}
  .shd-kutu{border-radius:0;min-height:100%;padding:12px}
  .shd-puan{grid-template-columns:1fr}
  .shd-replik{grid-template-columns:auto minmax(0,1fr) auto}
  .shd-rekor{display:none}
}