/* RMC room identities: native SVG artwork, real public profile media and measured levels. */
.lv-art-lounge{--lv-room-art:url('/assets/visual-room-lounge.svg')}.lv-art-stage{--lv-room-art:url('/assets/visual-room-stage.svg')}
.lv-room.lv-room-art{position:relative;overflow:hidden;min-height:158px;padding:24px;border-radius:18px;background-image:linear-gradient(90deg,#14150ff5 0%,#14150fdc 45%,#14150f75),var(--lv-room-art);background-size:cover;background-position:center;border:1px solid #8f79494d;box-shadow:0 8px 32px #0002}
.lv-room.lv-room-art h3{font-size:clamp(23px,3vw,32px)!important;letter-spacing:-.035em;margin-bottom:10px!important}.lv-room.lv-room-art .lv-meta{max-width:440px;line-height:1.7}.lv-room.lv-room-art>.lv-btn{position:relative;z-index:1;border-radius:10px;white-space:nowrap}
.lv-active-session .lv-roomhead.lv-room-art{background:none;border-bottom:0;border-radius:0;padding:0;margin:0 0 12px}
.lv-active-session .lv-stage-shell.lv-room-art{background:radial-gradient(ellipse at top right,#7b62230c,transparent 70%),#11110f;border-color:#403621;box-shadow:none}
.lv-active-session .lv-tile{isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#30291a,#15140f 65%);border-color:#4e432b;border-radius:13px}.lv-active-session .lv-tile.lv-has-banner{background:#1b1913}.lv-active-session .lv-tile.lv-has-banner:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(0deg,#0c0b09b3,#0c0b0933),var(--lv-profile-banner);background-size:cover;background-position:center;opacity:.38;filter:saturate(.65)}
.lv-avatar{position:relative;overflow:hidden;flex-shrink:0}.lv-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.lv-avatar-initials{display:grid;place-items:center;width:100%;height:100%}.lv-active-session .lv-tile .lv-avatar{z-index:1;border:2px solid #cdb77b;box-shadow:0 3px 14px #0003;background:#2b261b}.lv-active-session .lv-label{z-index:3}.lv-profile-link{color:inherit;text-decoration:none}.lv-profile-link:hover{text-decoration:underline;text-underline-offset:3px}.lv-profile-link:focus-visible{outline:2px solid #ead17a;outline-offset:2px;border-radius:3px}
.lv-active-session .lv-label .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lv-active-session .lv-mic-state,.lv-active-session .lv-profile-role{position:absolute;z-index:2;padding:4px 6px;border-radius:5px;font-size:8px;letter-spacing:.03em;line-height:1.15;background:#10110ecf;border:1px solid #fff1;color:#d3cdbd}.lv-active-session .lv-mic-state{right:9px;top:9px}.lv-active-session .lv-profile-role{left:9px;bottom:44px;color:#e8d398;border-color:#b99a414d}.lv-active-session .lv-speaking-label{z-index:2}.lv-active-session .lv-role{z-index:2}
.lv-level-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:0 0 18px;min-width:18px;vertical-align:middle}.lv-level-bars>i{display:block;flex:0 0 3px;border-radius:2px;background:#787b6f55;height:4px}.lv-level-bars>i:nth-child(2){height:7px}.lv-level-bars>i:nth-child(3){height:10px}.lv-level-bars>i:nth-child(4){height:14px}.lv-level-bars[data-level='1']>i:first-child,.lv-level-bars[data-level='2']>i:nth-child(-n+2),.lv-level-bars[data-level='3']>i:nth-child(-n+3),.lv-level-bars[data-level='4']>i{background:#63dfa2;box-shadow:0 0 5px #63dfa225}
.lv-person{position:relative}.lv-person>.lv-level-bars{position:absolute;right:8px;top:9px}.lv-person-copy{min-width:0;padding-right:18px}.lv-person-copy>.n{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-person-copy>small{display:block;margin-top:3px}.lv-person .lv-avatar{border:1px solid #c6a55744;border-radius:50%}.lv-active-session .lv-person.is-speaking .lv-avatar{box-shadow:0 0 0 2px #63dfa285}
.lv-active-session .lv-label .platform-quick-profile{flex:0 0 16px!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;border-radius:50%;font-size:10px!important}.lv-person-copy{display:grid;grid-template-columns:minmax(0,1fr) 18px;column-gap:3px;align-items:center}.lv-person-copy>.n{grid-column:1;grid-row:1}.lv-person-copy>.platform-quick-profile{grid-column:2;grid-row:1;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;font-size:10px!important}.lv-person-copy>small{grid-column:1/-1}
.lv-active-session .lv-place-button{border-color:#393224;background:#11110f}.lv-active-session .lv-place-button:not(:disabled):hover{background:#1c1912;border-color:#c5a957}.lv-active-session .lv-controls .lv-ctl{transition:background-color .15s,border-color .15s,box-shadow .15s}.lv-active-session .lv-controls .lv-ctl:hover{box-shadow:0 0 0 3px #d9b34c0d}.lv-active-session .lv-controls .lv-ctl.danger:hover{box-shadow:0 0 0 3px #e3654c0d}.lv-active-session .lv-joining .lv-place-button{border-style:solid}
.lv-loading{padding:20px 0;color:#c4b589;min-height:310px}.lv-loading>span{display:block;margin-bottom:18px;font-size:13px}.lv-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lv-skeleton-grid>i{display:block;aspect-ratio:1;border-radius:14px;background:linear-gradient(110deg,#171a13 8%,#24281c 18%,#171a13 33%);background-size:220% 100%;border:1px solid #a58c4033;animation:lv-skeleton-slide 1.8s linear infinite}.lv-skeleton-grid>i:nth-child(2){animation-delay:.15s}.lv-skeleton-grid>i:nth-child(3){animation-delay:.3s}.lv-skeleton-grid>i:nth-child(4){animation-delay:.45s}@keyframes lv-skeleton-slide{to{background-position-x:-220%}}
@media(max-width:900px){.lv-room.lv-room-art{min-height:166px;padding:20px;background-position:65% center}.lv-room.lv-room-art h3{font-size:25px!important}.lv-active-session .lv-roomhead.lv-room-art{background-position:64% 45%;margin-left:0;margin-right:0}.lv-active-session .lv-mic-state{font-size:7px;right:6px;top:6px;padding:3px 4px}.lv-active-session .lv-profile-role{font-size:7px;left:6px;bottom:36px}.lv-level-bars{height:12px;gap:1px;min-width:13px;flex-basis:13px}.lv-level-bars>i{flex-basis:2px}.lv-level-bars>i:nth-child(4){height:12px}.lv-active-session .lv-label .lv-level-bars{margin-left:auto}.lv-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.lv-room.lv-room-art{grid-template-columns:minmax(0,1fr);gap:14px}.lv-room.lv-room-art>.lv-btn{justify-self:start;min-height:38px}.lv-active-session .many-tiles .lv-mic-state,.lv-active-session .many-tiles .lv-profile-role{display:none}.lv-active-session .media-view .lv-tile .lv-level-bars,.lv-active-session .media-view .lv-mic-state,.lv-active-session .media-view .lv-profile-role{display:none}}
.lv-active-session .many-tiles .lv-label .platform-quick-profile,.lv-active-session .media-view .lv-label .platform-quick-profile{display:none}
@media(prefers-reduced-motion:reduce){.lv-skeleton-grid>i{animation:none}.lv-active-session .lv-controls .lv-ctl{transition:none}}

/* Restore the original quiet four-card frame. Do not change the gallery or media logic. */
.lv-active-session .lv-tiles>.lv-tile{margin:0!important;box-sizing:border-box}
.lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:not(.many-tiles){gap:10px!important}
.lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:not(.many-tiles)>.lv-tile .lv-label{left:8px;right:8px;bottom:8px;min-height:30px;box-sizing:border-box;padding:6px 7px;gap:5px;font-size:11px;line-height:1.3;border-radius:7px;background:#090909dc;border:1px solid #ffffff08}
.lv-active-session .lv-label>.muted{display:inline-flex;align-items:center;line-height:1;flex:0 0 auto}
.lv-active-session .lv-tile:has(>video) .lv-mic-state,.lv-active-session .lv-tile:has(>video) .lv-speaking-label{top:42px}
.lv-active-session .lv-tile:is(:fullscreen,.lv-theater) .lv-mic-state,.lv-active-session .lv-tile:is(:fullscreen,.lv-theater) .lv-speaking-label{top:66px;right:20px}
.lv-active-session .lv-tile.speaking{border-color:#63e5a0;box-shadow:0 0 0 2px #54d69199,0 0 16px #54d69126}
.lv-active-session .lv-tile.speaking .lv-avatar{border-color:#66e6a4;box-shadow:0 0 0 3px #54d69120}
@media(max-width:900px){
 .lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:not(.many-tiles){gap:8px!important}
 .lv-active-session .lv-room-workspace:not(.media-view) .lv-tiles:not(.many-tiles)>.lv-tile .lv-label{left:5px;right:5px;bottom:5px;min-height:25px;padding:4px 5px;gap:4px;font-size:9px;border-radius:6px}
 .lv-active-session .lv-tile:has(>video) .lv-mic-state,.lv-active-session .lv-tile:has(>video) .lv-speaking-label{top:34px}
}
