.sv-lobby[hidden],.sv-join[hidden]{display:none!important}
.sv-lobby{width:min(900px,100%);display:flex;flex-direction:column;gap:28px}
.sv-lobby-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sv-lobby-head>div{display:grid;gap:8px}.sv-lobby-head small{font-size:9px;letter-spacing:.23em;color:#71809e}.sv-lobby-head h2{margin:0;font-size:30px;font-weight:560;letter-spacing:-.035em}.sv-lobby-head p{margin:0;color:#707d96;font-size:11px}
.sv-lobby-head>span{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(91,222,189,.14);border-radius:99px;color:#7fa39a;font-size:9px;white-space:nowrap}.sv-lobby-head>span i,.sv-room-card-state i{width:5px;height:5px;border-radius:50%;background:#5de2b5;box-shadow:0 0 9px #5de2b5}
.sv-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv-room-card{position:relative;min-height:150px;display:grid;grid-template-columns:58px 1fr auto;grid-template-rows:1fr auto;gap:12px 16px;align-items:center;padding:22px;border:1px solid rgba(145,175,226,.11);border-radius:20px;background:linear-gradient(145deg,rgba(18,25,47,.56),rgba(7,11,23,.74));color:#edf4ff;text-align:left;cursor:pointer;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}
.sv-room-card:before{content:"";position:absolute;inset:auto -45px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(76,189,220,.13),transparent 65%);pointer-events:none}.sv-room-card:hover{transform:translateY(-3px);border-color:rgba(111,220,236,.32);background:linear-gradient(145deg,rgba(22,34,61,.72),rgba(8,14,29,.88))}
.sv-room-card-icon{position:relative;grid-row:1/3;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(106,206,232,.24);border-radius:18px;background:rgba(35,96,119,.12)}.sv-room-card-icon i{position:absolute;width:25px;height:25px;border:1px solid rgba(123,227,242,.63);border-radius:50%;box-shadow:0 0 20px rgba(95,214,231,.14)}.sv-room-card-icon i:after{content:"";position:absolute;left:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#c3fbff;box-shadow:0 0 10px #7de5ef}.sv-room-card-icon b{position:absolute;right:5px;bottom:4px;color:#536782;font-size:7px;font-weight:600}
.sv-room-card-copy{display:grid;align-self:end;gap:5px;min-width:0}.sv-room-card-copy small{font-size:7px;letter-spacing:.15em;color:#63728d}.sv-room-card-copy strong{font-size:16px;font-weight:560}.sv-room-card-copy em{color:#6c7991;font-size:9px;font-style:normal}.sv-room-card-state{display:flex;align-items:center;gap:6px;align-self:start;color:#7e9e96;font-size:8px}.sv-room-card-arrow{grid-column:3;grid-row:2;color:#7185a6;font-size:18px;transition:transform .2s}.sv-room-card:hover .sv-room-card-arrow{transform:translateX(3px);color:#a4edf4}
.sv-room-card--violet .sv-room-card-icon{border-color:rgba(153,127,248,.25);background:rgba(102,69,189,.1)}.sv-room-card--violet .sv-room-card-icon i{border-color:rgba(172,146,255,.64)}.sv-room-card--blue .sv-room-card-icon{border-color:rgba(102,152,249,.25);background:rgba(47,86,169,.12)}.sv-room-card--blue .sv-room-card-icon i{border-color:rgba(116,171,255,.64)}.sv-room-card--green .sv-room-card-icon{border-color:rgba(93,211,173,.22);background:rgba(44,130,99,.1)}.sv-room-card--green .sv-room-card-icon i{border-color:rgba(104,224,184,.58)}
.sv-lobby footer{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(145,171,222,.07);color:#536179;font-size:8px}.sv-lobby footer b{font-weight:400;color:#48556d}
.sv-back-lobby{margin:-12px 0 20px;padding:0;border:0;background:transparent;color:#71819e;font:500 9px Inter;letter-spacing:.05em;cursor:pointer}.sv-back-lobby:hover{color:#b8eaf0}.sv-back-lobby span{margin-right:5px}
.sv-room-selection{height:62px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin:0 0 18px;padding:0 15px;border:1px solid rgba(108,205,226,.16);border-radius:13px;background:linear-gradient(90deg,rgba(29,82,105,.18),rgba(12,18,35,.45))}.sv-room-selection>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(65,151,178,.1)}.sv-room-selection>span i{width:11px;height:11px;border:1px solid #7fdde7;border-radius:50%;box-shadow:0 0 11px rgba(101,220,232,.4)}.sv-room-selection>div{display:grid;gap:3px}.sv-room-selection small{color:#66758f;font-size:8px}.sv-room-selection strong{font-size:12px;font-weight:550}.sv-room-selection>b{color:#60718d;font-size:8px;font-weight:500}
.sv-room-active{inset:3.5vh 3vw!important;grid-template-rows:78px 1fr auto!important}.sv-room-active .sv-stage{display:block!important}.sv-room-active .sv-intro{display:none!important}.sv-room-active .sv-console{height:100%;padding:24px 28px!important;align-items:stretch!important}.sv-room-active .sv-live{width:100%!important;height:100%!important;max-width:none!important;padding:26px 28px!important;grid-template-rows:auto minmax(180px,1fr) auto auto auto!important;border-radius:22px!important}.sv-room-active .sv-members{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:8px 2px 16px!important}.sv-room-active .sv-member{min-height:112px!important}.sv-room-active .sv-state{margin-bottom:18px}.sv-room-active .sv-state>div:first-child{display:none}.sv-live-room{display:grid!important;grid-template-columns:auto auto;column-gap:12px;align-items:center}.sv-live-room small{grid-column:1/3}.sv-live-room strong{font-size:22px;font-weight:560}.sv-live-room span{color:#63738e;font-size:9px}.sv-room-active .sv-device-label{margin-top:10px}.sv-room-active .sv-actions{max-width:560px;justify-self:end;width:100%}
@media(max-width:1100px){.sv-room-active .sv-members{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.sv-lobby{gap:20px}.sv-lobby-head{align-items:flex-start}.sv-lobby-head>span{display:none}.sv-room-grid{grid-template-columns:1fr}.sv-room-card{min-height:128px;padding:17px}.sv-lobby footer{display:none}.sv-room-active{inset:64px 12px 50px!important}.sv-room-active .sv-console{padding:12px!important}.sv-room-active .sv-live{padding:18px!important}.sv-room-active .sv-members{grid-template-columns:1fr!important}.sv-live-room strong{font-size:18px}}