/* RMC Live rooms — builds on styles.css + hub.css (black / brass). Scoped under body[data-page="live"]. */
body[data-page="live"] [hidden]{display:none!important}
body[data-page="live"]{--lv-gold:var(--hub-gold,#e9b653);--lv-line:#4a3b24;--lv-card:#1b1914;--lv-ink:#f4f0e7;--lv-muted:#bcbab5;--lv-red:#d0453a;--lv-green:#4fbf7a;--lv-bar:76px}
body[data-page="live"] .hub-main{max-width:1440px}
.lv-hero{padding:46px 0 26px;border-bottom:1px solid var(--lv-line);margin-bottom:28px}
.lv-hero h1{font-size:clamp(3rem,7vw,5.4rem)!important;margin:6px 0 10px!important}
.lv-hero p{color:var(--lv-muted);max-width:640px;margin:0}
.lv-account{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:18px;font-size:14px;color:#d8d2c6}
.lv-account a{color:var(--lv-gold)}

/* buttons: override hub.css global button rules */
body[data-page="live"] .lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #a27e43;background:transparent;color:var(--lv-gold)!important;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background-color .15s,border-color .15s;text-decoration:none;box-shadow:none;transform:none}
body[data-page="live"] .lv-btn:hover{background:#2a2216;transform:none;box-shadow:none}
body[data-page="live"] .lv-btn.gold{background:var(--lv-gold);color:#18110a!important;border-color:var(--lv-gold)}
body[data-page="live"] .lv-btn.gold:hover{background:#f3c96d}
body[data-page="live"] .lv-btn.danger{border-color:#8f3a33;color:#ffb1a8!important}
body[data-page="live"] .lv-btn.danger:hover{background:#3a1714}
body[data-page="live"] .lv-btn.small{min-height:34px;padding:0 10px;font-size:11px}
body[data-page="live"] .lv-btn:disabled{opacity:.45;cursor:not-allowed}
body[data-page="live"] .lv-btn svg{width:18px;height:18px;flex:none}
body[data-page="live"] :focus-visible{outline:2px solid var(--lv-gold);outline-offset:2px}

/* lobby */
.lv-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.lv-rooms{display:grid;gap:12px}
.lv-room{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:20px 22px;background:linear-gradient(140deg,#211f1a,#171511);border:1px solid #6e552e66}
.lv-room h3{margin:0!important;font-size:1.9rem!important}
.lv-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--lv-muted);letter-spacing:.04em}
.lv-tag{display:inline-block;border:1px solid #6e552e;color:#e2c27f;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lv-empty{padding:28px;border:1px dashed #6e552e88;color:var(--lv-muted)}
.lv-panel{padding:22px;background:var(--lv-card);border:1px solid #6e552e66}
.lv-panel h2{font-size:1.9rem!important;margin:0 0 14px!important}
.lv-form{display:grid;gap:14px}
.lv-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:14px!important}
.lv-check input{width:20px;height:20px;accent-color:var(--lv-gold);flex:none}
.lv-note{font-size:13px;color:var(--lv-muted);margin:0}
.lv-notice{margin:0 0 16px;padding:12px 16px;border:1px solid #6e552e;background:#1a1610;color:#e8d7b4;font-size:14px;line-height:1.5}
.lv-notice.error{border-color:#8f3a33;background:#231210;color:#ffc9c2}
.lv-notice:empty{display:none}
.lv-notice a{color:var(--lv-gold)}

/* room */
.lv-roomhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:24px 0 16px;border-bottom:1px solid var(--lv-line);margin-bottom:18px}
.lv-roomhead h1{font-size:clamp(2.4rem,5vw,4rem)!important;margin:4px 0 0!important}
.lv-back{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--lv-gold)!important;text-decoration:none}
.lv-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lv-muted)}
.lv-status i{width:9px;height:9px;border-radius:50%;background:#666}
.lv-status[data-state="connected"] i{background:var(--lv-green)}
.lv-status[data-state="connecting"] i,.lv-status[data-state="reconnecting"] i{background:var(--lv-gold);animation:lv-pulse 1s infinite}
.lv-status[data-state="disconnected"] i{background:var(--lv-red)}
@keyframes lv-pulse{50%{opacity:.3}}
.lv-headactions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lv-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.lv-stagebox{min-width:0}
.lv-section-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-muted);margin:0 0 10px}
.lv-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.lv-tile{position:relative;aspect-ratio:16/10;background:#141310;border:1px solid #2c2a26;overflow:hidden;display:grid;place-items:center;min-width:0}
.lv-tile.speaking{border-color:var(--lv-gold);box-shadow:0 0 0 2px var(--lv-gold) inset}
.lv-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.lv-tile.screen video{object-fit:contain}
.lv-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#2a2216;color:var(--lv-gold);font:900 26px 'Barlow Condensed',Impact,sans-serif;border:1px solid #6e552e}
.lv-tile .lv-label{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000;min-width:0}
.lv-label span.n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-label svg{width:16px;height:16px;flex:none}
.lv-label .muted{color:#ff8f84}
.lv-tile .lv-role{position:absolute;top:8px;left:8px}
.lv-audience{margin-top:18px;padding:14px 16px;border:1px solid #2c2a26;background:#13120f;font-size:14px;color:#d8d2c6}
.lv-audience b{color:var(--lv-gold)}
.lv-placeholder{padding:34px 24px;border:1px dashed #6e552e88;text-align:center;color:var(--lv-muted)}
.lv-placeholder p{margin:0 auto 16px;max-width:520px}
.lv-invite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--lv-gold);background:#221b10}

/* side panel */
.lv-side{background:var(--lv-card);border:1px solid #6e552e66;display:flex;flex-direction:column;min-height:420px;max-height:calc(100dvh - 210px);position:sticky;top:96px}
.lv-tabs{display:flex;border-bottom:1px solid var(--lv-line)}
body[data-page="live"] .lv-tabs button{flex:1;min-height:46px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--lv-muted)!important;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:0 8px;cursor:pointer;transform:none;box-shadow:none}
body[data-page="live"] .lv-tabs button[aria-selected="true"]{color:var(--lv-gold)!important;border-bottom-color:var(--lv-gold)}
.lv-tabpanel{flex:1;overflow:auto;padding:12px 14px;min-height:0}
.lv-tabpanel[hidden]{display:none}
.lv-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #24221e}
.lv-person .lv-avatar{width:34px;height:34px;font-size:15px}
.lv-person .n{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-person small{display:block;color:var(--lv-muted);font-size:12px}
.lv-menu{display:contents}
.lv-menu-list{grid-column:1/-1;background:#100f0c;border:1px solid #6e552e;display:grid;padding:4px;margin-top:4px}
body[data-page="live"] .lv-menu-list button{background:transparent;border:0;color:#efe8da!important;text-align:left;padding:10px 12px;font:600 13px Inter,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transform:none;box-shadow:none}
body[data-page="live"] .lv-menu-list button:hover{background:#2a2216}
body[data-page="live"] .lv-menu-list button.danger{color:#ffb1a8!important}
.lv-chat{display:flex;flex-direction:column;height:100%}
.lv-messages{flex:1;overflow:auto;display:grid;align-content:start;gap:10px;padding-bottom:8px}
.lv-msg{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.lv-msg b{color:var(--lv-gold);margin-right:6px}
.lv-msg.bot b{color:#d1cfca}
.lv-msg.system{color:#b6b2a9;font-size:13px}
.lv-msg.system .lv-mention{display:inline-block;background:#d4af3720;border-radius:4px;padding:1px 5px;color:var(--lv-gold)}
.lv-msg time{color:#77746d;font-size:11px;margin-left:6px}
body[data-page="live"] .lv-msg .del{background:none;border:0;color:#a8a39a!important;font-size:11px;padding:0 4px;cursor:pointer;text-decoration:underline;transform:none;box-shadow:none}
.lv-chatform{display:flex;gap:8px;border-top:1px solid var(--lv-line);padding-top:10px}
.lv-chatform input{flex:1;min-width:0;min-height:44px}

/* control bar */
.lv-controls{position:sticky;bottom:0;z-index:30;margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0d0c0af2;border-top:1px solid #ad833d66;backdrop-filter:blur(14px)}
body[data-page="live"] .lv-ctl{min-width:56px;min-height:52px;flex-direction:column;gap:4px;padding:6px 10px;font-size:10px;letter-spacing:.05em}
body[data-page="live"] .lv-ctl[aria-pressed="true"]{background:#2a2216;border-color:var(--lv-gold)}
body[data-page="live"] .lv-ctl.off{color:#ff9a90!important;border-color:#8f3a33}
body[data-page="live"] .lv-ctl.leave{background:#5a1e19;border-color:#a3433a;color:#ffd7d2!important}
body[data-page="live"] .lv-ctl[hidden]{display:none}
.lv-audiounlock{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40}
dialog.lv-dialog{background:#161511;color:var(--lv-ink);border:1px solid #6e552e;padding:22px;max-width:min(460px,calc(100vw - 32px));width:100%}
dialog.lv-dialog::backdrop{background:#000b}
dialog.lv-dialog h2{font-size:2rem!important;margin:0 0 14px!important}
.lv-dialog .lv-form{gap:12px}
.lv-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}
.lv-hidden-audio{position:absolute;width:0;height:0;overflow:hidden}

@media(max-width:980px){
  .lv-grid,.lv-layout{grid-template-columns:1fr}
  .lv-side{position:static;max-height:none;min-height:360px}
  .lv-tabpanel{max-height:60vh}
}
@media(max-width:560px){
  .lv-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .lv-avatar{width:48px;height:48px;font-size:20px}
  .lv-room{grid-template-columns:1fr}
  body[data-page="live"] .lv-ctl{min-width:52px;flex:1 1 0}
  .lv-controls{gap:6px}
}
@media(prefers-reduced-motion:reduce){.lv-status i{animation:none!important}}
body[data-page="live"] .hub-footer>div{display:flex;gap:8px 20px;flex-wrap:wrap}

body[data-page=live]{--lv-gold:var(--gold);--lv-line:var(--line);--lv-card:#1d1b17;--lv-ink:#f1f0ee;--lv-muted:#a7a39a}
body[data-page=live] .lv-hero{padding:8px 0 25px;margin-bottom:25px}.community-main .lv-hero h1{font-size:38px!important;font-weight:740;letter-spacing:-.04em;line-height:1.15;margin:12px 0 15px!important}.community-main .lv-hero p{font-size:13px;line-height:1.8}.lv-account{font-size:12px;margin-top:20px}.lv-grid{grid-template-columns:minmax(0,1fr) 315px;gap:22px}.lv-room,.lv-panel,.lv-side,.lv-placeholder,.lv-empty,.lv-invite{border:1px solid #474236;border-radius:14px}.lv-room{padding:23px;background:linear-gradient(140deg,#27241e,#1d1b16);gap:17px}.lv-room h3{font-size:23px!important;line-height:1.25!important;margin-bottom:12px!important}.lv-meta{font-size:10px;line-height:1.7;letter-spacing:0;gap:7px 12px}.lv-tag{border-radius:5px;border-color:#645d4d;background:#353229;color:#c8c5bf;font-size:8px;text-transform:none;letter-spacing:.02em;font-weight:650}.lv-panel{padding:23px}.lv-panel h2{font-size:21px!important}.lv-note{font-size:12px;line-height:1.8}.lv-form{gap:6px}.lv-check{font-size:12px!important;line-height:1.7!important;align-items:flex-start}.community-main .lv-check input{width:18px;height:18px;margin:2px 0}.lv-form label{font-size:11px}.lv-form input,.lv-form select{font-size:13px}.lv-form .lv-check{margin-bottom:10px}body[data-page=live] .lv-btn{border-radius:8px;min-height:43px;font-size:11px;font-weight:650;letter-spacing:0;text-transform:none;border-color:#65573b;padding:10px 15px}body[data-page=live] .lv-btn.gold{color:#1f1d18!important;background:#e7c16f;border-color:#e7c16f}body[data-page=live] .lv-btn.gold:hover{background:#f2d38e}.lv-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.lv-roomhead h1{font-size:32px!important;letter-spacing:-.04em}.lv-roomhead{padding-top:9px}.lv-tile{border-radius:12px;aspect-ratio:16/11;background:#22201b}.lv-tile.speaking{border-color:#62bf92;box-shadow:0 0 0 2px #62bf9250 inset}.lv-avatar{font:700 24px system-ui;background:#4a4539;border-color:#655e4d;color:#d6c18a}.lv-side{overflow:hidden;top:94px;min-height:400px}.lv-tabs button{font-weight:600!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important}.lv-person .n{font-size:12px}.lv-person small{font-size:10px}.lv-msg{font-size:12px;line-height:1.7}.lv-tabpanel{padding:15px}.lv-controls{border:1px solid #4e493c;border-radius:13px;bottom:14px;background:#211f19f5}body[data-page=live] .lv-ctl{font-size:10px;min-height:51px;border-color:#544f41}.lv-audience{border-radius:10px;background:#201e18;border-color:#484438}.lv-notice{border-radius:10px;font-size:12px;line-height:1.8;border-color:#57503b;background:#27241c}.lv-placeholder{padding:30px 23px;line-height:1.8}.lv-placeholder p{font-size:13px}.lv-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}dialog.lv-dialog{border-radius:16px;border-color:#595344;background:#211f19;padding:25px}dialog.lv-dialog h2{font-size:25px!important}.lv-menu-list{border-radius:8px;overflow:hidden}.live-smallprint{margin:22px 0 0;color:#918c80!important;font-size:11px!important;line-height:1.8}
@media(max-width:1100px){.lv-grid,.lv-layout{grid-template-columns:1fr}.lv-side{position:static;max-height:none}.lv-grid>.lv-panel{max-width:none}.lv-rooms{margin-bottom:4px}}
@media(max-width:800px){.community-main .lv-hero h1{font-size:32px!important}.lv-hero{padding-top:0!important}.lv-room{padding:20px}.lv-room h3{font-size:22px!important}.lv-meta{font-size:11px}.lv-roomhead h1{font-size:27px!important}.lv-controls{bottom:calc(65px + env(safe-area-inset-bottom));margin-bottom:20px;gap:6px;padding:10px}body[data-page=live] .lv-ctl{min-width:49px;min-height:51px;padding:7px;flex:1 1 52px}.lv-audiounlock{bottom:calc(160px + env(safe-area-inset-bottom));width:calc(100% - 60px);max-width:360px}.lv-form input,.lv-form select{font-size:16px}.lv-panel{padding:21px}.lv-form{gap:8px}.lv-note{font-size:12px}.lv-check{font-size:12px!important}.lv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lv-side{min-height:340px}.lv-placeholder{padding:28px 18px}.lv-placeholder p{font-size:12px}}

body[data-page=live]{--lv-gold:#edc84b;--lv-line:#373020;--lv-card:#12120f;--lv-ink:#f3f0e8;--lv-muted:#aaa697;--lv-green:#54d691}.lv-hero .tiny{color:#edc84b}.lv-room{background:linear-gradient(135deg,#1c190f,#11110f);border-color:#413720;box-shadow:0 8px 25px #0003}.lv-room:hover{border-color:#a78c3c}.lv-room h3{color:#f3d779}.lv-tag{border-color:#5c4b26;background:#272110;color:#d7bc70}.lv-panel,.lv-side{background:#12120f;border-color:#3a3323}.lv-roomhead{border-bottom:0;margin-bottom:12px;padding-bottom:8px}.lv-roomhead h1{color:#f1cc57}.lv-back{color:#b6a574!important;font-size:10px}.lv-layout{gap:22px;align-items:stretch}.lv-stage-shell{border:1px solid #383122;border-radius:18px;padding:22px;background:radial-gradient(ellipse at top right,#7b622317,transparent 70%),#11110f;min-width:0;display:flex;flex-direction:column;box-shadow:0 10px 35px #0004}.lv-stage-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#a8a28f;padding-bottom:18px}.lv-stage-meta strong{color:#e7cd82;font-size:13px;font-weight:600}.lv-stage-meta strong:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#57c48c;box-shadow:0 0 12px #57c48c40;margin-right:8px}.lv-stagebox{flex:1}.lv-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lv-tile{aspect-ratio:4/3;min-height:160px;background:linear-gradient(145deg,#1d1b15,#11110f);border:1px solid #3b3524;border-radius:13px;transition:border-color .12s,box-shadow .12s;isolation:isolate;overflow:visible}.lv-tile video{border-radius:12px;z-index:0}.lv-tile.screen{grid-column:1/-1;aspect-ratio:16/9}.lv-tile .lv-label{z-index:2;left:10px;right:10px;bottom:10px;border-radius:6px;background:#080808bf;padding:6px 7px;font-size:11px;text-shadow:none}.lv-tile .lv-avatar{width:70px;height:70px;background:radial-gradient(circle at 30% 20%,#4c4020,#262116);border:1px solid #716035;color:#efd67e;font-size:25px}.lv-role{z-index:2}.lv-tile.speaking{border-color:#63e5a0;box-shadow:0 0 0 2px #54d691b0,0 0 23px #54d69145,inset 0 0 20px #54d69113}.lv-tile.speaking .lv-avatar{border-color:#66e6a4;box-shadow:0 0 0 3px #54d69120}.lv-speaking-label{position:absolute;right:9px;top:9px;z-index:2;display:flex;align-items:center;gap:5px;border:1px solid #72e5ab66;border-radius:20px;background:#0b2418e8;color:#99f1bf;font-size:9px;font-weight:650;padding:4px 7px}.lv-speaking-label i{width:4px;height:4px;border-radius:50%;background:#75eead;box-shadow:0 0 7px #75eead80}.lv-empty-tile{border-style:dashed;border-color:#333025;background:#11110f;color:#6e6a5c;box-shadow:none;display:flex;flex-direction:column;gap:9px}.lv-empty-tile svg{width:28px;height:28px;opacity:.5}.lv-empty-tile span{font-size:10px}.lv-placeholder{padding:19px;border-color:#5b4c29;background:#1b180f;margin-bottom:16px}.lv-placeholder p{font-size:12px}.lv-section-label{font-size:9px;letter-spacing:.15em;color:#a99d7e;margin-bottom:13px}.lv-stage-shell .lv-controls{margin-top:22px;position:sticky;bottom:14px;background:#15140ef5;border:0;border-top:1px solid #3b3320;border-radius:0;padding:18px 0 0;gap:9px;box-shadow:none}.lv-ctl{border-radius:50%!important;min-width:51px;min-height:51px}.lv-ctl svg{width:20px;height:20px}body[data-page=live] .lv-ctl{background:#1b1912;border-color:#413820;color:#e2cc8c!important;font-size:9px}body[data-page=live] .lv-ctl.off{color:#e8aa9d!important;border-color:#714235;background:#211511}body[data-page=live] .lv-ctl.leave{color:#ffb4a7!important;background:#3a1712;border-color:#b34c3b}.lv-ctl[aria-pressed=true]{box-shadow:0 0 15px #e8bf3a1a}.lv-speaking-key{margin:15px 0 0!important;display:flex;align-items:center;gap:7px;font-size:10px!important;color:#8f9683!important}.lv-speaking-key i{width:6px;height:6px;border-radius:50%;background:#64dfa0;box-shadow:0 0 8px #64dfa040}.lv-avatar{background:#30291b;border-color:#5b4c2c;color:#e9c96b}.lv-person.is-speaking>.lv-avatar{border-color:#63e5a0;box-shadow:0 0 0 2px #54d69135}.lv-person.is-speaking .n{color:#88e6ae}.lv-side{top:94px;max-height:none}.lv-panel-heading{color:#d7ba62;font-size:10px!important;letter-spacing:.13em!important;font-weight:650!important;text-transform:uppercase;margin:0 0 14px}.lv-panel-wrap{display:contents}.lv-msg b{color:#e1c467}.lv-notice{border-color:#61512c;background:#201c11;color:#dccc9e}dialog.lv-dialog{background:#14130f;border-color:#65532b}.live-smallprint{color:#817b69!important}
@media(min-width:1180px){.lv-side.lv-split{border:0;background:transparent;position:static;display:flex;gap:18px;min-height:0}.lv-split .lv-panel-wrap{display:block;border:1px solid #393222;border-radius:16px;padding:20px;background:linear-gradient(135deg,#19170f,#11110f);min-height:0}.lv-split .lv-tabpanel{padding:0;max-height:none}.lv-split .lv-panel-wrap-people{max-height:250px;overflow:auto}.lv-split .lv-panel-wrap-chat{height:365px;display:flex;flex-direction:column}.lv-split .lv-panel-wrap-chat .lv-tabpanel{flex:1;min-height:0}.lv-split .lv-panel-wrap-queue{max-height:260px;overflow:auto}}
@media(min-width:1500px){.lv-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.lv-tile{aspect-ratio:4/5;min-height:230px}.lv-stage-shell{padding:24px}.lv-tile.screen{grid-column:span 2;aspect-ratio:16/10}}
@media(max-width:1179px){.lv-layout{grid-template-columns:1fr}.lv-side{position:static;min-height:300px}.lv-stage-shell{padding:20px}.lv-tile{aspect-ratio:16/10}.lv-tabs{border-color:#44381e}.lv-tabpanel{max-height:50vh}}
@media(max-width:800px){.lv-stage-shell{padding:16px;border-radius:15px}.lv-tile{aspect-ratio:1;min-height:125px}.lv-tile .lv-avatar{width:51px;height:51px;font-size:20px}.lv-tiles{gap:10px}.lv-tile .lv-label{font-size:10px;left:6px;right:6px;bottom:6px;padding:4px}.lv-role{font-size:7px;padding:2px 5px}.lv-speaking-label{font-size:8px;top:7px;right:7px;padding:3px 5px}.lv-stage-shell .lv-controls{bottom:calc(65px + env(safe-area-inset-bottom));padding:12px 0 0;gap:6px}.lv-stage-shell .lv-ctl{border-radius:12px!important;flex:1 1 44px;min-width:43px;min-height:49px;padding:6px;font-size:8px}.lv-stage-shell .lv-ctl.leave{flex:0 1 49px}.lv-roomhead h1{font-size:27px!important}.lv-speaking-key{font-size:9px!important}.lv-stage-meta{font-size:10px;padding-bottom:13px}.lv-side{min-height:320px}.lv-placeholder{padding:16px}.lv-placeholder p{font-size:11px}.lv-speaking-label{max-width:90px}}
@media(prefers-reduced-motion:reduce){.lv-tile,.lv-tile .lv-avatar{transition:none}}
.lv-empty-tile{align-items:center;justify-content:center}

.lv-share-status{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#172719;border:1px solid #477950;border-radius:10px;padding:13px 15px;margin-bottom:18px;color:#c4e9c7}.lv-share-status strong{font-size:12px}.lv-share-status p{font-size:11px!important;line-height:1.6;margin:5px 0 0!important;color:#adc3ad}.lv-share-status.video-only{background:#29220f;border-color:#7c6325;color:#ebd48d}.lv-share-status.video-only p{color:#bdb18b}.lv-share-badge{position:absolute;right:8px;top:39px;z-index:2;max-width:calc(100% - 16px);padding:4px 7px;font-size:8px;border:1px solid #74602f;background:#29220fe8;color:#ecd58b;border-radius:5px}.lv-tile.screen .lv-share-badge{top:8px}.lv-share-badge.video-only{background:#1e1b16e8;color:#b8ae91}.lv-beat-area{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;background:#211b0e;border:1px solid #6a5529;border-radius:10px;margin-top:18px}.lv-beat-area>div{min-width:0}.lv-beat-area strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#ead18a}.lv-beat-area span{display:block;font-size:10px;color:#b6a574;margin-top:4px}.lv-beat-dialog{max-width:min(500px,calc(100vw - 30px))!important}.lv-beat-dialog input[type=file]{font-size:12px;margin:18px 0;width:100%}.lv-beat-name{display:block;font-size:13px;overflow-wrap:anywhere;color:#e5ca7b;margin:5px 0 16px}.lv-beat-dialog progress{width:100%;height:6px;accent-color:#edc84b;display:block}.lv-beat-time{display:block;font-size:11px;color:#a69a7b;text-align:right;margin-top:6px}.lv-beat-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.lv-beat-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c7b989;margin:15px 0}.lv-beat-dialog input[type=range]{width:100%;padding:0;min-height:30px;accent-color:#edc84b}.lv-connection-data>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #403721;padding:13px 0;font-size:12px;color:#b5ad98}.lv-connection-data strong{color:#e4c568;white-space:nowrap}.lv-connection-data>p{font-size:11px!important;margin-top:18px;line-height:1.7}
@media(max-width:800px){.lv-share-status{align-items:flex-start;flex-wrap:wrap;padding:12px}.lv-share-status p{font-size:10px!important}.lv-beat-area{padding:12px}.lv-beat-area .lv-btn{padding:8px!important;font-size:9px!important;min-width:80px}.lv-stage-shell .lv-controls{gap:6px}.lv-stage-shell .lv-ctl{flex:1 1 20%;font-size:8px}.lv-stage-shell .lv-ctl.leave{flex:1 1 20%}.lv-beat-dialog input[type=file]{font-size:16px}.lv-share-badge{top:34px;font-size:7px}}
@media(max-width:800px){.lv-audiounlock{bottom:calc(210px + env(safe-area-inset-bottom))}}
.lv-beat-dialog label.lv-check{flex-direction:row;align-items:center}.lv-beat-dialog label.lv-check input{width:18px;height:18px;flex:none}

/* Room stage, shared DJ and full-height conversation. */
.lv-layout{grid-template-columns:minmax(0,1fr) 390px!important;align-items:start}.lv-stage-shell{min-width:0}.lv-side{min-width:0}.lv-side.lv-split{display:flex!important;flex-direction:column;gap:18px;position:sticky;top:90px;max-height:calc(100vh - 105px)}.lv-split .lv-panel-wrap-people{max-height:180px;overflow:auto;flex:0 0 auto}.lv-split .lv-panel-wrap-chat{min-height:0;flex:1;display:flex;flex-direction:column}.lv-split #panel-chat{min-height:0;flex:1;display:flex;flex-direction:column}.lv-chat{min-height:480px;display:flex!important;flex-direction:column;max-height:73vh}.lv-messages{flex:1!important;min-height:250px!important;max-height:none!important;padding:12px 5px!important;overflow:auto}.lv-msg{position:relative;display:flex!important;flex-direction:column;gap:7px;padding:15px 15px 12px!important;border-radius:12px;margin-bottom:10px!important;background:#222017;border:1px solid #393325;font-size:14px!important;line-height:1.65!important;overflow-wrap:anywhere;white-space:normal}.lv-msg.system{background:transparent;border:0;padding:6px 10px!important;font-size:11px!important;opacity:.8}.lv-msg>b{font-size:12px!important;color:#e2c66b}.lv-msg .lv-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.lv-msg time{font-size:9px!important;opacity:.65}.lv-msg a{color:#e8cb76;text-decoration:underline}.lv-msg .del{position:absolute;right:8px;top:7px;font-size:9px!important;min-height:30px!important}.lv-message-actions{display:flex;gap:10px}.lv-message-actions button{background:none;border:0;color:#a79b7d;font-size:10px;min-height:30px;padding:0 5px}.lv-chatform{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px!important;padding-top:12px;border-top:1px solid #4b4029}.lv-chatform textarea{width:100%!important;min-height:86px;max-height:160px;resize:vertical;font-size:16px!important;line-height:1.6}.lv-chatform .lv-chat-count{margin-right:auto;color:#a89b7a;font-size:10px}.lv-chat-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lv-chat-tools input{flex:1;min-width:120px;font-size:14px!important;min-height:42px}.lv-chat-tools button{font-size:10px!important}.lv-layout.chat-wide{grid-template-columns:minmax(280px,1fr) minmax(390px,1.15fr)!important}.lv-person{flex-wrap:wrap}.lv-person .lv-person-mix{flex:1 0 100%;display:flex;align-items:center;gap:10px;color:#b7ab8c;font-size:10px;padding-left:42px}.lv-person-mix input{min-width:0;width:100%;height:28px;accent-color:#d7b557}.lv-person-mix output{min-width:35px}.lv-tile{position:relative}.lv-fullscreen-btn{position:absolute;right:9px;top:9px;z-index:4;border:1px solid #bca66b66!important;background:#111d!important;color:#fff!important;border-radius:9px;min-height:38px;min-width:44px;font-size:11px}.lv-tile:fullscreen{background:#000;width:100%;height:100%;border:0;border-radius:0}.lv-tile:fullscreen video{object-fit:contain;width:100%;height:100%}.lv-tile:fullscreen .lv-label{bottom:18px}.lv-tile:fullscreen .lv-fullscreen-btn{right:20px;top:20px}
.rdj{margin:18px 0 0;border:1px solid #655431;border-radius:18px;background:linear-gradient(145deg,#252117,#111310);padding:22px;min-width:0}.rdj-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}.rdj-heading h2{font-size:22px!important;margin:0!important;color:#f0d578}.rdj-heading p{font-size:10px!important;margin:5px 0 0!important;color:#ae9e79}.rdj-bot-mark{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;border:1px solid #b79a4e;border-radius:14px;font-size:26px;color:#e0bd5c;background:#30291b;box-shadow:0 0 25px #d7b24b15}.rdj.is-playing .rdj-bot-mark{border-color:#46bd88;box-shadow:0 0 20px #45bd8828}.rdj-now{display:block;font-size:15px;color:#e8dec3;overflow-wrap:anywhere;margin:0 0 15px}.rdj-screen{position:relative;aspect-ratio:16/9;min-height:200px;max-width:100%;background:#080908;border-radius:12px;overflow:hidden;border:1px solid #3c3828}.rdj-screen video,.rdj-screen iframe{width:100%;height:100%;display:block;border:0;position:absolute;inset:0;object-fit:contain}.rdj-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8e815e}.rdj-placeholder>span{font-size:50px;color:#9a803d}.rdj-placeholder>p{font-size:11px}.rdj-audio-art{height:100%;display:grid;place-items:center;color:#c3a551;font-size:80px;background:radial-gradient(ellipse at center,#5a4924 0,#13150f 65%)}.rdj-screen audio{position:absolute;bottom:15px;left:5%;width:90%;height:44px}.rdj-progress{display:flex;align-items:center;gap:10px;margin:14px 0}.rdj-progress input{min-width:0;flex:1;accent-color:#e0be58;height:30px}.rdj-time{font:11px ui-monospace,monospace;color:#b9ab86;white-space:nowrap}.rdj-transport,.rdj-listening{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.rdj .lv-btn{min-height:44px}.rdj-volume{display:flex;align-items:center;gap:9px;font-size:10px;color:#c4b690;flex:1;min-width:160px}.rdj-volume input{min-width:60px;width:100%;accent-color:#d5b45b;height:30px}.rdj-info,.rdj-status{font-size:11px!important;color:#b4a786;line-height:1.7!important}.rdj-status{color:#e3c46e;min-height:18px;margin:8px 0}.rdj>h3{font-size:13px!important;color:#d7bd74;margin:22px 0 12px!important}.rdj-queue{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.rdj-queue li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #3d3524;padding:12px 0;font-size:12px;color:#d6c9a9}.rdj-queue li>span{flex:1;min-width:0;overflow-wrap:anywhere}.rdj-queue li>b{font-size:10px;color:#a48e51}.rdj-queue li>small{color:#94896f;font-size:9px;max-width:90px}.rdj-queue .rdj-empty{color:#948970;font-size:11px}.rdj-host{border-top:1px solid #50432a;margin-top:16px;padding-top:18px}.rdj-link-form,.rdj-library-select{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.rdj input:not([type=range]):not([type=checkbox]),.rdj select{width:100%;min-width:0;font-size:16px!important;min-height:44px;background:#15150f;border:1px solid #50462d;color:#e2d5b3;border-radius:9px;padding:11px}.rdj-link-form>input{flex:1 1 220px}.rdj-library-select>select{flex:1;min-width:170px}.rdj details{font-size:11px;margin-top:17px;border-top:1px solid #443a27;padding-top:10px}.rdj summary{min-height:44px;cursor:pointer;color:#c7b173;display:list-item}.rdj-upload form{display:flex;flex-direction:column;gap:12px}.rdj-upload label{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#c9b992}.rdj-upload input[type=checkbox]{flex:0 0 18px;accent-color:#d8b752}.rdj-library-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #3f3625}.rdj-library-row>span{overflow-wrap:anywhere;min-width:0}.rdj-screen:fullscreen{border-radius:0;aspect-ratio:auto;width:100%;height:100%;background:#000;max-width:none}.rdj-screen:fullscreen video,.rdj-screen:fullscreen iframe{object-fit:contain}.rdj-screen:fullscreen audio{bottom:35px}
@media(max-width:1179px){.lv-layout,.lv-layout.chat-wide{grid-template-columns:minmax(0,1fr)!important}.lv-side{width:100%}.lv-chat{min-height:480px;max-height:75vh}.lv-messages{min-height:320px!important}.lv-side .lv-tabs button{min-height:48px}.lv-stage-shell{max-width:100%}}@media(max-width:600px){.rdj{padding:16px}.rdj-heading h2{font-size:19px!important}.rdj-screen{min-height:175px}.rdj-listening{gap:10px}.rdj-volume{flex-basis:100%;margin-top:4px}.rdj-queue li{flex-wrap:wrap}.rdj-queue li>span{flex-basis:65%}.rdj-link-form,.rdj-library-select{flex-direction:column}.lv-chat{max-height:75vh;min-height:470px}.lv-messages{min-height:260px!important}.lv-msg{font-size:14px!important}.lv-chat-tools .lv-expand-chat{display:none}.lv-layout{gap:18px!important}}

.rdj-fullscreen-bar{display:none}.rdj-screen:fullscreen .rdj-fullscreen-bar{display:flex;position:absolute;bottom:0;left:0;right:0;height:48px;align-items:center;justify-content:center;background:#15150f}.rdj-screen:fullscreen iframe,.rdj-screen:fullscreen video{height:calc(100% - 48px)}

.lv-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.lv-tile{min-width:0!important;width:100%!important;min-height:160px}.lv-tile.screen{grid-column:1/-1!important;aspect-ratio:16/9;min-width:0!important;min-height:180px}.rdj:not(.is-enabled) .rdj-screen,.rdj:not(.has-current) .rdj-screen{display:none}.rdj-mini{position:fixed;bottom:16px;left:260px;right:430px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#211f13f5;border:1px solid #b99a48;border-radius:15px;box-shadow:0 8px 35px #0009;backdrop-filter:blur(15px)}.rdj-mini[hidden]{display:none}.rdj-mini-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4cc86;font-size:12px}.rdj-mini-icon{color:#e5c86e;font-size:25px}.rdj-mini button{font-size:11px!important;min-height:44px;white-space:nowrap}.rdj-screen.rdj-theater,.lv-tile.lv-theater{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;margin:0!important;background:#000!important}.lv-theater video{width:100%!important;height:100%!important;object-fit:contain!important}.rdj-screen.rdj-theater .rdj-fullscreen-bar{display:flex;position:absolute;bottom:0;left:0;right:0;height:48px;align-items:center;justify-content:center;background:#15150f}.rdj-screen.rdj-theater video,.rdj-screen.rdj-theater iframe{height:calc(100% - 48px)}.lv-theater .lv-fullscreen-btn{right:20px;top:20px}.lv-stage-shell:has(.lv-theater){overflow:visible!important}@media(max-width:1179px){.rdj-mini{left:16px;right:16px;bottom:75px}}@media(max-width:600px){.lv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lv-tile{min-height:130px}.rdj-mini{gap:6px;padding:8px 10px;left:8px;right:8px}.rdj-mini-title{font-size:10px}.rdj-mini button{padding:8px!important;font-size:9px!important}.rdj-mini-icon{font-size:20px}}

.lv-side.lv-split{position:static!important;max-height:none!important;overflow:visible!important}.lv-person .n{white-space:normal!important;overflow-wrap:anywhere}.rdj-screen{min-height:200px!important}