.rhythm-modal{max-width:1100px;height:calc(100dvh - 28px);max-height:850px;padding:22px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.rhythm-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.rhythm-title h2{font-size:23px;margin:5px 0 4px}.rhythm-title .modal-kicker{font-size:8px}.rhythm-title p{font-size:10px;color:#cdbdd7;line-height:1.7}.rhythm-title>small{font-size:9px;color:#bfb0cd;line-height:1.8;text-align:right}.live-stage-shell{position:relative;min-height:210px;flex:1;isolation:isolate;overflow:hidden;border:1px solid #75688b;border-radius:6px;background:#373049}.live-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}.cheer-mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex-shrink:0}.cheer-mode-picker>button{background:#27263e;border:1px solid #6d6684;border-radius:5px;padding:10px 8px;color:#e7d8ed;text-align:left}.cheer-mode-picker b{font:15px var(--pixel);display:block}.cheer-mode-picker small{font-size:8px;display:block;margin-top:5px;line-height:1.7;color:#b1a6c4}.cheer-mode-picker>button.selected{border-color:#f6afd4;box-shadow:inset 0 0 0 1px #c886b2;background:#59405b}.live-start-controls{display:grid;grid-template-columns:1fr auto;gap:10px;flex-shrink:0}.live-start-controls .tap-button{margin:0;padding:13px;font-size:12px}.live-start-controls .secondary-btn{background:#453b57;color:#c7b6d4;border-color:#6e5b85;box-shadow:none;font-size:10px}.rhythm-modal>.live-instructions{margin:0;font-size:9px;line-height:1.7;flex-shrink:0}.rhythm-modal>.live-observe{color:#ba9fc9;margin:0;padding:3px;text-align:center;font-size:9px;flex-shrink:0}.rhythm-modal .live-score{margin:0;font-size:12px;flex-shrink:0}.rhythm-modal .live-track{height:86px;flex:0 0 86px}.rhythm-modal .live-target{top:17px}.rhythm-modal .live-note{top:26px}.rhythm-modal .live-feedback{margin:0;min-height:25px;font-size:17px;flex-shrink:0}.rhythm-modal #live-tap{margin:0;padding:12px;flex-shrink:0}.rhythm-modal .live-cheer{right:12px;bottom:9px}.playing-live .live-stage-shell{min-height:210px}
@media(max-width:600px){.rhythm-modal{padding:16px 13px;gap:9px;height:calc(100dvh - 20px);max-height:none}.rhythm-title{gap:8px}.rhythm-title h2{font-size:17px}.rhythm-title .modal-kicker{font-size:6px;letter-spacing:1px}.rhythm-title p{font-size:8px}.rhythm-title>small{font-size:7px;max-width:100px}.cheer-mode-picker{gap:5px}.cheer-mode-picker>button{padding:9px 6px}.cheer-mode-picker b{font-size:12px}.cheer-mode-picker small{font-size:6px;line-height:1.6;margin-top:4px}.live-start-controls{grid-template-columns:1fr;gap:6px}.live-start-controls .tap-button{font-size:11px;padding:11px}.live-start-controls .secondary-btn{padding:8px;font-size:9px}.rhythm-modal>.live-instructions,.rhythm-modal>.live-observe{font-size:8px}.rhythm-modal .live-cheer{right:6px;bottom:6px}.live-stage-shell,.playing-live .live-stage-shell{min-height:180px}.rhythm-modal .live-track{flex-basis:78px;height:78px}.rhythm-modal .live-target{top:13px}.rhythm-modal .live-note{top:22px}.rhythm-modal .live-feedback{font-size:16px;min-height:22px}}
@media(max-height:580px){.rhythm-modal{padding:12px;gap:7px;overflow:auto}.rhythm-title h2{font-size:17px}.rhythm-title p{font-size:8px}.live-stage-shell,.playing-live .live-stage-shell{min-height:140px}.cheer-mode-picker>button{padding:6px}.cheer-mode-picker b{font-size:12px}.cheer-mode-picker small{font-size:6px;margin-top:3px}.rhythm-modal>.live-instructions{font-size:7px}.rhythm-modal .live-track{flex-basis:65px;height:65px}.rhythm-modal .live-target{top:7px}.rhythm-modal .live-note{top:16px}.rhythm-modal .live-cheer{--cheer-scale:.5;width:90px;height:132px}.rhythm-modal .live-cheer-heading b{font-size:8px}.rhythm-modal .live-cheer-caption{font-size:8px}.rhythm-modal .live-cheer-character{bottom:23px}.live-start-controls .tap-button{padding:9px;font-size:10px}}
/* One contain frame anchors both scenery and performers to the same stage floor. */
.live-stage-shell{display:flex;align-items:stretch;background:#171625}
.live-stage-viewport{position:relative;flex:1;min-width:0;container-type:size;display:grid;place-items:center;overflow:hidden}
.live-stage-frame{position:relative;width:min(100cqw,177.6833156cqh);height:min(100cqh,56.2799043cqw);isolation:isolate;overflow:hidden}
.live-stage-shell .live-stage-image{object-fit:contain;object-position:center;opacity:1}
.live-stage-performers{position:absolute;inset:0;z-index:1;container-type:size}
.live-performer{position:absolute;left:var(--stage-x);bottom:var(--performer-bottom);height:var(--performer-height);width:25%;display:flex;align-items:flex-end;justify-content:center;transform:translateX(-50%);filter:drop-shadow(0 3px 2px #07162a88)}
.live-performer>.atlas-character{height:100%!important;width:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:var(--frame-ratio);flex-shrink:0;transform:none}
.live-performer>.custom-sprite>canvas{object-fit:contain}
.live-performer.center-performer{z-index:2;filter:drop-shadow(0 0 4px #fff5) drop-shadow(0 3px 2px #07162a88)}
.live-spotlights{position:absolute;inset:0;background:conic-gradient(from 155deg at 25% 0%,transparent 0deg,#f6f0ba26 10deg,transparent 24deg),conic-gradient(from 175deg at 75% 0%,transparent 0deg,#b5eaff22 10deg,transparent 24deg);z-index:0}
.live-crowd{position:absolute;bottom:-1%;left:0;width:100%;height:21%;z-index:2;pointer-events:none}
.crowd-light{filter:drop-shadow(0 0 4px var(--support-color));transform-box:fill-box;transform-origin:50% 95%;animation:crowd-sway .7142857s ease-in-out infinite alternate;animation-delay:var(--wave-delay)}
.live-center-label{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;color:#fff8e9;background:#182540a8;border:1px solid #fff7;border-radius:20px;padding:4px 13px;font:10px var(--pixel);white-space:nowrap}
#live-cheer-preview{position:relative;flex:0 0 138px;align-self:stretch;background:linear-gradient(90deg,#17162500,#28243b66);z-index:3}
.rhythm-modal #live-cheer-preview .live-cheer{right:4px;bottom:7px}
.playing-live .live-performer{animation:stage-bounce .35714285s ease-in-out infinite alternate}.playing-live .live-performer:nth-child(even){animation-delay:-.1785714s}
@keyframes crowd-sway{to{rotate:14deg}}@keyframes stage-bounce{to{translate:0 -4px}}
@media(max-width:600px){#live-cheer-preview{flex-basis:89px}.rhythm-modal #live-cheer-preview .live-cheer{right:0;bottom:4px;--cheer-scale:.48;width:89px;height:142px}.live-center-label{top:4px;font-size:7px;padding:3px 8px}}
@media(max-height:580px){#live-cheer-preview{flex-basis:94px}.rhythm-modal #live-cheer-preview .live-cheer{right:0;bottom:4px}}
@media(prefers-reduced-motion:reduce){.crowd-light,.playing-live .live-performer{animation:none}}

/* Keep the current recording in a dedicated upper-right label. */
.rhythm-title>div{min-width:0;flex:1}.rhythm-title>.live-song-title{align-self:flex-start;flex:0 1 34%;max-width:300px;min-width:100px;padding:6px 9px;border:1px solid #bfa6cd;border-radius:5px;background:#201d36;text-align:right;line-height:1.5}.live-song-title>b{display:block;font-size:13px;color:#fff0d3;overflow-wrap:anywhere}.live-song-title>span{display:block;font-size:9px;margin-top:4px;color:#d0bfd9}
@media(max-width:600px){.rhythm-title>.live-song-title{min-width:88px;max-width:40%;padding:4px 6px}.live-song-title>b{font-size:10px}.live-song-title>span{font-size:7px}}

.final-song-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px;padding:12px;border:1px solid #8e7ca8;border-radius:10px;color:#faf5ff;background:#211c32}.final-song-picker label{font-weight:bold}.final-song-picker select{max-width:100%;padding:8px 12px;border:1px solid #9e8db5;border-radius:6px;background:#fffaf0;color:#29243c;font:inherit}.final-song-picker small{width:100%;color:#dbd1e9}

/* The full-song picker adds content: every control must remain reachable on phones. */
.rhythm-modal{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.rhythm-modal>*{flex-shrink:0}
.rhythm-modal .final-live-skip{background:#eee8f5;color:#3c294b;border:2px solid #b9a0cb;font-weight:700;min-height:42px;margin:0}
@media(max-width:600px){.rhythm-modal{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:14px;gap:10px}.rhythm-modal .live-stage-shell{flex:0 0 190px;min-height:190px}.final-song-picker{padding:10px;margin:0}.final-song-picker label{font-size:13px}.final-song-picker select{font-size:14px}.final-song-picker small{font-size:10px}.live-start-controls{grid-template-columns:1fr}.live-start-controls>button{min-height:42px}.rhythm-modal .final-live-skip{position:sticky;top:0;z-index:6;box-shadow:0 2px 8px #19132866}}