.v6-scene{isolation:isolate}.v6-diagram{position:absolute;inset:0;width:1920px;height:1080px;z-index:2}.v6-diagram svg{width:1920px;height:1080px}.v6-diagram svg>rect{opacity:.94}.v6-diagram text{font-family:var(--sans)!important}.v6-diagram text[font-size="44"]{font-family:var(--serif)!important;font-weight:400;font-variation-settings:"opsz" 72}.v6-page{position:absolute;right:102px;top:177px;font-size:20px;letter-spacing:.07em;color:#6f6152;z-index:4}.gece-kipi .v6-page{color:#b3a690}.scene-art{position:absolute;inset:0;width:1920px;height:1080px;z-index:1;opacity:.3;pointer-events:none}.v6-history .v6-diagram svg>rect{opacity:.82}.v6-history .history-window,.v6-history .history-shade{z-index:0}.v6-history .history-loaf{left:1480px;top:265px;width:250px;height:94px;z-index:3}.v6-history .dipnot{bottom:20px;z-index:4;font-size:17px}.v6-scene .bread-intro{z-index:3}.v6-scene .bread-intro.hat{z-index:3}.v6-scene .bread-intro.kaynak{z-index:3}#parcalar{z-index:8}#grafik{display:none!important}#s1 .metin{top:140px;width:1050px;z-index:3}#s1 .baslik{font-size:116px}#s28 .metin{top:130px;width:1060px;z-index:3}#s28 .baslik{font-size:88px}#s28 .alinti{font-size:32px;max-width:880px;margin-top:28px}#s28 .tesekkur{font-size:42px;margin-top:42px}.signature{position:absolute;left:120px;top:810px;width:1350px;z-index:3}.signature-rule{width:120px;height:2px;background:#e9b45a;transform-origin:left center}.signature-name{font-family:var(--serif);font-weight:420;font-size:42px;line-height:1.15;margin-top:22px}.signature-credentials{font-size:23px;line-height:1.35;margin-top:12px;color:#f3eadb}.signature-event{font-size:24px;margin-top:12px;color:#b3a690}#s1 .golge,#s28 .golge{z-index:2}#s1 .scene-art,#s28 .scene-art{opacity:.10}#s1 .dipnot,#s28 .dipnot{z-index:3;bottom:25px;font-size:17px}#s1 .yer,#s28 .yer{z-index:3}

.v6-history .v6-diagram text{paint-order:stroke;stroke:#ece3d3;stroke-width:2.5;stroke-linejoin:round}.story-prop{position:absolute;z-index:3;pointer-events:none;top:680px;height:140px;display:flex;align-items:center;gap:20px;justify-content:center}.story-prop img{width:100%;height:auto;filter:drop-shadow(0 18px 12px #231a1228)}.story-prop svg{width:115px;height:120px;fill:none;stroke:#8a5a0c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#s56 .v6-page{color:#6f6152}
.v6-scene:not(#s1):not(#s28):not(#s8):not(#s4) .v6-page{color:#6f6152}

/* V6.1: the same linen remains above every scene and every lighting state. */
#linen-weave{position:absolute;inset:0;z-index:30;pointer-events:none;background:url(medya/keten.webp) center/1920px 1080px;filter:grayscale(1) brightness(.7) contrast(1.4);mix-blend-mode:soft-light;opacity:.48}
#perde,#ortu{display:none}
.v6-diagram svg>rect{opacity:.18}
.v6-history .v6-diagram svg>rect{opacity:.75}
.scene-art{opacity:.08;mask-image:linear-gradient(115deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.8) 85%)}
.gece-kipi .scene-art{opacity:.06}
#s1 .scene-art,#s28 .scene-art{opacity:.035}
#s42 .scene-art,#s44 .scene-art{transform:scaleX(-1)}
#s19 .scene-art,#s57 .scene-art{transform:scaleY(-1)}
/* These three existing light diagrams sit at night/day chapter boundaries. */
#s47,#s54,#s56{background:var(--keten) url(medya/keten.webp) center/1920px 1080px}

/* V6.2 keeps the material and gives the period diagram its own type hierarchy. */
.v6-history .history-heading{font-family:var(--serif)!important;font-weight:400;font-variation-settings:"opsz" 72}
.v6-history .v6-diagram text{stroke-width:1.2}
#s8 .v6-diagram{z-index:4;pointer-events:none}
#s8 .kaynak{bottom:48px;font-size:20px}
#s8 .yer{display:none}