.invite-buttons{display:flex;gap:8px;flex-wrap:wrap}.invite-buttons button{white-space:nowrap}#roomLinkFallback{grid-column:1/-1}
.online #roomsDialog{width:min(1120px,calc(100vw - 32px));max-width:1120px;padding:24px;max-height:92vh}.online #roomsDialog>h2{margin-top:0}#roomsDialog>p{color:#aebec8}.browser-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:16px;background:#10232e;border:1px solid #405461;border-radius:10px;margin:16px 0}.browser-tools label{margin:0;font-size:13px}.browser-tools input,.browser-tools select{margin-top:7px;box-sizing:border-box}.browser-tools .browser-check{grid-column:1/-1;display:flex;align-items:center;gap:8px}.browser-check input{width:auto;margin:0}.browser-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.browser-table-wrap{overflow:auto;min-height:220px;max-height:45vh;border:1px solid #405461;border-radius:8px;background:#10212b}.browser-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.browser-table th{position:sticky;top:0;background:#293f4c;padding:12px;color:#d9c293;white-space:nowrap;z-index:1}.browser-table td{padding:10px;border-bottom:1px solid #354956;white-space:nowrap}.browser-table td:first-child{white-space:normal;min-width:155px}.browser-table button{background:transparent;border:0;padding:3px;color:#edf4f7;text-align:left;overflow-wrap:anywhere;font:inherit;width:100%}.browser-table tr:hover{background:#243f4e}.browser-table tr.selected{background:#304b57;box-shadow:inset 3px 0 #e4bc74}.browser-table button[aria-pressed=true]{color:#ffda92}.browser-detail{background:#10232e;border:1px solid #405461;border-radius:10px;padding:18px;min-width:0}.browser-detail h3{font-size:17px;letter-spacing:0;overflow-wrap:anywhere}.browser-detail dl{font-size:13px;line-height:1.5}.browser-detail dt{color:#a8bac6;margin-top:12px}.browser-detail dd{margin:2px 0;color:#edf4f7}.browser-detail button{width:100%;margin-top:12px;padding:12px}.browser-table-wrap>p{padding:18px;color:#b7c5ce}.browser-content [hidden]{display:none}
@media(max-width:760px){.online #roomsDialog{padding:20px 14px}.browser-tools{grid-template-columns:1fr 1fr;padding:12px}.browser-tools label:first-child{grid-column:1/-1}.browser-content{grid-template-columns:minmax(0,1fr)}.browser-detail dl{display:grid;grid-template-columns:90px 1fr;gap:8px}.browser-detail dt,.browser-detail dd{margin:0}.browser-table-wrap{min-height:140px;max-height:35vh}.online #lobbyScreen .invite-row{grid-template-columns:1fr}.invite-buttons button{flex:1}}

.invite-notice{padding:14px;border:1px solid #b49a67;border-radius:8px;background:#1a303d;color:#ffe1a3!important;font-size:14px!important;line-height:1.5}.invite-notice[hidden]{display:none}

.browser-detail dl{display:grid;grid-template-columns:65px 1fr;gap:10px}.browser-detail dt,.browser-detail dd{margin:0}.browser-tools{margin-bottom:8px}.browser-tools .browser-check{grid-column:1/3}.browser-tools #refreshRooms{justify-self:end;align-self:center}.browser-content{margin-top:20px}#roomsStatus{font-size:12px;margin:8px 0 0;color:#aebec8}.browser-detail dd{overflow-wrap:anywhere}@media(max-width:760px){.browser-tools .browser-check{grid-column:1/-1}.browser-tools #refreshRooms{grid-column:1/-1;justify-self:stretch}}

.browser-tools{grid-template-columns:1fr 2fr 1fr 1fr}.browser-tools .browser-check{grid-column:auto}.browser-tools #refreshRooms{grid-column:4}.online #lobbyScreen #actions button:not(#startMatch){background:#233743;border-color:#536974;color:#e5edf2}@media(max-width:760px){.browser-tools{grid-template-columns:1fr 1fr}.browser-tools #refreshRooms{grid-column:1/-1}}