/* Quick Play's visual hierarchy, without leaking artwork into the text round. */
.playing main{max-width:820px;padding:16px 22px 32px}
.playing .play-heading h1{font-size:18px;margin:0 0 4px}
.playing .play-heading .eyebrow{font-size:10px;color:var(--muted);margin-bottom:10px}
.live-trackers{--panel-2:#20202c;--hum:#48c4a1;--biz:#e84652;--gold:#edca56;margin-bottom:20px}
.qpStep{font-size:13px;line-height:1.5;letter-spacing:.05em;color:var(--muted)}
.qpDots{display:flex;gap:5px;flex-wrap:nowrap;margin:18px 0 14px}
.qpDot{height:5px;border-radius:3px;background:var(--panel-2);flex:1;min-width:0}
.qpDot.done{background:var(--gold)}.qpDot.now{background:var(--text)}
.qpTilt{display:flex;align-items:center;gap:10px;margin:12px 0}
.qpTiltBar{flex:1;height:7px;border-radius:4px;overflow:hidden;position:relative;background:var(--panel-2)}
.qpTiltBar i{position:absolute;top:0;bottom:0}.qpTiltBar .h{left:0;background:var(--hum)}.qpTiltBar .b{right:0;background:var(--biz)}
.qpTiltEnd{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.qpGoal{display:flex;align-items:baseline;gap:8px;margin:12px 0;font-size:13px;line-height:1.4}
.qpGoal b{color:var(--gold);font-weight:600;text-transform:uppercase;font-size:11px;flex:0 0 auto}
.qpBars{display:flex;flex-direction:column;gap:8px;margin:14px 0 2px}
.qpBarRow{display:flex;align-items:center;gap:12px}
.qpBarName{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:0 0 146px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.qpBarTrack{flex:1;height:7px;border-radius:4px;overflow:hidden;position:relative;background:var(--panel-2);min-width:0}
.qpBarTrack i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.qpBarTrack .low{background:var(--biz)}.qpBarTrack .mid{background:var(--gold)}.qpBarTrack .high{background:var(--hum)}
.qpBarRow.thin .qpBarTrack i{opacity:.45}.qpBarRow.thin .qpBarName{opacity:.6}
.playing .decision{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191f29,#111117 70%)}
.playing .scene-context{border-left:2px solid #3b3d48;padding-left:16px;margin-bottom:20px;display:flow-root}
.playing .scene-speakers{font-size:13px;color:var(--muted);margin:0 0 14px}
.playing .decision .setup{font-size:18px;line-height:1.55;margin:0 0 18px;color:var(--muted)}
.playing .decision .echo{font:inherit;color:#edca56}
.playing .decision .pressure{font-size:14px;line-height:1.6;margin:14px 0 0}
.playing .decision .prompt{font-size:25px;font-weight:600;line-height:1.3;color:var(--text);margin:20px 0 24px}
.playing .decision .choices{gap:14px;margin:0}
.playing .decision .choices button{border-radius:12px;padding:18px;font-size:18px;line-height:1.5;background:#1c1c27}
.playing .decision .choices button:hover,.playing .decision .choices button:focus-visible{border-color:#edca56}
@media(max-width:600px){.playing main{padding:14px 16px 24px}.playing .decision{padding:18px;border-radius:12px}.playing .decision .prompt{font-size:22px}.playing .decision .choices button{font-size:16px;padding:14px}.qpBarName{flex-basis:118px}.qpDot{height:4px}.qpDots{gap:3px}}
@media(max-width:360px){.qpBarRow{align-items:stretch;flex-direction:column;gap:4px}.qpBarName{flex:auto}.qpBarTrack{flex:auto;min-height:7px}.qpTiltEnd{font-size:9px;letter-spacing:.06em}}