/* One shared spoken-turn composition. A replacement transparent head can use the same plane. */
.spoken-scene21{--speaker-paint:#84572e;--speaker-ink:#f1d69c;position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:#13241e;color:#2d261d;font:20px/1.4 var(--fantasy-copy,Georgia,serif)}
.spoken-scene21[data-speaker-role="Support"]{--speaker-paint:#315e7b}.spoken-scene21[data-speaker-role="Tank"]{--speaker-paint:#42623b}.spoken-scene21[data-speaker-role="DPS"]{--speaker-paint:#873d30}.spoken-scene21[data-speaker-role="Lead"]{--speaker-paint:#aaa48d;--speaker-ink:#faf1d4}
.spoken-scene21__backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.spoken-scene21::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent 30%,#0e1a1444 65%,#0e1a14cc)}
.spoken-scene21__portrait-plane{position:absolute;left:0;bottom:70px;width:min(44vw,540px);height:min(76dvh,550px);pointer-events:none;z-index:2;isolation:isolate}
.spoken-scene21__role-paint{position:absolute;inset:4% 0 0;background:repeating-linear-gradient(116deg,transparent 0 24px,#181d1912 25px 27px),linear-gradient(140deg,color-mix(in srgb,var(--speaker-paint),#111 18%),var(--speaker-paint));clip-path:polygon(0 7%,85% 0,100% 100%,0 94%);border-top:4px solid #c3a36d;filter:drop-shadow(5px 0 #17251d)}
.spoken-scene21__head{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 65%;filter:drop-shadow(10px 9px 4px #17201780);clip-path:polygon(6% 0,97% 0,100% 95%,9% 100%,0 23%)}
.spoken-scene21__speech{position:absolute;left:32%;right:3%;bottom:28px;z-index:3;box-sizing:border-box;background:linear-gradient(112deg,#e1cf9f,#f0dfb6 65%,#cbb989);border:3px solid #a38a50;box-shadow:0 5px 0 #17251d,0 0 0 5px #253326,9px 12px 20px #09120e88;transform:rotate(-.6deg);padding:32px 23px 15px;min-height:210px;text-align:left;clip-path:polygon(0 3%,98% 0,100% 96%,1% 100%)}
.spoken-scene21__name{display:inline-block;position:relative;margin:-65px 0 13px -5px;padding:9px 24px 10px;background:#314334;color:var(--speaker-ink);border:2px solid #b99c61;box-shadow:3px 3px #17251d;font:700 clamp(24px,2.5vw,35px)/1.1 var(--fantasy-title,Georgia,serif);transform:rotate(-1.2deg);clip-path:polygon(3% 0,100% 3%,96% 100%,0 95%)}
.spoken-scene21 .spoken-scene21__turn{display:flex;flex-direction:column;gap:14px;position:static;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;color:#2d261d;font:inherit;cursor:pointer;text-shadow:none}
.spoken-scene21__words{display:block;max-width:100%;font-size:clamp(20px,2vw,27px);line-height:1.35}
.spoken-scene21__advance{align-self:flex-end;color:#33432b;font-size:16px;font-weight:bold}
.spoken-scene21__choices{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px 18px;margin-top:13px;border-top:1px solid #9b855c;padding-top:8px}
.spoken-scene21 .spoken-scene21__choices>button{position:static;min-height:36px;width:auto;margin:0;padding:4px 1px;background:none;box-shadow:none;border:0;border-radius:0;color:#3a4932;text-shadow:none;font:16px/1.2 var(--fantasy-copy,Georgia,serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.spoken-scene21 button:focus-visible{outline:3px solid #395b35;outline-offset:4px}
@media(max-width:700px),(max-aspect-ratio:1/1){.spoken-scene21{min-height:100dvh;padding-top:51dvh;box-sizing:border-box;overflow:auto}.spoken-scene21__backdrop{height:60dvh;object-fit:cover;object-position:60% 50%}.spoken-scene21__portrait-plane{position:absolute;top:9dvh;bottom:auto;left:0;width:76vw;max-width:420px;height:45dvh;max-height:420px}.spoken-scene21__role-paint{inset:7% 0 0}.spoken-scene21__speech{position:relative;left:auto;right:auto;bottom:auto;min-height:0;width:calc(100% - 28px);margin:0 14px 22px;padding:28px 18px 12px;overflow:visible;clip-path:none;transform:rotate(-.5deg)}.spoken-scene21__name{margin:-53px 0 13px -6px;font-size:25px;padding:8px 16px}.spoken-scene21__words{font-size:20px;line-height:1.35}.spoken-scene21__choices{justify-content:flex-start;gap:5px 15px}.spoken-scene21 .spoken-scene21__choices>button{min-height:44px;font-size:16px}.spoken-scene21__advance{font-size:16px}}
@media(max-height:520px) and (min-width:701px){.spoken-scene21__portrait-plane{height:80dvh;bottom:20px}.spoken-scene21__speech{left:35%;bottom:15px;padding:26px 17px 10px;min-height:160px}.spoken-scene21__words{font-size:18px}.spoken-scene21__choices{margin-top:7px;padding-top:5px}.spoken-scene21__name{font-size:25px;margin-top:-52px}}

/* Review20w F3: native tavern hover must not darken a spoken turn's paper. */
body .tavern-root .spoken-scene21 .spoken-scene21__turn:is(:hover,:focus,:active):not(:disabled){background:transparent!important;color:#2d261d!important;border-color:transparent!important;text-shadow:none!important;box-shadow:none!important}
body .tavern-root .spoken-scene21 .spoken-scene21__turn:focus-visible{outline:none!important}
body .tavern-root .spoken-scene21 .spoken-scene21__turn:focus-visible .spoken-scene21__advance{outline:2px solid #65542e;outline-offset:4px;background:#d8c698}

/* Existing Lantern Paper craft, with one high-resolution head in its measured plane. */
.spoken-scene21__speech{border:12px solid #34403c;border-image:url("themes/lantern-paper/c-lantern-paper-768x1152.webp") 112 stretch;border-image-width:12px;background:#e5d5af;clip-path:none;transform:none;padding:25px 23px 15px}
.spoken-scene21__name{border:7px solid #34403c;border-image:url("themes/lantern-paper/c-lantern-paper-768x1152.webp") 112 stretch;border-image-width:7px;background:#263d31;clip-path:none;padding:9px 20px;transform:rotate(-1deg)}
.spoken-scene21 .spoken-scene21__choices>button{background:#314733!important;border:1px solid #a38a50!important;color:#f3e4bf!important;box-shadow:0 2px #14271d!important;padding:9px 13px!important;min-height:44px!important;text-decoration:none!important}
.spoken-scene21__head{clip-path:none}
@media(min-width:701px) and (min-aspect-ratio:1/1){.spoken-scene21__head[src*="lord-hartwell-head"]{transform:translate(-40px,-30px)}}
@media(max-width:700px),(max-aspect-ratio:1/1){.spoken-scene21__speech{padding:23px 14px 12px}.spoken-scene21__head[src*="lord-hartwell-head"]{transform:none}}

/* Full native scene stays behind the deliberate spoken overlay. */
body .tavern-root .major-patron.spoken-patron21{position:fixed!important;inset:0!important;z-index:120!important;width:100vw!important;height:100dvh!important;padding:0!important;max-width:none!important;background:transparent!important;overflow:auto!important}
body .tavern-root .spoken-patron21>.major-event{display:block!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body .tavern-root .spoken-patron21 .spoken-scene21__name{font-size:clamp(24px,2.5vw,35px)!important;color:var(--speaker-ink)!important}
body .tavern-root .spoken-patron21 .spoken-scene21__words{color:#2d261d!important;font-size:clamp(20px,2vw,27px)!important;line-height:1.35!important}
body .tavern-root .spoken-patron21 .spoken-scene21__turn{background:transparent!important;color:#2d261d!important;font:inherit!important;text-shadow:none!important}

@media(min-width:701px) and (min-aspect-ratio:1/1){.spoken-scene21__head[src*="orin-head-v1"]{width:90%;height:90%;transform:translate(-10px,-80px)}}

/* Approved speaker cadence and role-coloured painted name frames. */
.spoken-scene21__words,.story-patron-copy18 blockquote{white-space:pre-line}
.story-patron-dialogue18[data-speaker-role="Support"]{--speaker-paint:#315e7b;--speaker-ink:#f1d69c}
.story-patron-dialogue18[data-speaker-role="Tank"]{--speaker-paint:#42623b;--speaker-ink:#f1d69c}
.story-patron-dialogue18[data-speaker-role="DPS"]{--speaker-paint:#873d30;--speaker-ink:#f1d69c}
.story-patron-dialogue18[data-speaker-role="Lead"]{--speaker-paint:#aaa48d;--speaker-ink:#faf1d4}
.spoken-scene21[data-speaker-name="Lord Hartwell"]{--speaker-paint:#67428b;--speaker-ink:#f2e5ff}
.spoken-scene21__name{isolation:isolate;border-image:none;border-color:var(--speaker-paint);background:color-mix(in srgb,var(--speaker-paint),#10171a 40%);color:var(--speaker-ink)}
.spoken-scene21__name::before{content:"";position:absolute;inset:-7px;pointer-events:none;border:7px solid transparent;border-image:url("themes/lantern-paper/c-lantern-paper-768x1152.webp") 112 stretch;border-image-width:7px;mix-blend-mode:luminosity;opacity:.7}
.story-patron-copy18>.spoken-scene21__name{align-self:flex-start;margin:0 0 6px;padding:7px 16px;color:var(--speaker-ink)}

/* Approved smaller conversations expose the painted scene and retain reading size. */
.spoken-scene21__portrait-plane{left:2%;bottom:26px;width:min(29vw,360px);height:min(53dvh,390px)}
.spoken-scene21__speech{left:31%;right:5%;bottom:28px;min-height:0;padding:17px 20px 12px}
.spoken-scene21__name{margin:0 0 22px;padding:7px 15px;font-size:26px}
.spoken-scene21__words{font-size:22px;line-height:1.38}
.spoken-scene21 .spoken-scene21__turn{gap:14px}
.spoken-scene21__advance{display:inline-flex;align-self:flex-end;align-items:center;gap:10px;min-height:44px;padding:9px 20px;box-sizing:border-box;background:#365632;color:#fff1c6;border:2px solid #bba46c;box-shadow:0 3px #1b2b1b;font:700 21px/1.2 var(--fantasy-copy,Georgia,serif)}
.spoken-scene21 .spoken-scene21__choices{margin-top:10px;padding-top:7px;gap:8px 16px}
.spoken-scene21 .spoken-scene21__choices>[data-opening-skip]{background:transparent!important;border:0!important;box-shadow:none!important;color:#435039!important;padding:5px 2px!important;font-size:15px!important;text-decoration:underline!important;min-height:36px!important}
body .tavern-root .spoken-patron21 .spoken-scene21__name{font-size:26px!important}
body .tavern-root .spoken-patron21 .spoken-scene21__words{font-size:22px!important;line-height:1.38!important}
.story-patron-copy18>.spoken-scene21__name{margin-bottom:22px}
@media(max-width:700px),(max-aspect-ratio:1/1){
 .spoken-scene21{padding-top:49dvh}
 .spoken-scene21__backdrop{height:68dvh}
 .spoken-scene21__portrait-plane{top:18dvh;left:3%;bottom:auto;width:57vw;height:29dvh;max-width:270px;max-height:280px}
 .spoken-scene21__speech{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 30px);margin:0 15px 20px;padding:15px 13px 10px}
 .spoken-scene21__name{margin:0 0 18px;font-size:24px;padding:6px 12px}
 .spoken-scene21__words,body .tavern-root .spoken-patron21 .spoken-scene21__words{font-size:20px!important}
 .spoken-scene21__advance{font-size:19px;padding:9px 15px;min-height:44px}
 .spoken-scene21 .spoken-scene21__choices{justify-content:flex-end}
 .spoken-scene21 .spoken-scene21__choices>[data-opening-skip]{min-height:44px!important}
}
@media(min-width:701px) and (max-height:520px){.spoken-scene21__portrait-plane{height:62dvh;bottom:18px}.spoken-scene21__speech{bottom:16px;padding:12px 16px}.spoken-scene21__words{font-size:20px}}