.tb-story-panel{position:relative!important;isolation:isolate;display:block;margin:0!important;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:16px;border:2px solid #c5a767;background:#faf5e9;break-inside:avoid}
.tb-story-panel .tb-panel-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;aspect-ratio:auto!important}
.tb-panel-original{aspect-ratio:auto}.tb-panel-original .tb-panel-background{position:static!important;height:auto!important;object-fit:contain!important;display:block}
.tb-panel-lesson{position:absolute;z-index:4;inset:12px 12px auto;max-width:calc(100% - 24px);padding:10px 18px;background:#123d35f5;border:1px solid #d4b579;border-radius:10px;color:#fff!important;text-align:start;box-shadow:0 3px 12px #0003}
.tb-panel-lesson span{font-size:11px;letter-spacing:.8px;display:block;color:#f7dba2}.tb-panel-lesson strong{font-size:clamp(17px,2.1vw,27px);line-height:1.5;display:block}
.tb-panel-light{position:absolute;inset:0;background:linear-gradient(#fff0 35%,#123b3440)}
.tb-story-panel .tb-panel-character{position:absolute!important;inset:auto!important;bottom:-4%!important;height:70%!important;width:30%!important;min-height:0!important;object-fit:contain!important;background:none!important;filter:drop-shadow(0 8px 8px #0003);z-index:2;aspect-ratio:auto!important}
.tb-story-panel .tb-panel-salem{left:1%!important;transform:rotate(-2deg)!important}.tb-story-panel .tb-panel-maryam{right:1%!important;transform:rotate(2deg)!important}
.tb-panel-dialogue{position:absolute;z-index:3;inset:27% 24% auto;padding:15px 20px;background:#fffef5f5;border:2px solid #b58c44;border-radius:22px 22px 22px 3px;box-shadow:0 6px 20px #123b342b;color:#153e34;max-height:65%;overflow:auto;font-weight:700;text-align:start;font-size:clamp(14px,1.5vw,21px);line-height:1.85}
.tb-panel-dialogue small{font-size:12px;color:#74602e;display:block}.tb-panel-dialogue p{margin:4px 0!important;font:inherit!important;color:inherit!important;white-space:pre-line}.tb-panel-signature{position:absolute;z-index:4;bottom:6px;left:50%;transform:translateX(-50%);color:#fff;background:#123b34dd;font-size:10px;padding:3px 12px;border-radius:20px;white-space:nowrap}
.scenevisual>.tb-story-panel{border-radius:0}.episode .tb-story-panel{aspect-ratio:16/10;border-radius:0;border:0}.episode .tb-panel-dialogue{font-size:11px;line-height:1.5;padding:5px;max-height:54%}.episode .tb-panel-lesson{inset:5px 5px auto;padding:3px 8px}.episode .tb-panel-lesson strong{font-size:14px}.episode .tb-panel-lesson span{font-size:9px}
.hub-scene .tb-story-panel{max-width:900px;margin-inline:auto!important}.hub-scene>p{white-space:pre-line}.tb-story-review{border-inline-start:3px solid #b58c44;background:#fff7df;padding:10px;color:#634715;font-size:13px}.tb-story-answer{margin:12px 0;padding:12px;background:#edf6f0;border-radius:8px}
@media(max-width:600px){.tb-panel-layered{aspect-ratio:4/5}.tb-panel-dialogue{inset:23% 9% auto;max-height:43%;font-size:16px;padding:12px}.tb-story-panel .tb-panel-character{height:43%!important;width:40%!important}.tb-panel-lesson strong{font-size:17px}.episode .tb-panel-layered{aspect-ratio:16/10}.episode .tb-panel-dialogue{inset:27% 24% auto;font-size:11px;max-height:60%}.episode .tb-story-panel .tb-panel-character{height:65%!important;width:28%!important}}
@media print{.tb-story-panel{print-color-adjust:exact;-webkit-print-color-adjust:exact;aspect-ratio:16/10;min-height:62mm}.tb-panel-dialogue{font-size:10pt;max-height:none;overflow:visible;padding:7px;inset:25% 22% auto}.tb-panel-lesson{padding:3px 8px;inset:4px 4px auto}.tb-panel-lesson strong{font-size:12pt}.tb-panel-lesson span{font-size:8pt}.printscene{grid-template-columns:1fr!important}.printscene .tb-story-panel{max-height:none}.printscene .tb-panel-original{min-height:0}.hub-scene{break-inside:avoid}.tb-panel-lesson,.tb-panel-dialogue,.tb-panel-signature{display:block!important}}

body.tb-visual .storytop h2{color:#ffe3a4!important}.storytop{background:linear-gradient(110deg,#103b34,#20584b)!important}.storytop a{color:#ffe3a4!important}
body.tb-visual .episode .episode-body h3{color:#fff5dc!important}body.tb-visual .episode .episode-body p{color:#e1efe4!important}.episode .episode-body{background:#123d35}

.tb-atlas-cell{position:relative;overflow:hidden;width:100%;background:#f3ecd9}.tb-atlas-cell img{position:absolute!important;width:200%!important;height:200%!important;max-width:none!important;min-height:0!important;object-fit:fill!important;inset:auto}.tb-panel-atlas{display:block!important}.tb-panel-atlas .tb-panel-lesson{position:relative!important;inset:auto!important;z-index:2;background:#123d35;color:#fffaf0;padding:16px;text-align:center}.tb-panel-atlas .tb-panel-lesson strong{display:block;color:inherit!important;font-size:24px}
