.openMatchEntry{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:20px 24px;margin-top:20px;border:1px solid #8ae8ff99;border-radius:18px;background:linear-gradient(110deg,#14313d,#102030);color:#dffaff;cursor:pointer}.openMatchEntry b{font-size:21px}.openMatchEntry span{font-size:14px;color:#9ac4d6}#openMatch[hidden],#roomLive[hidden],#roomReturn[hidden]{display:none!important}#openMatch{position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(at 70% 0,#173040,#080f19 65%);color:#e3f5ff;padding:28px clamp(16px,4vw,64px)}#openMatch header,.roomHeading{display:flex;align-items:center;justify-content:space-between;gap:20px}#openMatch h1{font-size:32px;margin:7px 0}#openMatch small{color:#83eaff;letter-spacing:3px}#openMatch button,#roomReturn{border:1px solid #79cde766;background:#173846;border-radius:10px;color:#e3f8ff;padding:12px 18px;cursor:pointer}#openMatch button:disabled{opacity:.4;cursor:default}#openMatch input,#openMatch select{display:block;background:#0b1924;color:white;padding:12px;border:1px solid #8ad8ee55;border-radius:8px;max-width:100%;width:100%;margin-top:7px}#roomsStatus{min-height:26px;color:#ffe5a1}.roomTools{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:22px 0}.roomTools label{flex:1;min-width:180px}#roomsList article{display:flex;align-items:center;justify-content:space-between;border:1px solid #81d5ee44;padding:20px;border-radius:14px;margin-bottom:12px;background:#102331}#roomsList strong{font-size:23px}#roomsList p{color:#b1cad7}.roomColumns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px}.roomPlayer{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #7ac7e744;border-radius:12px;background:#11212d;padding:16px;margin:8px 0}.roomPlayer.self{border-color:#9defff;background:#193b49}.roomPlayer span{font-size:14px;color:#bbd7e8}.roomSong{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:24px}.roomSong label{flex:1;min-width:170px}.roomSong p{width:100%;color:#a6efff}.roomActions{display:flex;gap:12px;margin:20px 0}#roomChat{height:360px;overflow:auto;padding:12px;background:#09141e;border:1px solid #91dfff33;border-radius:12px;overflow-wrap:anywhere}#roomChatForm{display:flex;gap:8px}#roomLive{position:fixed;top:16px;right:16px;z-index:80;background:#091626e8;color:#dffaff;padding:14px;border:1px solid #7fe2ee66;border-radius:12px;font-size:13px;max-width:320px}#roomLive div{padding-top:7px}#roomReturn{margin:18px}@media(max-width:800px){.roomColumns{grid-template-columns:1fr}.roomPlayer{align-items:start;flex-direction:column}.openMatchEntry{flex-direction:column;gap:7px}#roomLive{font-size:10px;max-width:180px;padding:7px}#roomChat{height:180px}}

#roomChatForm button{min-width:70px;flex-shrink:0;white-space:nowrap}

#performanceModal.show{z-index:1100}.roomHeading{flex-wrap:wrap}.roomHeading h2{flex:1}