.rooms-dialog{width:min(700px,calc(100% - 24px));max-height:90dvh;overflow:auto;border-top:4px solid var(--cyan);border-radius:6px}.rooms-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.rooms-head h2{font:800 36px 'Barlow Condensed',sans-serif;margin:0}.rooms-dialog p{font-size:13px;line-height:1.5}.rooms-dialog label{display:block;color:#c6cbd6;font-size:11px}.rooms-dialog input{display:block;box-sizing:border-box;width:100%;background:#111823;border:1px solid #687286;border-radius:4px;color:#fff;padding:12px;margin:8px 0;font:inherit}.rooms-dialog button,.rooms-dialog select{min-height:44px}.rooms-code-row,.rooms-actions,.rooms-settings-row,#roomsJoinControls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rooms-settings-row>label{flex:1;min-width:140px}.rooms-code-row strong{font:700 26px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--cyan)}#roomsHostSettings{padding:16px;border:1px solid #596478;margin:16px 0}#roomsApply{margin-top:14px;width:100%}.room-player{padding:12px;border-bottom:1px solid #495468;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.room-player small{width:100%;font-size:12px;color:#c6cbd6}.room-player span{font-size:10px;color:var(--cyan)}.rooms-actions{margin-top:20px}.rooms-note{color:#adb6c6}#roomsStatus{color:var(--cyan);min-height:20px}.room-live{position:fixed;right:12px;top:110px;z-index:25;width:220px;border:1px solid var(--cyan);border-top-width:3px;border-radius:6px;background:#0a1220ed;padding:12px;color:#f4f6fb}.room-live[hidden],.rooms-dialog [hidden]{display:none!important}.room-live summary{cursor:pointer;font:700 18px 'Barlow Condensed',sans-serif}.room-live-player{padding:8px 0;border-bottom:1px solid #465164}.room-live-player strong,.room-live-player span,.room-live-player small{display:block;overflow-wrap:anywhere}.room-live-player span{font-size:12px;color:var(--cyan)}.room-live-player small{font-size:10px;color:#c5cbd6}.rooms-dialog .primary{color:#08151c}@media(max-width:1024px){.room-live{top:105px;right:8px;width:150px;padding:8px}.room-live summary{font-size:15px}.room-live-player strong{font-size:11px}.room-live-player span{font-size:10px}.rooms-open{font-size:9px!important;margin-left:0!important;padding:10px!important}.rooms-dialog{padding:16px}.rooms-code-row{gap:8px}}

.quickmatch-panel{border:1px solid var(--cyan);border-top-width:3px;padding:16px;margin:16px 0 24px;border-radius:6px}.quickmatch-panel h3{font:800 28px 'Barlow Condensed',sans-serif;margin:0 0 8px}.quickmatch-panel input{min-height:44px}.quickmatch-panel #quickStatus{color:var(--cyan);min-height:20px}.quickmatch-panel[hidden]{display:none}

.public-room-browser{border-top:1px solid #596478;margin-top:24px;padding-top:20px}.public-room-browser h3{font:800 28px 'Barlow Condensed',sans-serif;margin:0}.room-browser-filters{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.room-browser-filters label{display:flex;align-items:center;gap:8px}.room-browser-filters input{display:inline;width:18px;height:18px;margin:0}.public-room-card{border:1px solid #596478;border-radius:6px;padding:16px;margin:12px 0;background:#0a122070}.public-room-song{display:flex;gap:12px;align-items:center}.public-room-song img{width:64px;height:64px;object-fit:cover;border-radius:4px}.public-room-card h4{font:800 24px 'Barlow Condensed',sans-serif;margin:0;overflow-wrap:anywhere}.public-room-card p{margin:8px 0}.public-room-card small{font-size:11px;color:#c5cbd6}.public-room-card .rooms-code-row{justify-content:space-between;font-size:11px}#roomsSaveMetadata{margin:12px 0 20px}#roomsJoinControls>label{flex:1;min-width:150px}