/* Screenshot-inspired presentation, layered over the current media workspace. */
.lv-active-session .lv-roomhead h1{font-size:32px!important;letter-spacing:-.04em}
.lv-active-session .lv-stage-shell{padding:22px;border-radius:18px;background:radial-gradient(ellipse at top right,#7b622317,transparent 70%),#11110f;border:1px solid #403621}
.lv-active-session .lv-stage-meta{padding-bottom:16px}
.lv-active-session .lv-stage-meta strong{font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.lv-active-session .lv-tile{border-radius:13px;background:linear-gradient(155deg,#30291a,#15140f 65%);border-color:#4e432b}
.lv-active-session .lv-tile.lv-empty-tile{background:#11110f;border-color:#393224;border-style:dashed}
.lv-active-session .lv-tile .lv-avatar{width:clamp(62.4px,7.2vw,110.4px);height:clamp(62.4px,7.2vw,110.4px);font-size:28px;border:2px solid #b89c53;box-shadow:0 0 0 6px #cda94e0b;background:radial-gradient(circle at 35% 25%,#594520,#261f12)}
.lv-active-session .lv-tile .lv-label{font-size:11px;left:9px;right:9px;bottom:9px;padding:7px;border-radius:7px;background:#080808bd}
.lv-active-session .lv-role{font-size:9px;top:9px;left:9px}
.lv-active-session .lv-tile.speaking{border-color:#63e5a0;box-shadow:0 0 0 2px #54d691b0,0 0 18px #54d69135}
.lv-active-session .lv-controls{gap:9px;padding-top:15px;margin-top:15px;flex-wrap:wrap;justify-content:center;overflow:visible}
.lv-active-session .lv-ctl{border-radius:50%!important;flex:0 0 55px;min-width:55px!important;min-height:55px!important;width:55px;height:55px;padding:6px 2px!important;font-size:8px!important;gap:3px!important}
.lv-active-session .lv-ctl svg{width:19px;height:19px}
.lv-active-session .rdj{border-color:#4b3e25;background:#1b180f;border-radius:12px}
.lv-active-session .rdj-heading h2{font-size:13px!important}
@media(min-width:1180px){
 .lv-active-session .lv-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:22px;height:calc(100dvh - 205px);min-height:500px;max-height:1000px}
 .lv-active-session .lv-side.lv-split{background:transparent;border:0;gap:16px;overflow:hidden!important}
 .lv-active-session .lv-split .lv-tabs{display:none!important}
 .lv-active-session .lv-split .lv-panel-wrap{display:flex;flex-direction:column;border:1px solid #403621;border-radius:17px;padding:17px 18px;background:linear-gradient(135deg,#19170f,#11110f);min-height:0;overflow:hidden}
 .lv-active-session .lv-split .lv-panel-wrap-people{flex:0 1 145px;max-height:26%}
 .lv-active-session .lv-split .lv-panel-wrap-chat{flex:1;min-height:230px}
 .lv-active-session .lv-split .lv-panel-wrap-queue{flex:0 1 150px;max-height:25%}
 .lv-active-session .lv-split .lv-panel-heading{display:block;margin:0 0 12px;color:#ddbf64;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase}
 .lv-active-session .lv-split .lv-tabpanel{padding:0;flex:1;min-height:0}
 .lv-active-session .lv-split #panel-chat{display:flex!important;flex-direction:column}
 .lv-active-session .lv-split #panel-people{overflow:auto}
 .lv-active-session .lv-tiles{gap:9px!important}
 .lv-active-session .lv-tiles:has(>.lv-tile:nth-child(4):last-child){max-height:330px}
 .lv-active-session .many-tiles .lv-avatar{width:42px;height:42px;font-size:15px}
 .lv-active-session .many-tiles .lv-label{font-size:8px;padding:4px;left:4px;right:4px;bottom:4px}
 .lv-active-session .lv-layout:fullscreen,.lv-active-session .lv-layout.lv-room-theater{height:100dvh;min-height:0;max-height:none}
}
@media(min-width:901px)and(max-width:1179px){.lv-active-session .lv-stage-shell{padding:16px}.lv-active-session .lv-ctl{flex-basis:49px;min-width:49px!important;width:49px;height:49px;min-height:49px!important}.lv-active-session .lv-controls{gap:6px}}
@media(max-width:900px){.lv-active-session .lv-stage-shell{padding:13px}.lv-active-session .lv-roomhead h1{font-size:27px!important}.lv-active-session .lv-ctl{border-radius:12px!important;flex:1 0 40px;min-width:40px!important;min-height:44px!important;width:auto;height:44px}.lv-active-session .lv-controls{gap:5px;flex-wrap:nowrap;overflow-x:auto;padding-top:9px;margin-top:10px;justify-content:flex-start}.lv-active-session .lv-tile .lv-avatar{width:54px;height:54px;font-size:20px}.lv-active-session .lv-tile .lv-label{font-size:9px;left:5px;right:5px;bottom:5px;padding:5px}.lv-active-session .lv-role{font-size:8px;top:6px;left:6px}.lv-active-session .lv-stage-meta strong{font-size:10px;letter-spacing:.06em}}

/* Four default places remain visible before joining and in a small room. */
.lv-active-session .lv-place-button{appearance:none;position:relative;padding:12px;font:inherit;text-align:center;color:#b9ad88;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}
.lv-active-session .lv-place-button svg{width:30px;height:30px;flex-shrink:0;stroke:currentColor}
.lv-active-session .lv-place-button>span{font-size:12px;color:#d6c18b}
.lv-active-session .lv-place-button>small{font-size:10px;color:#aaa18b}
.lv-active-session .lv-place-button:not(:disabled):hover{background:#272113;border-color:#c5a957;color:#ecd585}
.lv-active-session .lv-place-button:focus-visible{outline:3px solid #e4c15b;outline-offset:-4px;border-color:#e4c15b}
.lv-active-session .lv-place-button:disabled{cursor:default;opacity:.55}
.lv-active-session .lv-join-help{flex:0 0 auto;text-align:center;padding:12px 8px 0;line-height:1.6}
.lv-active-session .lv-join-help>p,.lv-active-session .lv-open-note{color:#b5ab92;font-size:11px;line-height:1.5;margin:0 0 10px}
.lv-active-session .lv-join-help>.lv-btn{min-height:34px;padding:7px 13px;margin:0 3px;font-size:10px}
.lv-active-session .lv-open-note{margin:8px 0 0;flex-shrink:0}
@media(max-width:900px){.lv-active-session .lv-join-help{padding-top:8px}.lv-active-session .lv-join-help>p{font-size:10px;margin-bottom:7px}.lv-active-session .lv-join-help>.lv-btn{min-height:32px;font-size:9px}.lv-active-session .lv-place-button{gap:6px;padding:8px}.lv-active-session .lv-place-button>span{font-size:11px}.lv-active-session .lv-place-button>small{font-size:9px}}

/* Keep the default four places square, while large galleries and shared media use their existing layout. */
.lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:has(>.lv-tile:nth-child(4):last-child){flex:0 0 auto;grid-template-rows:auto!important;max-height:none;align-items:start}
.lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:has(>.lv-tile:nth-child(4):last-child)>.lv-tile{aspect-ratio:1!important;height:auto;min-height:0!important}
.lv-active-session .lv-room-workspace:not(.media-view) .lv-stagebox:has(>.lv-tiles>.lv-tile:nth-child(4):last-child){justify-content:center}
.lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:has(>.lv-tile:nth-child(4):last-child)>.lv-tile:has(.lv-avatar){padding-bottom:38px}