.call-mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#111315;padding:5px;border:1px solid #303439;border-radius:12px;margin:18px 0 8px}.call-mode-choice button{min-height:48px!important;font-weight:600}.call-mode-choice button.selected{background:#383e45!important;border-color:#79828d!important;color:#fff!important}.room .room-top,.room .people>.avatar{display:none}.room #roomName{margin:6px 0 16px;font-size:23px}.room .people{gap:10px;padding:12px 0;border:0}.room #roomPresenceHint{margin-top:4px}.room #callStatus{font-size:14px;line-height:1.5;color:#a2a9b1}.room #displayName{width:100%;min-height:48px}.room #callActionsHome #startCall{width:100%;min-height:50px;margin-top:10px}.room #invitation{margin-top:20px;padding:16px;background:#202429;border:1px solid #303439;border-radius:12px}.room #invitation>p{font-size:13px}.room .invite-actions{display:flex;gap:8px;flex-wrap:wrap}.room .invite-actions button{flex:1}.room #gettingStartedGuide{margin:0 0 12px}.room #gettingStarted{background:transparent;border:0;padding:12px 0}.room #gettingStarted h2{font-size:15px}.room #gettingStarted ol{font-size:13px;line-height:1.8}.room #callModeHint{font-size:12px;margin-bottom:10px}.room #roomTimeBox{font-size:12px;gap:8px;margin:12px 0}.room .room-music{margin-top:16px}.room #videoRoom>p.hint{font-size:12px}body[data-call-state=active] #displayName,body[data-call-state=active] .room .name-label,body[data-call-state=active] #callModeHint{display:none}
#chat>.section-title{padding:10px 16px;margin:0;border-bottom:1px solid #303439;min-height:42px}#chat>.section-title>.count,#chatConnectRoom{display:none!important}#chatStatus{font-size:12px;margin:0;color:#a2a9b1}#chat .chat-panel{border:0;border-radius:0 0 16px 16px}#chat .chat-utility-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px}#chat .chat-utility-bar button{font-size:12px;min-height:40px}#chat .chat-sidebar>summary{padding:14px 16px}#chat .chat-messages{height:clamp(320px,49dvh,600px)}#chat .chat-empty{font-size:14px;line-height:1.7;max-width:320px;margin:40px auto;text-align:center}#chat .messenger-compose{align-items:flex-end}#chat #chatInput{border-radius:14px;padding:12px;min-height:48px}#chat #chatSend{border-radius:12px;min-height:48px}#mediaOptions #openChatGallery{width:100%;font-size:14px}
.table-hub>.table-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:none;padding:0}.table-hub>.table-choice button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:16px!important;min-height:96px;border:1px solid #3a4047!important;border-radius:12px!important}.table-choice strong{font-size:18px;font-weight:650}.table-choice small{font-size:12px;color:#a2a9b1;line-height:1.5}.table-choice button.selected small{color:#d2d8dd}.table-hub>h2{font-size:19px}.table-hub>p{font-size:13px;color:#a2a9b1}.table-hub #tableLobby{padding:12px 0}.table-hub .table-people{margin-top:6px}.table-hub #tableSetupDetails>summary{font-size:14px}.table-hub #tableSetupDetails select{min-height:48px}.table-hub #tableSetup>button{grid-column:1/-1;min-height:48px;background:#d5b875;color:#191b1e;font-weight:650}.table-hub #tableStatus{margin-top:16px}.table-hub #tableControls>button{min-height:48px}
@media(max-width:700px){.table-hub>.table-choice{gap:6px}.table-hub>.table-choice button{padding:12px 8px!important;min-height:92px}.table-choice strong{font-size:16px}.table-choice small{font-size:10px}.room .invite-actions button{font-size:13px}.room #roomName{font-size:21px}#chat .chat-messages{height:clamp(300px,45dvh,530px)}}
.table-hub #tableSetup .okey-player-count{grid-column:1/-1}.okey-player-count select{width:100%;max-width:100%}