/* Westminster Beta 21: extended back-and-forth and user-authored replies */
.wm21-encounter-overlay .wm20-cinema-window{border-color:#667c88;box-shadow:0 33px 110px #010710f0}
.wm21-cinema-stage{grid-template-columns:minmax(300px,39%) minmax(0,61%)}
.wm21-cinema-stage .wm20-stage-picture{position:relative;min-height:620px}
.wm21-scene-cast{margin-top:22px;padding:12px 15px;display:inline-block;max-width:100%;border:1px solid #667680;background:#0d2234b8;color:#e9d6b4;border-radius:5px;font-size:10px;font-weight:750;letter-spacing:.09em}
.wm21-dialogue{padding:clamp(18px,2.4vw,37px);min-width:0;display:block}
.wm21-dialogue .wm20-stage-progress{margin-bottom:25px}
.wm21-dialogue .wm20-dialogue-name{font-size:12px}
.wm21-dialogue .wm20-dialogue blockquote{margin-bottom:20px}
.wm21-live-question{padding:4px 0 6px}
.wm21-live-question blockquote{margin-bottom:16px;border-left:3px solid #e6c38d;padding-left:18px;font-size:clamp(20px,2.1vw,29px);line-height:1.32}
.wm21-answer-panel{padding-bottom:10px}
.wm21-answer-panel .wm20-choice-list{gap:8px;margin-top:9px;margin-bottom:12px}
.wm21-answer-panel .wm20-choice-list button{min-height:54px;padding:10px 14px;border:1px solid #476579;transition:border-color .15s,background .15s}
.wm21-answer-panel .wm20-choice-list button:focus-visible{outline:3px solid #edca8f}
.wm21-answer-panel .wm20-choice-list button span:nth-child(2){flex:1}
.wm21-answer-panel .wm20-choice-list button span:first-child{flex:0 0 28px;height:28px}
.wm21-or{position:relative;text-align:center;display:flex;align-items:center;gap:12px;color:#e6c488;font-size:10px;letter-spacing:.16em;font-weight:800;margin:17px 0 13px}
.wm21-or:before,.wm21-or:after{content:'';flex:1;height:1px;background:#506678}
.wm21-compose{border:1px solid #5f7986;border-radius:10px;background:linear-gradient(145deg,#132b3e,#122637);padding:16px;box-shadow:0 12px 25px #020c1520}
.wm21-compose label{font-size:11px;font-weight:800;letter-spacing:.07em;color:#edcd9a;display:block;margin-bottom:10px}
.wm21-compose textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px;max-height:230px;display:block;color:#f0eee8;background:#081e2d;border:1px solid #6d8693;border-radius:7px;padding:12px 14px;font:14px/1.5 system-ui,Segoe UI,sans-serif!important;outline:none}
.wm21-compose textarea:focus{border-color:#f3d39c;box-shadow:0 0 0 2px #edc7864d}
.wm21-compose textarea::placeholder{color:#91a8b6;opacity:1}
.wm21-compose-options{display:grid;grid-template-columns:1fr;gap:5px;margin:13px 0}
.wm21-compose-options label{letter-spacing:0;color:#bfcdd4;font-size:11px;margin:0}
.wm21-compose select{box-sizing:border-box;min-height:38px;width:100%;background:#142e40;color:#f1e6d8;border:1px solid #627a88;border-radius:6px;padding:6px 10px;max-width:100%;font:12px system-ui,Segoe UI,sans-serif!important}
.wm21-compose select option{background:#142e40;color:white}
.wm21-interpretation{min-height:28px;padding:9px 11px;border-radius:6px;background:#091e2b;border:1px solid #344e5e;color:#bed0d7;font-size:11px;line-height:1.4}
.wm21-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.wm21-compose-footer #wm21-charcount{font-size:11px;color:#adc0c9}
.wm21-compose-footer .wm20-primary{min-height:43px}
.wm21-answer-panel .wm20-kbdhint{display:block;margin-top:13px;color:#9fb4bd}
.wm21-transcript{border:1px solid #3b596c;border-radius:8px;background:#0c2434;margin-bottom:18px;color:#d9e6e9}
.wm21-transcript summary{cursor:pointer;padding:12px 16px;user-select:none;font-size:11px;letter-spacing:.03em;font-weight:750;color:#e4c58e}
.wm21-transcript-inner{max-height:260px;overflow:auto;padding:4px 14px 14px;border-top:1px solid #3b596c}
.wm21-exchange{padding:12px;margin:10px 0;border-left:2px solid #6a91a1;background:#0c2331;border-radius:5px}
.wm21-exchange-speaker,.wm21-exchange-player span,.wm21-exchange-reply span{font-size:10px;letter-spacing:.09em;color:#eec28e;font-weight:800;text-transform:uppercase}
.wm21-exchange p{font-size:12px;line-height:1.5;color:#e1ebed;margin:6px 0}
.wm21-exchange-player{margin:10px 0 7px;padding:9px 12px;border-radius:5px;background:#214156}
.wm21-exchange-reply{padding:9px 12px;border-radius:5px;background:#1c3c3c}
.wm21-finished-log{max-width:920px;width:100%;margin-top:27px;display:grid;gap:7px}
.wm21-finished-log h3{color:#e9c28a;font:normal 23px Georgia,serif;margin:0 0 10px}
.wm21-result .wm20-result-summary{margin:22px 0}
.wm21-resume{padding:16px 18px;border:1px solid #e0c288;border-radius:8px;background:#1e3444;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
@media(max-width:1120px){.wm21-cinema-stage{grid-template-columns:minmax(260px,35%) minmax(0,65%)}.wm21-cinema-stage .wm20-stage-picture{min-height:550px}}
@media(max-width:760px){.wm21-cinema-stage{display:block}.wm21-cinema-stage .wm20-stage-picture{min-height:190px;padding:18px 22px}.wm21-cinema-stage .wm20-stage-picture h1{font-size:clamp(25px,7vw,38px)}.wm21-cinema-stage .wm20-stage-picture>div{margin:18px 0 0}.wm21-cinema-stage .wm20-caption{display:none}.wm21-scene-cast{margin-top:7px;padding:7px 9px;font-size:9px}.wm21-dialogue{padding:20px}.wm21-dialogue .wm20-stage-progress{margin-bottom:15px}.wm21-live-question blockquote{font-size:21px}.wm21-compose{padding:12px}}
@media(max-width:410px){.wm21-answer-panel .wm20-choice-list button{min-height:56px;padding:9px 10px;font-size:12px}.wm21-dialogue{padding:15px}.wm21-compose-footer .wm20-primary{padding:10px 12px}.wm21-compose textarea{font-size:16px!important}}
/* An option's text must not inherit the numbered-key ornament from Beta 20. */
.wm21-answer-panel .wm20-choice-list button span:nth-child(2){flex:1 1 auto;display:block;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;color:#e6edf0;text-align:left;font-weight:500;font-size:13px;line-height:1.5}
@media(max-width:760px){.wm21-encounter-overlay .wm20-cinema-header-actions .wm20-header-button:first-child{display:inline-flex!important;align-items:center;justify-content:center;font-size:11px;padding:7px 9px;min-height:36px}.wm21-encounter-overlay .wm20-cinema-id small{display:none}}
@media(max-width:420px){.wm21-encounter-overlay .wm20-cinema-header-actions{gap:4px}.wm21-encounter-overlay .wm20-cinema-id{gap:7px;min-width:0}.wm21-encounter-overlay .wm20-cinema-monogram{display:none}.wm21-encounter-overlay .wm20-cinema-id b{font-size:14px}}
