/* Named dialogue follows the supplied reference. Narration omits the name row. */
#theatre .l-dialogue{
  position:absolute;z-index:26;left:3.5%;right:3.5%;bottom:2.6%;
  padding:4.5cqw 4.5cqw 4cqw;background:linear-gradient(120deg,#03182ef5,#041323ed);
  border:1px solid #72c8ecb3;box-shadow:0 9px 22px #00102455;
  color:#f4f7ff;font-family:Arial,'Microsoft YaHei',sans-serif;
}
#theatre .l-dialogue::before{
  content:'';position:absolute;left:-1.1cqw;top:50%;width:1.8cqw;height:1.8cqw;
  background:#ef42ae;border:1px solid #a4d8f1;transform:rotate(45deg);
}
#theatre .l-speaker{
  display:flex;align-items:center;gap:2cqw;margin:0 0 2.4cqw;
  color:#94dff4;font-size:3.3cqw;line-height:1.4;letter-spacing:.3cqw;
}
#theatre .l-speaker[hidden]{display:none!important}
#theatre .l-speaker::before{content:'';width:1.3cqw;height:1.3cqw;background:#f140ae;border-radius:50%;flex:none}
#theatre .l-dialogue .l-caption{
  position:static;display:block;min-height:0;margin:0;color:#eef4ff;
  text-align:left;font:500 4.1cqw/1.65 Arial,'Microsoft YaHei',sans-serif;
  letter-spacing:0;text-shadow:none;pointer-events:none;text-wrap:pretty;
}
#theatre .l-dialogue .l-caption span{white-space:normal}
#theatre .l-dialog-action{
  display:flex;align-items:center;justify-content:center;gap:3cqw;width:100%;
  min-height:11.8cqw;margin-top:4.2cqw;padding:2.4cqw 3cqw;border:1px solid #ffb8e0;
  border-radius:0;background:linear-gradient(100deg,#f77bce,#ee329f);
  color:#130c23;font:bold 4.1cqw/1.4 Arial,'Microsoft YaHei',sans-serif;
  box-shadow:0 .7cqw 0 #851968;touch-action:manipulation;
}
#theatre .l-dialog-action[hidden]{display:none!important}
#theatre .l-dialog-action span{font-size:5.4cqw;font-weight:400;line-height:1}
#theatre .l-dialog-action:hover{filter:brightness(1.06)}
#theatre .l-dialog-action:active{transform:translateY(.4cqw);box-shadow:0 .3cqw 0 #851968}
#theatre .l-dialog-action:focus-visible{outline:2px solid #a7e7ff;outline-offset:4px}
#theatre .l-caption-scrim{display:none}
#theatre .s1-layered[data-stage=DISCOVER] .l-discover-hint{display:none}
#theatre .l-detail-nav{bottom:29%}
#theatre .l-observe-hint{bottom:35%}
#theatre .l-complete{bottom:39%}
#theatre .l-observe{bottom:40%}
#theatre .s1-layered[data-stage=READY_TO_EXIT] .l-dialogue,
#theatre .s1-layered[data-stage=EXITING] .l-dialogue{display:none}