/* Dialogue is a view of the live scene: portrait, named plaque and bottom plate. */
#panel[open][data-kind="dialogue"]{transform:none!important;min-height:0!important;min-width:0!important}
#panel[open][data-kind="dialogue"] #panel-portrait{max-width:none!important;max-height:none!important;min-height:0!important}
#panel[open][data-kind="dialogue"]{display:block!important;position:fixed!important;inset:0!important;margin:0!important;padding:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;border:0!important;background:linear-gradient(0deg,#0009 0%,transparent 57%)!important;box-shadow:none!important;isolation:isolate}
#panel[open][data-kind="dialogue"]::backdrop{background:#0003!important;backdrop-filter:none!important}
#panel[open][data-kind="dialogue"] .panel-header{position:fixed!important;left:auto!important;right:24px!important;top:20px!important;bottom:auto!important;width:42px!important;padding:0!important;background:none!important;border:0!important;z-index:10!important}
#panel[open][data-kind="dialogue"] .panel-header h2,#panel[open][data-kind="dialogue"] #panel-eyebrow{display:none!important}
#panel[open][data-kind="dialogue"] .panel-top{display:flex!important;justify-content:flex-end!important}
#panel[open][data-kind="dialogue"] #close-panel{border:1px solid #a8a39a66!important;background:#090909a6!important;color:#f0ece4!important;border-radius:0!important}
#panel[open][data-kind="dialogue"] #panel-portrait{display:block!important;position:absolute!important;left:0!important;bottom:0!important;top:auto!important;width:43vw!important;height:90dvh!important;margin:0!important;padding:0!important;border:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:left bottom!important;filter:saturate(.36) contrast(1.08) drop-shadow(5px 0 9px #000)!important;opacity:1!important;mask-image:linear-gradient(90deg,#000 0 70%,#000c 83%,transparent 100%)!important;pointer-events:none!important;z-index:1!important}
#panel[open][data-kind="dialogue"][data-dialogue-portrait="false"] #panel-portrait{display:none!important}
#panel[open][data-kind="dialogue"] #panel-body{position:absolute!important;inset:auto 4vw 8dvh 35vw!important;display:flex!important;flex-direction:column!important;height:clamp(245px,30dvh,340px)!important;max-height:calc(100dvh - 108px)!important;min-height:0!important;padding:0!important;overflow:visible!important;z-index:4!important}
#panel[open][data-kind="dialogue"][data-dialogue-portrait="false"] #panel-body{left:8vw!important;right:8vw!important}
.dialogue-plate-v88{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:30px clamp(22px,3vw,48px) 62px;background:linear-gradient(115deg,#0b0b0bf5,#101010f8 63%,#050505f5);border:1px solid #bbb6ab;outline:1px solid #292825;outline-offset:5px;box-shadow:inset 0 0 0 4px #080808,inset 0 0 0 5px #635d52,0 18px 45px #000b}
.dialogue-plate-v88:before{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid #7f1928;clip-path:polygon(0 0,38% 0,38% 2px,62% 2px,62% 0,100% 0,100% 100%,0 100%);opacity:.9}
.dialogue-plate-v88:after{content:"◆";position:absolute;left:-14px;top:-15px;color:#ab2030;font-size:24px;line-height:1;text-shadow:0 0 1px #eee,0 0 0 #eee;pointer-events:none}
#panel[open][data-kind="dialogue"] .dialogue-name-v88{position:absolute;left:-1px;top:-64px;min-width:clamp(190px,28vw,430px);max-width:calc(100% - 22px);height:64px;box-sizing:border-box;padding:11px 25px 9px!important;background:#0b0b0bf5!important;border:1px solid #b9b5ac!important;border-bottom:2px solid #a92332!important;display:flex!important;flex-direction:column!important;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}
#panel[open][data-kind="dialogue"] .dialogue-name-v88 h3{display:block!important;margin:0 0 5px!important;padding:0!important;color:#f1eee8!important;font:400 clamp(18px,1.9vw,28px)/1.05 Georgia,serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dialogue-name-v88 small{display:block;flex-shrink:0;font:600 9px/1.1 system-ui,sans-serif;color:#b7b1a8;letter-spacing:.15em;text-transform:uppercase}
.dialogue-text-v88{overflow:auto;min-height:0;padding:0 4px 5px 0;scrollbar-width:thin;scrollbar-color:#9e2735 #161616}
#panel[open][data-kind="dialogue"] #spoken-line{margin:0!important;padding:0!important;max-width:none!important;font:400 clamp(19px,1.75vw,27px)/1.48 Georgia,serif!important;color:#ede9e1!important;text-shadow:0 1px 2px black!important;letter-spacing:.005em!important;overflow-wrap:anywhere}
.dialogue-meta-v88{position:absolute;bottom:20px;left:clamp(22px,3vw,48px);right:clamp(22px,3vw,48px);display:flex;align-items:center;gap:14px;justify-content:space-between;pointer-events:none}
.dialogue-meta-v88>small{max-width:65%;font:600 9px/1.35 system-ui,sans-serif;letter-spacing:.13em;color:#9c9790;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialogue-meta-v88>span{font:10px/1 system-ui,sans-serif;color:#b9b3a8;margin-right:152px;white-space:nowrap}.dialogue-meta-v88 i{font-style:normal;color:#a62334;margin:0 6px}
#panel[open][data-kind="dialogue"] #panel-footer{position:absolute!important;inset:auto 6vw 9.3dvh auto!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:58vw!important;margin:0!important;padding:0!important;border:0!important;background:none!important;z-index:6!important}
#panel[open][data-kind="dialogue"] #panel-footer button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;width:auto!important;max-width:100%!important;padding:8px 12px!important;border:1px solid #a59d8c66!important;border-radius:0!important;background:#080808c9!important;color:#eeeae0!important;text-transform:none!important;font:400 15px/1.2 Georgia,serif!important;letter-spacing:0!important;min-height:42px!important}
#panel[open][data-kind="dialogue"] #panel-footer button:hover,#panel[open][data-kind="dialogue"] #panel-footer button:focus-visible{outline:1px solid #f0ede7!important;outline-offset:2px!important;background:#7b1e2b!important;color:white!important;border-color:#ddd6ca!important}
#panel[open][data-kind="dialogue"] #panel-footer .gw-glyph{color:#f0ece4!important}
@media(max-width:760px){#panel[open][data-kind="dialogue"] #panel-portrait{width:58vw!important;height:76dvh!important;opacity:.88!important}#panel[open][data-kind="dialogue"] #panel-body{left:8vw!important;right:5vw!important;bottom:6dvh!important;height:clamp(228px,36dvh,330px)!important}.dialogue-plate-v88{padding:23px 20px 64px;background:#0a0a0af7}.dialogue-name-v88{height:56px;top:-56px;min-width:200px;padding:10px 16px!important}#panel[open][data-kind="dialogue"] .dialogue-name-v88 h3{font-size:20px!important}#panel[open][data-kind="dialogue"] #spoken-line{font-size:19px!important;line-height:1.42!important}#panel[open][data-kind="dialogue"] #panel-footer{right:8vw!important;bottom:7dvh!important;max-width:76vw!important}.dialogue-meta-v88{left:20px;right:20px}.dialogue-meta-v88>small{display:none}.dialogue-meta-v88>span{margin-right:160px}}
@media(max-height:500px){#panel[open][data-kind="dialogue"] #panel-body{left:35vw!important;right:4vw!important;bottom:7dvh!important;height:clamp(160px,49dvh,230px)!important;max-height:calc(100dvh - 80px)!important}.dialogue-plate-v88{padding:18px 22px 58px}.dialogue-name-v88{top:-49px;height:49px;padding:8px 17px!important}#panel[open][data-kind="dialogue"] .dialogue-name-v88 h3{font-size:19px!important}#panel[open][data-kind="dialogue"] #spoken-line{font-size:17px!important;line-height:1.36!important}#panel[open][data-kind="dialogue"] #panel-footer{bottom:8.4dvh!important;right:6vw!important}.dialogue-meta-v88{bottom:17px}.dialogue-meta-v88>small{display:none}}
/* A bottom-anchored contain image fitted to a narrow viewport hid the speaker
   behind the opaque text plate. Keep their face in the open scene above it. */
@media(max-width:760px) and (orientation:portrait){
 #panel[open][data-kind="dialogue"] #panel-portrait{top:8dvh!important;bottom:auto!important;width:72vw!important;height:52dvh!important;background-position:left top!important;opacity:1!important}
}
@media(prefers-reduced-motion:reduce){#panel[open][data-kind="dialogue"] *{animation:none!important;transition:none!important}}