/* Working surfaces extend the established green dossier, brass rules and prose hierarchy. */
.london-play,.london-play-compare{margin:1.5rem 0;padding:1.2rem 0;border-top:1px solid #756c4c;border-bottom:1px solid #756c4c;min-width:0}
.london-play h3,.london-play-events h3{font-size:1.1rem;line-height:1.65;color:#d9c89b;margin:0 0 .8rem}
.london-play-options,.london-play-evidence{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.london-play button,.london-photo-nudge button,.london-play-events button{font:inherit;font-size:1rem;line-height:1.55;color:#e5dfc8;background:#182b24;border:1px solid #827757;padding:.65rem .85rem;min-height:44px;max-width:100%;cursor:pointer;overflow-wrap:anywhere}
.london-play-options button{flex:1 1 12rem;text-align:left}
.london-play button[aria-pressed=true]{background:#344435;border-color:#d1bd7e;box-shadow:inset 3px 0 #d1bd7e}
.london-play button:focus-visible,.london-photo-controls button:focus-visible,.london-play-events button:focus-visible{outline:2px solid #edda9c;outline-offset:4px}
.london-play button:disabled,.london-photo-controls button:disabled,.london-play-events button:disabled{opacity:.45;cursor:default}
.london-play-response,.london-play-record,.london-play-callback{margin:1.2rem 0;padding:.25rem 0 .25rem 1rem;border-left:2px solid #bbaa77}
.london-play-response p,.london-play-record p,.london-play-callback p{margin:.6rem 0;line-height:1.9}
.london-play-success{color:#dfd3a7;font-size:1rem}
.london-play-events{margin:1.5rem 0}
.london-play-events ol{list-style:none;margin:1rem 0;padding:0}
.london-play-events li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.65rem;align-items:center;border-top:1px solid #756c4c;padding:.9rem 0;font-size:1rem}
.london-play-events li:last-child{border-bottom:1px solid #756c4c}
.london-play-events li>span{color:#c9b67f;font-variant-numeric:tabular-nums}
.london-play-events strong{font-weight:500;line-height:1.7}
.london-play-move{display:flex;gap:.4rem}
.london-play-quote-list{display:grid;gap:.8rem}
.london-play-quote-list button{text-align:left;padding:1rem 1.15rem}
.london-play-quote-list small,.london-play-quote-list span,.london-play-quote-list b{display:block}
.london-play-quote-list small{font-size:.9rem;color:#cabb95;margin-bottom:.65rem}
.london-play-quote-list span{line-height:1.8}
.london-play-quote-list b{font-size:.875rem;font-weight:500;color:#cabb95;margin-top:.6rem}
.london-photo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0}
.london-photo-nudge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:100%}
.london-play-reveal{border-left:2px solid #c5b174;padding-left:1rem;margin-top:1.25rem;animation:london-evidence-reveal .35s ease-out}
.london-play-compare ul{padding-left:1rem;font-size:1rem}
.london-play-compare li strong{display:inline-block;margin-left:1rem;white-space:nowrap;color:#d9c89b}
.london-play details>summary,.london-photograph-evidence details>summary{cursor:pointer;font-size:1rem;line-height:1.7;min-height:44px;padding:.65rem 0}
@keyframes london-evidence-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:600px){.london-play-options{display:grid;grid-template-columns:minmax(0,1fr)}.london-play-events li{grid-template-columns:1.5rem minmax(0,1fr)}.london-play-move{grid-column:2}.london-photo-controls{align-items:stretch;flex-direction:column}.london-photo-nudge{width:100%}.london-photo-nudge button{padding:.6rem .25rem}.london-play-evidence button{flex:1 1 40%}.london-play-quote-list button{padding:.85rem}.london-play-response{padding-left:.7rem}}
@media(prefers-reduced-motion:reduce){.london-play-reveal{animation:none}}