[data-stage-multi-renderer]{position:absolute;inset:0;z-index:4;pointer-events:none;padding:clamp(8px,1.2vw,18px);background:#07090f;overflow:hidden;opacity:0;transform:scale(.995);transition:opacity .22s ease,transform .22s ease}[data-stage-multi-renderer].is-active{opacity:1;transform:none}[data-stage-multi-renderer].is-leaving{opacity:0}.minimal-live-stage.has-stage-grid>[data-live-track="video"]{visibility:hidden}.mlc-stage-grid{height:100%;display:grid;gap:clamp(6px,1vw,12px);grid-auto-flow:dense}.mlc-stage-tile{position:relative;min-width:0;min-height:0;border-radius:clamp(12px,2vw,22px);overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(105,72,190,.38),rgba(14,17,28,.96) 58%);box-shadow:0 10px 36px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .24s ease,opacity .24s ease,box-shadow .2s ease}.mlc-stage-tile.is-entering{opacity:0;transform:scale(.92) translateY(12px)}.mlc-stage-tile.is-exiting{opacity:0;transform:scale(.92)}.mlc-stage-tile.is-active-speaker{box-shadow:0 0 0 3px rgba(167,139,250,.96),0 0 24px rgba(139,92,246,.62),0 0 52px rgba(99,102,241,.34),0 12px 38px rgba(0,0,0,.35);animation:mlcStageSpeakerPulse 1.35s ease-in-out infinite}@keyframes mlcStageSpeakerPulse{0%,100%{box-shadow:0 0 0 3px rgba(167,139,250,.88),0 0 20px rgba(139,92,246,.48),0 0 40px rgba(99,102,241,.22),0 12px 38px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 5px rgba(196,181,253,1),0 0 34px rgba(139,92,246,.78),0 0 68px rgba(99,102,241,.42),0 12px 38px rgba(0,0,0,.35)}}.mlc-stage-tile-media{position:absolute;inset:0 0 42px;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(145deg,rgba(43,31,75,.78),rgba(8,11,19,.94)),var(--live-artwork);background-size:cover;background-position:center}.mlc-stage-tile--host .mlc-stage-tile-media{background-image:linear-gradient(rgba(8,11,19,.26),rgba(8,11,19,.62)),var(--live-artwork);background-size:cover;background-position:center}.mlc-stage-tile video{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#000}.mlc-stage-tile footer{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#fff;background:linear-gradient(90deg,rgba(4,6,11,.92),rgba(11,14,23,.76));font-size:12px}.mlc-stage-tile footer strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mlc-stage-camera-state{margin-left:auto;color:#d7d9e2;font-size:10px;white-space:nowrap}.mlc-stage-speaker-dot{width:8px;height:8px;border-radius:50%;background:#667085;box-shadow:0 0 0 0 rgba(139,92,246,0)}.is-active-speaker .mlc-stage-speaker-dot{background:#a78bfa;box-shadow:0 0 0 5px rgba(167,139,250,.16)}.mlc-stage-tile-art{display:grid;place-items:center;gap:8px}.mlc-stage-avatar{width:clamp(62px,10vw,112px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background-color:rgba(255,255,255,.12);background-size:cover;background-position:center;color:#fff;font-size:clamp(26px,5vw,48px);font-weight:800;border:3px solid rgba(255,255,255,.2);box-shadow:0 12px 36px rgba(0,0,0,.32)}.mlc-stage-tile.has-video .mlc-stage-tile-art{display:none}.mlc-stage-anon{color:#d8c8ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.is-count-1 .mlc-stage-grid{grid-template-columns:1fr}.is-count-2 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-count-3 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-3 .mlc-stage-tile:first-child{grid-row:1 / span 2}.is-count-4 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-5 .mlc-stage-grid,.is-count-6 .mlc-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-7 .mlc-stage-grid,.is-count-8 .mlc-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-overflow .mlc-stage-grid{grid-template-columns:repeat(4,minmax(140px,1fr));grid-auto-rows:minmax(140px,1fr);overflow:auto}.minimal-live-player.is-mode-listen [data-stage-multi-renderer] .mlc-stage-tile-media,.minimal-live-player[data-has-video="0"] [data-stage-multi-renderer] .mlc-stage-tile-media{background-image:linear-gradient(145deg,rgba(43,31,75,.78),rgba(8,11,19,.94)),var(--live-artwork);background-size:cover;background-position:center}.minimal-live-player.is-mode-listen [data-stage-multi-renderer] video,.minimal-live-player[data-has-video="0"] [data-stage-multi-renderer] video{display:none!important}
@media(max-width:720px){[data-stage-multi-renderer]{padding:6px}.mlc-stage-grid{gap:6px}.mlc-stage-tile{border-radius:12px}.mlc-stage-tile-media{inset:0 0 36px}.mlc-stage-tile footer{height:36px;padding:0 8px;font-size:10px}.mlc-stage-camera-state{font-size:9px}.is-count-2 .mlc-stage-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-3 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.is-count-3 .mlc-stage-tile:first-child{grid-column:1 / -1;grid-row:auto}.is-count-5 .mlc-stage-grid,.is-count-6 .mlc-stage-grid,.is-count-7 .mlc-stage-grid,.is-count-8 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.is-count-overflow .mlc-stage-grid{grid-template-columns:repeat(2,minmax(120px,1fr));grid-auto-rows:minmax(120px,1fr)}}
@media(prefers-reduced-motion:reduce){[data-stage-multi-renderer],.mlc-stage-tile{transition:none!important;animation:none!important}.mlc-stage-tile.is-entering,.mlc-stage-tile.is-exiting{transform:none}}

/* Phase 6 stabilization — never reparent the protected broadcaster video. */
.minimal-live-stage.has-stage-grid > video[data-live-track="video"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.mlc-stage-host-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}
.minimal-live-stage.has-stage-grid > .minimal-live-caption-overlay{z-index:80!important}

/* Phase 6 integration guard: Stage visuals never cover the protected caption overlay. */
.minimal-live-stage > [data-live-caption-overlay]{position:absolute!important;z-index:120!important;pointer-events:none!important}


/* Phase 6 composition parity — base layout follows the actual Stage surface, not viewport width. */
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-2 .mlc-stage-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
[data-stage-multi-renderer][data-stage-layout="wide"].is-count-2 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-3 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-3 .mlc-stage-tile:first-child{grid-column:1/-1;grid-row:auto}
[data-stage-multi-renderer][data-stage-layout="wide"].is-count-3 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
[data-stage-multi-renderer][data-stage-layout="wide"].is-count-3 .mlc-stage-tile:first-child{grid-column:auto;grid-row:1/span 2}
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-5 .mlc-stage-grid,
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-6 .mlc-stage-grid,
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-7 .mlc-stage-grid,
[data-stage-multi-renderer][data-stage-layout="stacked"].is-count-8 .mlc-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}

/* Listen/audio-only viewers keep the Stage boxes; only camera video is suppressed. */
.minimal-live-player.is-mode-listen .minimal-live-stage.has-stage-grid [data-stage-multi-renderer],.minimal-live-player.is-broadcaster-audio-only .minimal-live-stage.has-stage-grid [data-stage-multi-renderer]{z-index:10}
.minimal-live-player.is-mode-listen .minimal-live-stage.has-stage-grid .minimal-live-listen-overlay,.minimal-live-player.is-broadcaster-audio-only .minimal-live-stage.has-stage-grid .minimal-live-listen-overlay{z-index:8}

.mlc-stage-tile.is-stage-focus{outline:3px solid rgba(250,204,21,.94);outline-offset:-3px;z-index:3}.mlc-stage-tile.is-stage-focus footer{background:linear-gradient(180deg,transparent,rgba(15,23,42,.96))}
