/* Eighth revision: two clear destinations and stable listening controls. */
.scene-card{display:flex;flex-direction:column;min-width:0}
.scene-card .card-art{display:block;cursor:default}
.scene-card .card-copy{display:flex;flex-direction:column;flex:1}
.scene-card .card-copy h3{min-height:2.4em;line-height:1.2}
.scene-card .card-copy>p:not(.micro){min-height:3.2em}
.scene-card .result-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:12px}
.result-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #65554a;min-height:46px;padding:10px 16px;font-size:15px;color:#f0d7b0;background:#b8956310}
.result-links a:hover{background:#b895632a;border-color:#d5b681;color:#fff1d6}
.result-links .icon{width:16px;height:16px}
.preview-motion[hidden]{display:none!important}
.image-pool[data-category=Characters]{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.image-pool[data-category=Characters] .choice-image{aspect-ratio:4/5;height:auto}
.image-pool[data-category=Characters] .picture-choice[data-pick="Suzie"] img{object-fit:cover;transform:scale(1.5);transform-origin:50% 72%;object-position:48% center}
.image-pool[data-category=Characters] .picture-choice[data-pick="The original group"]{grid-column:span 2}
.image-pool[data-category=Characters] .picture-choice[data-pick="The original group"] .choice-image{aspect-ratio:auto;height:auto;position:absolute;inset:0 0 32px}
.image-pool[data-category=Characters] .picture-choice[data-pick="The original group"]{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.image-pool[data-category=Characters] .picture-choice[data-pick="The original group"] img{object-fit:cover}
.listen-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;padding:55px;min-height:590px}
.listen-stage .turntable{justify-self:center}
.listen-copy{width:100%;max-width:none;min-width:0;display:grid;grid-template-rows:24px 104px 30px 74px 86px 28px 24px 46px;row-gap:0}
.listen-copy .eyebrow{margin:0;font-size:11px;line-height:24px;letter-spacing:.1em}
.listen-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.12;margin:0;align-self:center}
.listen-copy .record-artist{font-size:16px;line-height:25px;margin:0}
.record-version{align-self:center;min-width:0}
.record-version .version-note{margin:0;font-size:14px;line-height:1.55}
.listen-copy .record-transport{margin:0;align-self:center;justify-content:flex-start}
.listen-copy .record-times{margin:0;align-self:center}
.listen-copy .music-volume{margin:0;align-self:end;min-height:36px}
@media(max-width:1100px){.listen-stage{gap:40px;padding:40px}.listen-copy h2{font-size:34px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px) and (min-width:768px){.listen-stage{padding:32px 24px;gap:22px}.listen-stage .turntable{width:290px;height:290px}.listen-stage .vinyl{width:205px;height:205px;left:64px}.listen-copy h2{font-size:30px}}
@media(max-width:767px){
 .image-pool[data-category=Characters]{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
 .image-pool[data-category=Characters] .picture-choice[data-pick="The original group"] .choice-image{position:relative;inset:auto;aspect-ratio:16/9}
 .listen-stage{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 24px;min-height:0}
 .listen-copy{grid-template-rows:24px 108px 30px 84px 86px 28px 24px 46px}
 .listen-copy h2{font-size:34px}
 .listen-copy .record-transport{justify-content:center}
 .scene-card .card-copy h3,.scene-card .card-copy>p:not(.micro){min-height:0}
 .scene-grid{grid-template-columns:minmax(0,1fr)}
 .result-links a{flex:1;padding-inline:10px;font-size:14px;white-space:nowrap}
}