/* Compact browser-game surfaces; restrained copy and optional advanced controls. */
#roomDialog{width:min(660px,calc(100% - 28px));padding:24px;max-height:90dvh;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}#roomDialog .dialog-top{margin-bottom:17px;gap:12px}#roomDialog .dialog-top h2{font-size:23px;letter-spacing:-.5px}#roomDialog>.muted,#roomDialog>.fine-print,#roomDialog #masterCreationNote{display:none!important}.room-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:end;margin:0 0 18px}.room-nick{min-width:0}.room-nick label{margin:0 0 6px!important;font-size:10px!important;color:var(--muted)}.room-nick input{height:42px;padding:10px 12px;font-size:13px}.room-identity .compact-avatar{height:42px;border:1px solid var(--line);border-radius:10px;padding:4px 10px 4px 5px;font-size:10px;gap:7px;background:var(--input)}.room-identity .compact-avatar .portrait-wrap{width:28px;height:32px;border-radius:7px}
#roomDialog .game-kind{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 16px;gap:8px}#roomDialog .game-kind legend,#roomDialog .mode-picker legend{font-size:10px;color:var(--muted);margin-bottom:8px}#roomDialog .game-kind label{padding:11px 10px;gap:8px;min-height:72px}#roomDialog .game-kind strong{font-size:12px;line-height:1.35}#roomDialog .game-kind small{font-size:9px;line-height:1.4;margin-top:4px}#roomDialog .game-kind input{width:14px;height:14px}#roomDialog .mode-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}#roomDialog[data-kind=master] .mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}#roomDialog .mode-picker label{min-height:43px;padding:10px;gap:8px}#roomDialog .mode-picker strong{font-size:13px;line-height:1.2}#roomDialog .mode-picker small{display:none}#roomDialog .mode-picker input{width:13px;height:13px;flex:none}
#roomDialog .creation-options{display:block;border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}#roomDialog .option-grid{gap:12px}#roomDialog .creation-options label,#lobbyOptions label{margin-top:0;font-size:10px;color:var(--muted)}#roomDialog .creation-options select,#lobbyOptions select{height:40px;margin:6px 0 0;padding:8px 10px;font-size:12px;color:var(--ink)}#roomDialog .face-config,#lobbyOptions .face-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:none;border-radius:0;margin:0 0 12px;width:100%;min-width:0}#roomDialog .face-config.hidden,#lobbyOptions .face-config.hidden{display:none!important}.face-config label{min-width:0}#roomDialog .face-config label:has(#faceCreateCommunication),#lobbyOptions .face-config label:has(#faceLobbyCommunication){grid-column:1/-1}.face-config>.fine-print,#faceSaveConfig,#faceConfigStatus{display:none!important}.option-grid.only-rounds{grid-template-columns:1fr}
#roomDialog details.advanced-options,details.advanced-options{margin:14px 0 0;padding:0;border:1px solid var(--line);background:var(--input);border-radius:11px;min-width:0}details.advanced-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:12px 13px;font-size:11px;font-weight:650;color:var(--ink);list-style:none}details.advanced-options>summary::-webkit-details-marker{display:none}details.advanced-options>summary>small{font-size:9px;font-weight:400;color:var(--muted)}details.advanced-options>summary>span:before{content:'＋';font-weight:400;font-size:13px;color:var(--accent);margin-right:8px}details.advanced-options[open]>summary>span:before{content:'−'}details.advanced-options[open]>summary{border-bottom:1px solid var(--line)}.advanced-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.advanced-grid>.check-line{grid-column:1/-1;margin:0!important;font-size:11px!important}.advanced-grid>.timer-options{margin:0!important;background:var(--panel);padding:12px}.advanced-grid>.timer-options legend{font-size:10px}.advanced-grid>.timer-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.advanced-grid .timer-options label{font-size:9px!important}.advanced-grid .timer-options select{font-size:10px!important;padding-inline:7px!important;height:36px!important}.advanced-grid>.timer-options>p{font-size:9px;margin-top:10px;line-height:1.5}
.room-create-footer{position:sticky;bottom:-24px;padding:15px 0 0;background:var(--panel);border-top:1px solid var(--line);margin-top:16px;z-index:2}.room-create-footer #createRoom{margin:0 0 2px!important;min-height:44px;font-size:13px}.room-create-footer .status:empty{display:none}.room-create-footer .status{font-size:11px;margin:0 0 9px;min-height:0}#roomDialog:not(.joining) #joinDetails{display:none}#roomDialog.joining .room-create-footer{position:static;border:0;margin:0;padding:0}#roomDialog.joining #joinDetails{margin-top:0;border-top:0;padding-top:0}#roomDialog.joining #joinDetails>summary{display:none}
.lobby-layout{align-items:start;gap:17px}.lobby-people,.lobby-options{padding:20px}.lobby-layout .panel-title{margin-bottom:13px}.lobby-layout .panel-title h2{font-size:16px}.lobby-layout .panel-title .step{width:26px;height:26px;font-size:12px}#lobby .heading{margin-bottom:17px}#lobby .heading h1{font-size:30px;line-height:1.15}#lobby .heading p:not(.eyebrow){font-size:11px;line-height:1.5;margin-top:8px}#lobby .admin-tools{margin-top:10px;font-size:10px;gap:10px}#lobby .room-time-settings,#lobbyInviteNote{display:none!important}#lobbyOptionsNote{font-size:9px;min-height:0;margin-top:9px}.lobby-layout #lobbyPlayers{gap:10px}.lobby-people .lobby-team{padding:11px;margin:0 0 12px;min-width:0}.lobby-team h3{font-size:9px;margin-bottom:9px;letter-spacing:1px}.lobby-player strong{font-size:12px}.lobby-player small{font-size:9px}.lobby-next{margin-top:14px;padding-top:14px}.lobby-next .button{min-height:44px;font-size:13px}.lobby-invites .button{min-height:40px;font-size:12px}#lobbyReadyNote{margin-top:8px;font-size:10px;min-height:0}.lobby-options .button{margin-top:13px;min-height:40px;font-size:12px}.lobby-options .status:empty{display:none}#roomOptionsState{font-size:10px;margin-top:8px}.readiness-board{margin-bottom:16px;gap:8px}.readiness-board .ready-player{padding:7px 10px;font-size:10px;min-width:130px}.readiness-board .portrait-wrap{width:25px;height:29px}body[data-scene=lobby] .inline-room-chat{height:min(480px,calc(100dvh - 45px));min-height:260px}
#faceGame>.heading{margin-bottom:18px}#faceGame>.heading .eyebrow{font-size:9px;margin-bottom:7px}#faceGame>.heading h1{font-size:30px;line-height:1.15}#faceGame>.heading p:not(.eyebrow){font-size:12px;line-height:1.5;margin-top:8px}.face-sidebar .panel{padding:19px}.face-opponent .eyebrow{display:none}.face-secret-details{margin:13px 0;padding:10px 0}.face-voice-controls{margin:12px 0 0;padding:13px}.face-voice-controls h3{font-size:16px}.face-voice-controls .muted{font-size:11px;margin:8px 0 12px}#faceQuestionForm label{font-size:11px;margin-top:0}#faceQuestionForm .button{margin-top:10px}.face-sidebar #faceHistoryPanel{padding:13px 16px}.face-sidebar #faceHistoryPanel>summary{font-size:11px;font-weight:600;cursor:pointer;color:var(--muted)}#faceBoardNote{font-size:9px;min-height:0}#faceReadyNote{font-size:10px;line-height:1.5}#faceSetup>.muted{font-size:11px;margin:10px 0}
#faceHistoryPanel>summary{display:flex;align-items:center;gap:8px;min-height:22px;list-style:none}#faceHistoryPanel>summary::-webkit-details-marker{display:none}#faceHistoryPanel>summary:before{content:'+';color:var(--accent);font-size:14px;width:12px;text-align:center}#faceHistoryPanel[open]>summary:before{content:'−'}#faceHistoryCount{margin-left:auto;font-size:9px;font-weight:400;color:var(--muted)}#faceHistory{max-height:220px;overscroll-behavior:contain}#faceHistory article span{overflow-wrap:anywhere}
@media(max-width:1100px){body[data-online=true][data-scene=lobby] .inline-room-chat{height:170px;min-height:170px}}
@media(max-width:760px){#roomDialog{width:calc(100% - 20px);padding:18px;max-height:92dvh}#roomDialog .dialog-top h2{font-size:21px}.room-identity{margin-bottom:15px}#roomDialog .game-kind{gap:6px}#roomDialog .game-kind label{padding:10px 7px;gap:5px;min-height:66px}#roomDialog .game-kind strong{font-size:11px}#roomDialog .game-kind small{display:none}#roomDialog .mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#roomDialog .mode-picker label{padding:9px;min-height:39px}#roomDialog .mode-picker strong{font-size:12px}#roomDialog .creation-options select,#lobbyOptions select{font-size:11px}.room-create-footer{bottom:-18px;padding-top:12px;margin-top:13px}.advanced-grid{gap:11px;padding:11px}.advanced-grid>.timer-options>div{grid-template-columns:1fr}.advanced-grid .timer-options label{display:grid;grid-template-columns:1fr 105px;align-items:center;gap:10px}.advanced-grid .timer-options select{margin-top:0!important}.lobby-people,.lobby-options{padding:17px}.lobby-layout{gap:14px}#lobby .heading h1{font-size:26px}.lobby-layout #lobbyPlayers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby-player{flex-wrap:wrap!important;gap:7px}.lobby-player strong{font-size:11px;flex-basis:calc(100% - 50px)!important}.lobby-player small{width:100%;margin:0!important;font-size:8px;line-height:1.5}.lobby-player .lobby-avatar{width:32px;height:36px}.lobby-player .portrait-wrap{width:32px;height:36px}.lobby-team .host-crown .ui-icon{width:13px;height:13px}.lobby-people .lobby-team{padding:10px}.readiness-board .ready-player{min-width:0;font-size:9px;padding:7px;flex:1}#faceGame>.heading h1{font-size:25px}#faceGame>.heading p:not(.eyebrow){font-size:11px}.face-sidebar{display:contents}.face-sidebar>#faceSetup,.face-sidebar>#facePlay{order:1;width:100%}.face-table{order:2}.face-sidebar>#faceHistoryPanel{order:3;width:100%}body[data-online=true][data-scene=lobby] .inline-room-chat{height:160px;min-height:160px}}