:is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker){--room-columns:4;--room-gap:18px;--room-grid-max:886px;display:grid!important;grid-template-columns:repeat(var(--room-columns),minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;gap:var(--room-gap)!important;align-content:start!important;align-items:start!important;justify-content:center!important;width:100%!important;max-width:var(--room-grid-max)!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;margin:12px auto!important;padding:0!important;overflow-x:hidden;}
@media(min-width:1180px){:is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker){--room-columns:5;--room-grid-max:1112px;}}
@media(pointer:coarse),(max-width:767px){:is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker){--room-columns:4;--room-gap:12px;--room-grid-max:868px;}}
body.jade-mobile-stage :is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker){--room-columns:4;--room-gap:12px;--room-grid-max:868px;}
.shared-room-tile{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:208px!important;aspect-ratio:294/136;height:auto!important;min-width:0!important;min-height:0!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;color:#fff2a8;cursor:pointer;isolation:isolate;touch-action:manipulation;}
.shared-room-art{display:block;width:100%;height:100%;overflow:visible;}
.shared-room-art text{font-family:Arial,sans-serif;font-weight:800;fill:#fff1ad;paint-order:stroke;stroke:#093a15;stroke-width:.6px;stroke-linejoin:round;}
.shared-room-art .shared-room-stake{font-size:26px;letter-spacing:.25px;}
.shared-room-art .shared-room-count{font-size:20px;}
.shared-room-art .shared-room-number{font-size:15px;fill:#c7f595;}
.shared-room-tile:disabled{opacity:.53;cursor:default;filter:saturate(.55);}
.shared-room-tile:enabled:hover{filter:brightness(1.1);}
.shared-room-tile:focus-visible{outline:2px solid #ffdf7c!important;outline-offset:2px;border-radius:40%!important;}
.shared-room-actions{display:flex;justify-content:flex-end;margin:8px 0;}
button.shared-room-action{position:relative;isolation:isolate;width:190px;max-width:46vw;min-height:42px;padding:0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff3a0;font-size:17px;font-weight:800;overflow:hidden;}
.shared-room-action>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;}
.shared-room-action>span{position:relative;white-space:nowrap;text-shadow:0 2px 2px #17250b;}
.shared-room-action[aria-busy=true]{opacity:.55;pointer-events:none;}
.shared-room-actions[hidden]{display:none!important;}

#tableDialog:has(.shared-room-picker){width:min(1160px,calc(100vw - 32px));max-width:none;}

#baiCaoLobby .bai-cao-lobby-header{grid-template-columns:80px minmax(0,1fr) 300px;}
#baiCaoLobby .bai-cao-lobby-buttons button.shared-room-action{width:147px!important;max-width:none;font-size:15px;flex:1;min-width:0;}
body.jade-mobile-stage #baiCaoLobby .bai-cao-lobby-header{grid-template-columns:66px minmax(0,1fr) 248px;}
body.jade-mobile-stage #baiCaoLobby .bai-cao-lobby-buttons button.shared-room-action{width:121px!important;font-size:14px;}

body.jade-mobile-stage.game-mode #jadeStage #baiCaoLobby{padding:8px 16px!important;}
@media(pointer:coarse),(max-width:767px){.standalone-room-selection{padding-left:16px;padding-right:16px;box-sizing:border-box;}}

#classicRoomList{max-height:calc(var(--stage-height,100svh) - 280px);overflow-y:auto;overscroll-behavior:contain;}
#baiCaoRoomList{max-height:calc(var(--stage-height,100svh) - 110px)!important;overflow-y:auto;overscroll-behavior:contain;}
body.jade-mobile-stage #classicLobby:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr);gap:6px 12px;height:100%!important;min-height:0!important;padding:8px 12px!important;box-sizing:border-box;overflow:hidden!important;}
body.jade-mobile-stage #classicLobby>#classicGameTitle{grid-column:1/-1;grid-row:1;margin:2px 52px 2px 4px;white-space:nowrap;}
body.jade-mobile-stage #classicLobby>.classic-lobby-create{grid-column:1/-1;grid-row:2;padding:8px 12px;margin:0;}
body.jade-mobile-stage #classicLobby>.card-lobby-title{grid-column:1;grid-row:3;align-self:center;text-align:left;margin:0;font-size:14px;}
body.jade-mobile-stage #classicLobby>.shared-room-actions{grid-column:2;grid-row:3;margin:0;}
body.jade-mobile-stage #classicLobby>.shared-room-actions .shared-room-action{min-height:34px;height:34px;font-size:14px;}
body.jade-mobile-stage #classicRoomList{grid-column:1/-1;grid-row:4;align-self:start;margin:0 auto!important;max-height:100%!important;overflow-y:auto;}
.standalone-room-selection{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;}
.standalone-room-selection>header{flex:0 0 auto;width:100%;margin:0 auto;}
.standalone-room-selection>.room-balance{flex:0 0 auto;margin:0;}
.standalone-room-selection>#boardRoomList{flex:1 1 auto!important;min-height:0!important;margin:0 auto!important;overflow-y:auto;overscroll-behavior:contain;}
.standalone-room-selection>.shared-room-actions{flex:0 0 auto;margin:0 auto;}

body.selecting-room .standalone-room-selection{padding:16px!important;}
body.selecting-room .standalone-room-selection>header{margin:0 auto!important;}
body.selecting-room .standalone-room-selection>.room-balance{margin:0!important;}
body.selecting-room .standalone-room-selection>.shared-room-actions{margin:0 auto!important;}

:is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker){scrollbar-width:none!important;}
:is(#classicRoomList,#baiCaoRoomList,#dominoRoomList,#xiangqiRooms,#xiangqiCaptureRooms,#boardRoomList,.shared-room-picker)::-webkit-scrollbar{display:none;}

@media(orientation:portrait) and (max-width:767px){body:is([data-game="co_tuong"],[data-game="co_tuong_an_quan"]) :is(#boardRoomList,.shared-room-picker){--room-columns:2;--room-grid-max:428px;}}
