/* Shared classic salon appearance for both enabled Okey games. */
body.lobby-active{background:#cecece!important;color:#111;font-family:Tahoma,Arial,sans-serif}
body.lobby-active .app-shell{background:#cecece!important;height:100dvh}
body.lobby-active .topbar{max-width:none;width:100%;height:62px;padding:4px 10px;background:#050505;border:0;border-radius:0;gap:12px}
body.lobby-active .brand b{font-size:17px;color:#fff}body.lobby-active .brand small{color:#b7e6ce}body.lobby-active .brand-mark{transform:none;border-radius:2px;width:38px;height:46px}
body.lobby-active .top-actions{gap:5px}body.lobby-active .top-actions .ghost{background:linear-gradient(#13b3de,#007397);border:1px solid #67d4ec;border-radius:3px;padding:7px 10px;color:white}
body.lobby-active .online-dot{color:#77dca4;font-size:11px}
body.lobby-active .landing{max-width:none!important;margin:0!important;padding:0!important;height:calc(100dvh - 62px)!important}
body.lobby-active .lobby-shell{gap:0!important;color:#111}
body.lobby-active .lobby-toolbar{min-height:36px;background:#272727;padding:3px 7px;gap:7px;color:#fff}
body.lobby-active .lobby-toolbar .game-picker{gap:5px}body.lobby-active .lobby-toolbar .game-picker button,body.lobby-active .lobby-button{border-radius:2px;min-height:28px;padding:4px 9px;background:linear-gradient(#1bbcdf,#007895);color:#fff;border:1px solid #0798b6;font-size:12px}
body.lobby-active .lobby-toolbar .game-picker button.active{background:#666;border-color:#999;color:#fff}
body.lobby-active .lobby-room-tabs{padding:0;background:#343434;gap:0;min-height:28px}
body.lobby-active .lobby-room-tab{flex:0 0 auto;min-height:28px;border:0;border-right:1px solid #777;border-radius:0;padding:4px 14px;background:#343434;color:#fff}
body.lobby-active .lobby-room-tab.active{background:#666}body.lobby-active .lobby-room-tab span{color:#c8eedf}
body.lobby-active .lobby-columns{display:grid!important;grid-template-columns:minmax(0,1fr) 265px;grid-template-rows:minmax(180px,1fr) minmax(180px,31%);grid-template-areas:'tables players' 'chat players';gap:0;flex:1;min-height:0;overflow:hidden;padding:0}
body.lobby-active #tablesPanel{grid-area:tables;display:flex!important;background:#cecece;border:0;border-radius:0;min-height:0;overflow:auto;padding:0}
body.lobby-active #playersPanel{grid-area:players;display:flex!important;flex-direction:column;background:#fafafa;border:1px solid #aaa;border-radius:0;min-height:0;overflow:auto;color:#111}
body.lobby-active #chatPanel{grid-area:chat;display:flex!important;flex-direction:column;background:#f5fbff;border:1px solid #aaa;border-radius:0;min-height:0;color:#111;overflow:hidden}
body.lobby-active .lobby-panel-head{background:transparent;border:0;padding:5px 7px;min-height:32px;color:#111}
body.lobby-active .lobby-panel-head h1,body.lobby-active .lobby-panel-head h2{font:700 13px Tahoma,Arial;margin:0;color:inherit}
body.lobby-active .lobby-presence,body.lobby-active .lobby-live{font-size:10px;color:#347466}
body.lobby-active .lobby-profile{padding:6px;background:linear-gradient(#ddd,#a8a8a8);border-bottom:1px solid white;border-radius:0;color:#111;gap:8px}
body.lobby-active .lobby-profile img{width:48px;height:48px;border:2px solid #1197b4;border-radius:50%}
body.lobby-active .lobby-profile small,body.lobby-active .lobby-profile span{color:#163c45;font-size:10px}
body.lobby-active .player-search{margin:0;padding:4px;background:#ccc}body.lobby-active .player-search input{background:#fff;color:#111;border:1px solid #aaa;border-radius:0}
body.lobby-active .lobby-people-list{padding:0;flex:1;min-height:100px;overflow:auto}
body.lobby-active .lobby-person{display:flex;gap:6px;min-height:64px;padding:5px;background:linear-gradient(#e9e9e9,#aaa);border:1px solid #999;border-top-color:#fff;border-radius:5px;color:#111;margin:0 0 2px;box-shadow:1px 2px 3px #777}
body.lobby-active .lobby-person img{width:48px;height:48px;border-radius:50%;border:2px solid #25a6b4}
body.lobby-active .person-name{font-size:14px;color:#111;font-weight:700}body.lobby-active .lobby-person small{color:#225b37;font-size:10px}
body.lobby-active .lobby-welcome{padding:3px 7px;color:#ce1616;background:transparent;border:0;font-size:12px}
body.lobby-active .lobby-chat-stream{background:#f5fbff;color:#111;flex:1;min-height:0;overflow:auto;padding:4px 7px}
body.lobby-active .lobby-chat-stream .chat-line,body.lobby-active .lobby-chat-stream p{background:transparent;color:#111;border:0;padding:2px 0;margin:0;font:14px Georgia,serif}
body.lobby-active .lobby-message-form{padding:2px;margin:0;background:#ddd;border-top:1px solid #aaa;border-radius:0;gap:3px}
body.lobby-active .lobby-message-form input{background:#fff;color:#111;border:1px solid #999;border-radius:0;padding:5px;min-height:30px}
body.lobby-active .lobby-message-form button{background:#cf0000;border:1px solid #b50000;border-radius:2px;color:#fff;padding:5px 12px}
body.lobby-active .lobby-table-filters{padding:3px 6px;gap:3px}body.lobby-active .lobby-table-filters button{border-radius:2px;background:linear-gradient(#17c4e0,#007c98);color:white;border:0;padding:6px 10px}
body.lobby-active .lobby-table-filters button.active{background:#008044}
body.lobby-active .lobby-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,260px));align-content:start;gap:4px;padding:5px;overflow:auto;flex:1;min-height:0}
body.lobby-active .lobby-table-card{background:#006336;color:#fff;border:3px solid #144833;border-radius:12px;padding:8px;min-height:164px;box-shadow:none}
body.lobby-active .lobby-table-card.new-table{background:#57685c;border-style:dashed}
body.lobby-active .table-card-head b{color:#fff;font-size:13px}body.lobby-active .table-card-head span,body.lobby-active .table-mode{color:#fff;font-size:11px}
body.lobby-active .lobby-table-card button,body.lobby-active .lobby-gold{background:linear-gradient(#ffeb63,#d6ac00);color:#172011;border:1px solid #aa8800;border-radius:3px;padding:5px 10px;font-weight:bold}
body.lobby-active .lobby-quick{min-height:34px;padding:4px 9px;margin:3px 6px;border-radius:3px;background:#08784c;color:#fff;border:1px solid #075935;flex-shrink:0}
body.lobby-active .lobby-quick p{display:none}body.lobby-active .lobby-quick b{font-size:12px}body.lobby-active .lobby-bot{background:#3a6751}
body.lobby-active .lobby-status{padding:2px 8px;min-height:20px;background:#252525;color:#ddd;font-size:10px;border:0}
body.lobby-active .lobby-customize{background:#ddd;color:#111;padding:5px;font-size:11px}
body.lobby-active .radio-bar{display:flex!important;position:fixed!important;top:9px!important;right:240px!important;bottom:auto!important;left:auto!important;width:290px!important;height:36px!important;z-index:30;padding:3px 5px;background:#050505;border:0;gap:4px}
body.lobby-active .radio-bar .radio-title{display:none}body.lobby-active .radio-bar select{width:110px;font-size:11px}body.lobby-active .radio-bar input[type=range]{width:50px}body.lobby-active .radio-bar button{font-size:11px;padding:4px}
@media(min-width:1051px){body.lobby-active .lobby-mobile-nav{display:none!important}}
@media(max-width:1050px){body.lobby-active .topbar{height:60px;padding:4px 7px}body.lobby-active .brand b{font-size:13px}body.lobby-active .radio-bar{display:none!important}body.lobby-active .landing{height:calc(100dvh - 60px)!important}body.lobby-active .lobby-columns{grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:minmax(160px,1fr) minmax(160px,32%)}body.lobby-active .lobby-mobile-nav{display:none!important}}
@media(max-width:650px){body.lobby-active .top-actions .online-dot{display:none}body.lobby-active .top-actions .ghost{padding:5px;font-size:10px}body.lobby-active .lobby-columns{display:flex!important;flex-direction:column;overflow:hidden}body.lobby-active #tablesPanel,body.lobby-active #playersPanel,body.lobby-active #chatPanel{display:none!important;flex:1;min-height:0}body.lobby-active #lobbyCard[data-mobile-view=chat] #chatPanel,body.lobby-active #lobbyCard[data-mobile-view=tables] #tablesPanel,body.lobby-active #lobbyCard[data-mobile-view=players] #playersPanel{display:flex!important}body.lobby-active .lobby-mobile-nav{display:flex!important;position:static;min-height:48px;flex-shrink:0;background:#222}body.lobby-active .lobby-table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}body.lobby-active .lobby-toolbar{flex-wrap:wrap}.lobby-toolbar .game-picker button{font-size:11px!important}body.lobby-active .mobile-room-picker{display:none}}

/* Reference salon chrome, table cards and compact chat rows. */
body.lobby-active .brand{display:none}body:not(.lobby-active) .salon-welcome,body:not(.lobby-active) .salon-header-tools{display:none}
body.lobby-active .salon-welcome{display:flex;align-items:center;background:#006b47;margin:0;padding:2px 5px;border:0;min-width:155px;max-width:245px;height:58px;color:white}
body.lobby-active .salon-welcome img{width:51px;height:51px;border-radius:0;border:1px solid #ddd}body.lobby-active .salon-welcome small{color:white;font-size:10px}body.lobby-active .salon-welcome b{color:white;font:700 14px Georgia,serif}body.lobby-active .salon-welcome span{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d0f6dc;font-size:10px}
.salon-header-tools{display:flex;gap:4px;align-items:center}.salon-tool{width:40px;height:42px;padding:2px;border:1px solid #82c4d3;border-radius:3px;background:linear-gradient(#08b8e5,#00688b);color:#fff;font-size:27px;cursor:pointer}.salon-tool.salon-create{background:#c9000a;font-size:12px;width:44px;font-weight:800;white-space:normal}
body.lobby-active .topbar{justify-content:flex-start;gap:5px;padding:0}body.lobby-active .top-actions{margin-left:auto;padding-right:7px}body.lobby-active #accountBtn{display:none}body.lobby-active .radio-bar{right:220px!important;width:270px!important}
.salon-table-search{width:180px;min-width:50px;background:#fff!important;color:#222!important;border:1px solid #aaa!important;border-radius:0!important;padding:5px!important;font-size:12px!important}
body.lobby-active #tablesPanel>.lobby-panel-head{display:none}body.lobby-active .lobby-table-grid{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;padding:2px;gap:3px}
body.lobby-active .lobby-table-card{display:grid;grid-template-columns:145px 100px;grid-template-rows:25px repeat(2,20px) 1fr;position:relative;flex:0 0 260px;min-height:170px;height:170px;padding:4px;overflow:hidden}
body.lobby-active .lobby-table-card .mini-table{grid-column:1;grid-row:1/5;height:152px;width:140px;margin:0;border-right:2px solid #12462f;background:none;transform:none}
body.lobby-active .mini-table-surface{width:30px;height:30px;background:linear-gradient(#1bb9da,#006f99);border:1px solid #70c4dc;border-radius:2px;box-shadow:none;transform:none}
body.lobby-active .mini-table-surface>span{display:none}body.lobby-active .mini-table-surface::after{content:'⌕';font-size:24px;color:#fff}
body.lobby-active .table-seat{width:52px;height:26px;border-radius:3px;background:linear-gradient(#ffe950,#d8ab00);border:1px solid #ba9000;color:#1c280f;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lobby-active .table-seat.occupied{background:none;color:#fff;border:0;font-size:11px}
body.lobby-active .table-seat.seat-0{left:44px;bottom:5px}body.lobby-active .table-seat.seat-2{left:44px;top:5px}body.lobby-active .table-seat.seat-1{left:auto;right:0;top:62px}body.lobby-active .table-seat.seat-3{right:auto;left:0;top:62px}
body.lobby-active .table-card-head{grid-column:2;grid-row:1;display:block;padding-left:3px}body.lobby-active .table-card-head b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:96px}body.lobby-active .table-card-head span{font-size:9px}
body.lobby-active .table-mode{grid-column:2;padding-left:3px;font:11px Georgia,serif}body.lobby-active .lobby-table-card>button{grid-column:2;align-self:end;height:26px;min-height:26px;margin:3px;padding:3px}
body.lobby-active .chat-message{display:block!important;padding:1px 0!important;margin:0!important;max-width:none!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.lobby-active .chat-message>img{display:none}body.lobby-active .chat-message>div{display:inline}body.lobby-active .chat-message-head{display:inline;font:700 14px Georgia,serif}body.lobby-active .chat-message-head time{margin-right:3px;color:#222;font-size:11px}body.lobby-active .chat-message-head b::after{content:': ';color:#111}body.lobby-active .chat-message-text{display:inline;font:14px Georgia,serif;color:#111!important;background:none!important;padding:0!important}.salon-chat-tools{display:flex;gap:2px}.salon-chat-tools button{background:#058db9!important;font-size:19px!important;padding:2px 7px!important}
body.lobby-active .lobby-chat-stream{gap:2px!important}body.lobby-active .lobby-welcome{margin:0!important;font:13px Georgia,serif;padding:3px}
body.lobby-active .lobby-person .person-dot{background:#00ad49;width:12px;height:12px;border:1px solid #276944}body.lobby-active .lobby-person .nickname{font-family:Georgia,serif}
@media(max-width:1100px){body.lobby-active .radio-bar{display:none!important}.salon-tool{width:34px;height:37px;font-size:23px}body.lobby-active .salon-welcome{min-width:135px;max-width:190px}}
@media(max-width:650px){body.lobby-active .salon-welcome{min-width:100px;max-width:130px}.salon-welcome img{width:35px!important;height:35px!important}.salon-welcome small,.salon-welcome span{display:none!important}.salon-tool{width:29px;height:34px;font-size:20px}.salon-tool.salon-create{width:35px;font-size:10px}body.lobby-active .lobby-table-card{flex:1 0 245px;max-width:100%}body.lobby-active .top-actions{gap:2px}.salon-table-search{width:100px}}

/* Compact reference create-table dialog, with the existing supported settings. */
#roomModal{background:#0006;backdrop-filter:none;padding:12px;z-index:10000}
#roomModal .salon-create-dialog{width:390px;max-width:calc(100vw - 24px);padding:0 14px 14px;background:#ededed;color:#111;border:1px solid #777;border-radius:3px;box-shadow:2px 4px 12px #0008;font:13px Tahoma,Arial,sans-serif}
#roomModal .salon-dialog-title{margin:0 -14px 13px;padding:7px 10px;background:linear-gradient(#eee,#aaa);border-bottom:1px solid #888;border-radius:2px 2px 0 0;display:flex;align-items:center;gap:8px}
#roomModal .salon-dialog-title small{display:none}#roomModal .salon-dialog-title h3{font:700 14px Tahoma,Arial;margin:0;color:#111}#roomModalClose{order:-1;background:#b62631;color:#fff;border:1px solid #811e25;border-radius:2px;padding:1px 7px;font-size:16px}
#roomModal .salon-create-dialog>label{display:grid;grid-template-columns:115px minmax(0,1fr);gap:6px;align-items:center;margin:9px 0;color:#111;font-size:13px}
#roomModal input:not([type=checkbox]){width:100%;background:#fff;color:#111;border:1px solid #999;border-radius:0;min-height:28px;padding:4px 6px;font:13px Tahoma,Arial}
#roomModal .room-options{display:flex;flex-direction:column;gap:7px;background:transparent;border:0;padding:3px 0;margin:7px 0;color:#111}#roomModal .room-options label{display:flex;align-items:center;gap:5px;margin:0;font-size:13px;color:#111}
#roomModal #rewardPointsLabel small{grid-column:1/-1;font:11px Tahoma,Arial;line-height:1.4;color:#555}
#roomModal .room-summary{padding:7px 0;margin:6px 0;background:none;border:0;border-top:1px solid #bbb;border-radius:0;color:#555;font:11px Tahoma,Arial;display:block}
#roomModal .salon-dialog-actions{display:flex;justify-content:center;gap:10px;padding-top:9px}
#roomModal .salon-dialog-actions button{min-width:92px;padding:6px 14px;background:linear-gradient(#fff,#ccc);color:#111;border:1px solid #888;border-radius:2px;font:13px Tahoma,Arial;cursor:pointer}
#roomModal .salon-dialog-actions button:first-child{background:linear-gradient(#3badde,#087baa);color:white;border-color:#116b8e}

#roomModal .salon-create-dialog{box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}#roomModal .salon-dialog-title{justify-content:space-between}#roomModal .salon-dialog-title>div{flex:1}#roomModal .salon-create-dialog>label input{margin:0}#roomModal .salon-dialog-title button{width:24px;height:24px;cursor:pointer}body.lobby-active .app-shell::before{display:none}body.lobby-active .lobby-board{max-height:none;height:100%;padding:0;border:0;border-radius:0;box-shadow:none}body.lobby-active .lobby-message-form button{flex-shrink:0}

/* Lobby is the full game screen; landing-page marketing is never part of it. */
html body.lobby-active .app-shell>.landing{display:block!important;grid-template-columns:none!important;max-width:none!important;width:100%!important;height:calc(100dvh - 62px)!important;min-height:0!important;padding:0!important;margin:0!important;gap:0!important}
html body.lobby-active .landing>.hero{display:none!important}
html body.lobby-active #lobbyCard.lobby-shell{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#ccc!important;box-shadow:none!important}
html body.lobby-active #lobbyCard.hidden{display:none!important}
html body.lobby-active .app-shell{min-height:0!important;height:100dvh!important}
body.lobby-active .salon-welcome>div>small,body.lobby-active #legacyPoints{display:none!important}
@media(max-width:1050px){html body.lobby-active .app-shell>.landing{height:calc(100dvh - 60px)!important}}

#chatPanel{position:relative}.salon-emoji-picker{position:absolute;bottom:42px;right:5px;width:345px;max-width:calc(100% - 10px);max-height:245px;background:#eee;color:#111;border:1px solid #777;border-radius:3px;box-shadow:0 3px 14px #0005;z-index:50;display:flex;flex-direction:column}.salon-emoji-picker[hidden]{display:none!important}.salon-emoji-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ccc;font:13px Tahoma}.salon-emoji-head button{padding:0 7px;border:0;background:#aa2633;color:white;cursor:pointer}.salon-emoji-tabs{display:flex;overflow-x:auto;gap:2px;padding:4px;flex-shrink:0}.salon-emoji-tabs button{background:#ddd;color:#222;border:1px solid #aaa;padding:4px;font-size:10px;white-space:nowrap;cursor:pointer}.salon-emoji-tabs button[aria-pressed=true]{background:#0585b0;color:#fff}.salon-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:auto;gap:2px;padding:5px;min-height:0}.salon-emoji-grid button{font:24px 'Segoe UI Emoji',sans-serif;padding:3px;background:#fff;border:1px solid #ddd;border-radius:2px;cursor:pointer;min-width:0}.salon-emoji-grid button:hover{background:#c7eafa}.salon-emoji-grid button:focus-visible{outline:2px solid #007ca0}

/* Waiting players have a real table view, not the old lobby notification card. */
body.lobby-active #waitingRoom{position:fixed!important;inset:62px 0 0!important;z-index:180!important;padding:0!important;background:repeating-linear-gradient(130deg,#003e2d 0 2px,#004a32 2px 4px)!important;display:flex!important;align-items:stretch!important}
body.lobby-active #waitingRoom.hidden{display:none!important}
#waitingRoom .waiting-card{width:100%!important;max-height:none!important;padding:14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:column;min-height:0;color:#fff}
#waitingRoom .waiting-head{display:flex;gap:12px;align-items:center;padding:8px;background:#052c20;color:#fff;flex-shrink:0}#waitingRoom .waiting-head>div:first-of-type{flex:1}#waitingRoom .waiting-head h2{margin:3px 0;font-size:16px}#waitingRoom .waiting-head p{font-size:11px;margin:3px 0}#waitingLobbyBack{background:#b82231;color:white;border:1px solid #ef7180;padding:7px 12px;border-radius:3px;cursor:pointer}
#waitingRoom .waiting-body{display:flex!important;flex:1;min-height:0;justify-content:center;align-items:center}#waitingRoom .waiting-left{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(900px,100%)}
#waitingRoom #waitingSlots{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 90px;max-width:760px;width:100%;padding:20px}
#waitingRoom .wait-slot{display:flex;align-items:center;gap:10px;background:#073e2e;border:2px solid #a0283e;border-radius:9px;min-height:78px;padding:8px;color:#fff}#waitingRoom .wait-slot img{width:50px;height:50px;border:1px solid #ddd;border-radius:4px}#waitingRoom .wait-slot small,#waitingRoom .wait-slot span{display:block;font-size:10px;color:#b8d5c9}#waitingRoom .wait-slot b{display:block;font:700 14px Arial;margin:4px 0}#waitingRoom .wait-slot em{margin-left:auto;color:#e3c65a}#waitingRoom .wait-empty{width:45px;height:45px;border:1px dashed #759e87;display:grid;place-items:center;font:22px Arial;color:#89b49b}
#waitingRoom .waiting-pulse{display:block!important;text-align:center;color:#f3d88c}#waitingRoom .waiting-pulse span{display:block;font-size:12px;padding:5px}#waitingRoom .waiting-chat-panel{display:none!important}#waitingRoom .waiting-leave{width:38px;height:33px;font-size:23px;background:#9d2633;border:1px solid #d05a65;padding:0;border-radius:3px}
@media(max-width:650px){body.lobby-active #waitingRoom{inset:60px 0 0!important}#waitingRoom .waiting-card{padding:6px!important}#waitingRoom #waitingSlots{gap:12px;padding:8px}#waitingRoom .wait-slot{min-height:70px;padding:5px;gap:5px}#waitingRoom .wait-slot img{width:32px;height:32px}#waitingRoom .wait-slot b{font-size:11px}#waitingRoom .wait-slot span{font-size:9px}}

/* Waiting table: four compass seats, not a list. */
#waitingRoom .waiting-left{height:100%;width:100%;position:relative;display:block;padding:0}
#waitingRoom #waitingSlots{position:absolute;inset:0;display:block!important;width:100%;max-width:none;padding:0}
#waitingRoom .wait-slot{position:absolute;width:210px;max-width:25%;min-height:70px;margin:0;background:#c3dbd6;border:2px solid #8b293e;transform:translate(-50%,-50%);justify-content:center;color:#000}
#waitingRoom .wait-slot.seat-top{left:50%;top:14%}#waitingRoom .wait-slot.seat-left{left:18%;top:48%}#waitingRoom .wait-slot.seat-right{left:82%;top:48%}#waitingRoom .wait-slot.seat-bottom{left:50%;top:80%}
#waitingRoom .wait-slot b{color:#000!important}#waitingRoom .wait-slot span{color:#25463b}#waitingRoom .waiting-pulse{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#073523;padding:15px 24px;border:1px solid #7caa91;border-radius:5px;max-width:35%;pointer-events:none}
#waitingRoom .waiting-leave{position:absolute;right:8px;bottom:8px}#waitingRoom [data-add-waiting-bot]{margin-top:6px;border:1px solid #317d54;background:#fff5c9;color:#172a20;border-radius:3px;padding:5px 8px;font-size:12px}
@media(max-width:650px){#waitingRoom .wait-slot{max-width:31%;width:160px;min-height:70px;flex-direction:column;font-size:11px}#waitingRoom .wait-slot img{width:30px;height:30px}#waitingRoom .wait-slot.seat-left{left:17%}#waitingRoom .wait-slot.seat-right{left:83%}#waitingRoom .waiting-pulse{max-width:34%;padding:8px;font-size:11px}#waitingRoom [data-add-waiting-bot]{font-size:10px;padding:4px}}

/* The rack is visible while the table waits for the remaining seats. */
#waitingRoom .waiting-rack{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(642px,85%);height:144px;border:3px solid #302015;border-radius:3px;background:#aa763d url('/asset/istaka.jpg') center/100% 100%;box-shadow:inset 0 -5px 5px #0007;padding:8px;pointer-events:none}
#waitingRoom .waiting-rack-row{height:56px;border-bottom:3px solid #704016;margin-bottom:8px}
#waitingRoom .wait-slot.seat-bottom{top:auto;bottom:170px;transform:translateX(-50%)}
#waitingRoom .wait-slot.seat-left,#waitingRoom .wait-slot.seat-right{top:35%}
#waitingRoom .waiting-pulse{top:34%}
@media(max-width:650px){#waitingRoom .waiting-rack{height:130px;width:90%;bottom:10px}.waiting-rack-row{height:50px!important}#waitingRoom .wait-slot.seat-bottom{bottom:151px}#waitingRoom .wait-slot.seat-top{top:10%}#waitingRoom .wait-slot.seat-left,#waitingRoom .wait-slot.seat-right{top:35%}}