/* Sahne modülleri (grup 1-5) ortak ek stil: çekirdek sahne.css'in ÜSTÜNE biner. Açık tema = section[data-tema="acik"]; koyu varsayılan. */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sahne__stage .sr-only{left:0;top:0}
.sahne{background:#0b0b0b}
.sahne__etiket{box-sizing:border-box}
.sahne__etiket b{white-space:nowrap}
@media (max-width:699px){.sahne__etiket{overflow:hidden;text-overflow:ellipsis;padding:5px 10px;max-width:calc(100vw - 32px)}.sahne__etiket b,.sahne__etiket span{overflow:hidden;text-overflow:ellipsis;display:inline;font-size:.74rem}.sahne__etiket span{margin-left:8px}}
.sahne[data-tema="acik"]{--muted:#5d5854;background:#f6f2f0;color:#1b1918}
.sahne[data-tema="acik"] .sahne__head .h2{color:#1b1918}
.sahne[data-tema="acik"] .sahne__head .lede{color:#5d5854}
.sahne[data-tema="acik"] .sahne__etiket{background:#fff;color:#1b1918;border:1px solid #e2dcd8;border-left:2px solid var(--red,#FF2400)}
.sahne[data-tema="acik"] .sahne__etiket span{color:#5d5854}
.sahne[data-tema="acik"] .sahne__etiket.is-on,.sahne[data-tema="acik"] .sahne__etiket.is-now{background:var(--red,#FF2400);color:#fff;border-color:var(--red,#FF2400)}
.sahne[data-tema="acik"] .sahne__etiket.is-on span,.sahne[data-tema="acik"] .sahne__etiket.is-now span{color:#fff}
.sahne[data-tema="acik"] .sahne__etiket:focus-visible{outline-color:#1b1918}
.sahne[data-tema="acik"] .sahne__etiket--merkez{border-left-color:#1b1918}
/* durağa varınca alt satır açılan sahneler (yükseklik değişmez, yalnız opaklık) */
.g4-ac .sahne__etiket span{opacity:0;transition:opacity .45s var(--ease,ease),color .3s}
.g4-ac .sahne__etiket.is-lit span,.g4-ac .sahne__etiket.is-on span{opacity:1}
.g4-ac .sahne__stage.is-hazir .sahne__etiket:not(.is-lit):not(.is-on){opacity:.6}
.g4-ac .sahne__stage.has-on .sahne__etiket:not(.is-on){opacity:.45}
/* dar ekranda etiketler tuvalin altında liste olur */
.sahne__stage.g4-liste .sahne__etiketler{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:16px 16px 0;pointer-events:auto}
.sahne__stage.g4-liste .sahne__etiket{position:static;transform:none!important;flex:1 1 calc(50% - 8px);min-width:140px;white-space:normal}
.sahne__stage.g4-liste .sahne__etiket--merkez{flex-basis:100%}
.sahne__stage.g4-liste .sahne__etiket:not(.is-on):not(.is-now){opacity:1}
/* referans sayaçları (DOM, canvas dışında) */
.sahne__sayac{position:absolute;left:0;right:0;bottom:0;pointer-events:none}
.sahne__sayac>div{max-width:1240px;margin:0 auto;padding:0 40px;display:flex;gap:44px;align-items:flex-end}
.sahne__sayac b{display:block;font-family:var(--display,"Montserrat",Arial,sans-serif);font-weight:800;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1;color:#fff;letter-spacing:-.01em}
.sahne__sayac span{display:block;margin-top:6px;font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#bdb6b1)}
.sahne[data-tema="acik"] .sahne__sayac b{color:#1b1918}
@media (max-width:699px){.sahne__sayac{position:static;margin-top:6px}.sahne__sayac>div{padding:0 16px;gap:32px}}

/* Arka plan kipi (data-mod="arkaplan"): canvas bölümün arkasında, metin önde, tek düz karartma katmanı */
.sahne[data-mod="arkaplan"]{min-height:90vh}
.sahne[data-mod="arkaplan"]>.wrap{position:relative;z-index:2}
.sahne[data-mod="arkaplan"] .sahne__stage{position:absolute;inset:0;margin:0;z-index:0;pointer-events:none}
.sahne[data-mod="arkaplan"] .sahne__stage canvas{height:100%!important}
.sahne[data-mod="arkaplan"]::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(11,11,11,.42)}
.sahne[data-mod="arkaplan"][data-tema="acik"]::after{background:rgba(246,242,240,.55)}