.roomPanel{margin-top:18px}.roomControls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.roomControls>label{display:flex;gap:6px;align-items:center}.roomControls input[type=checkbox]{width:18px;height:18px}.roomControls input:not([type=checkbox]){width:150px}.roomList{display:grid;gap:9px}.room{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:13px;border:1px solid #4b4733;border-radius:9px;background:#171f19}.room>div{flex:1;min-width:170px}.room strong,.room small{display:block}.room small{color:#bcbba8;font-size:11px;margin-top:5px}.roomError{color:#ffe0aa;min-height:18px;font-size:13px}.aiBenchmarks{margin-top:18px}.benchmark{padding:12px 0;border-bottom:1px solid #494436}.benchmark p{color:#c4bca7;font-size:13px}
@media(max-width:600px){.roomControls{align-items:stretch}.roomControls>label{width:100%;font-size:12px}.room button{font-size:12px}.room{padding:10px}.roomControls input:not([type=checkbox]){flex:1;min-width:100px}}

.roomIdentity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}.roomFormat{padding:4px 9px;border:1px solid #aa8952;border-radius:5px;background:#40321e;color:#ffe1a8;font-size:12px;font-weight:800;letter-spacing:.7px}.roomState{font-size:12px;font-weight:650;color:#c6beae}.room[data-state=playing] .roomState{color:#a9e3bc}.room[data-state=waiting] .roomState{color:#e8c681}.tableFormatText{font-weight:800;color:#f4d09a;letter-spacing:.4px}
@media(max-width:560px){#table .turnIdentity>div{min-width:0}#table .turnIdentity #phase{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}