/* Fewer competing surfaces, not smaller type. Every secondary control stays reachable. */
.calm-ui .communication-native{display:none!important}
.calm-ui .room-meta-round{display:none}
.calm-ui .face-conversation{margin-top:17px}.calm-ui .face-conversation.hidden{display:none!important}.calm-ui .conversation-label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.calm-ui #faceCommunicationChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calm-ui #faceCommunicationChoices button{min-width:0;min-height:65px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--input);font-family:inherit;color:var(--ink);text-align:left;cursor:pointer;line-height:1.4}.calm-ui #faceCommunicationChoices strong{display:block;font-size:14px;line-height:1.4}.calm-ui #faceCommunicationChoices small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:3px}.calm-ui #faceCommunicationChoices button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--input));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.calm-ui #faceCommunicationChoices button:disabled{cursor:default;opacity:.65}.calm-ui #faceCommunicationChoices button.selected:disabled{opacity:1}.calm-ui .face-conversation>p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.calm-ui #roomBar{flex-wrap:wrap;align-items:center}.calm-ui .room-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}.calm-ui .room-quick-actions>.sr-only{display:none}.calm-ui .room-public-code{font-size:12px;letter-spacing:1.2px;color:var(--muted);font-weight:800;white-space:nowrap;padding:5px 2px}.calm-ui .room-quick-actions>button{min-height:40px;padding:8px 10px;font-size:13px;line-height:1.4;border:1px solid var(--line);border-radius:9px}.calm-ui #leaveRoom{color:var(--ink);background:var(--input);font-weight:800;white-space:nowrap}.calm-ui[data-calm-online=true]:not([data-scene=lobby]) #gameBack{display:none}.calm-ui #roomScore.clean-score{flex-wrap:wrap;row-gap:8px}
.calm-ui .confirmed-discoveries{margin:0 0 16px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-left:3px solid var(--green);border-radius:12px;background:color-mix(in srgb,var(--green) 4%,var(--panel))}.calm-ui .confirmed-discoveries.hidden{display:none!important}.calm-ui .confirmed-heading{display:flex;gap:10px;justify-content:space-between;align-items:start;margin-bottom:9px}.calm-ui .confirmed-heading>div{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap;min-width:0}.calm-ui .confirmed-heading strong{font-size:14px;line-height:1.45;color:var(--green)}.calm-ui .confirmed-heading span{font-size:13px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.calm-ui .confirmed-heading>small{font-size:13px;line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--green)}.calm-ui .confirmed-list{display:flex;align-items:center;gap:7px;list-style:none;padding:0 0 3px;margin:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.calm-ui .confirmed-list>li{display:flex;gap:7px;align-items:center;flex:none;border:1px solid var(--line);border-radius:8px;padding:5px 8px 5px 5px;background:var(--input);max-width:230px}.calm-ui .confirmed-list .portrait-wrap{width:25px;height:30px;flex:none;border-radius:5px}.calm-ui .confirmed-list>li>span:not(.portrait-wrap){font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.calm-ui .confirmed-list b{font-size:13px;color:var(--green)}.calm-ui .private-sheet .panel-title{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center}.calm-ui .private-sheet .panel-title .private{display:none!important}.calm-ui .private-sheet .panel-title h2{font-size:16px;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere}.calm-ui .private-cola-scope{font-size:12px;color:var(--muted);margin:-6px 0 12px;line-height:1.5}
.calm-ui .version,.calm-ui[data-calm-online=true] #menuButton,.calm-ui[data-calm-online=true] #returnHome,.calm-secondary-hidden{display:none!important}
.calm-ui .calm-idle-copy{display:none!important}
.calm-ui #faceLobbyConfig>label:not(.universe-native-select){grid-column:1/-1}
.calm-ui[data-calm-online=true] .tabs{display:none!important}
.calm-ui .topbar{padding-block:14px}.calm-ui[data-calm-online=true] .page-footer{display:none}
.calm-ui .current-game-stage{font-size:13px;font-weight:700;color:var(--muted);margin-left:auto;order:1}.calm-ui #newRoundAction{order:2}.calm-ui .game-navigation{gap:14px;margin-bottom:12px}.calm-ui #gameBack{margin-right:auto}
.calm-ui[data-scene=lobby] #lobby>.heading{margin:8px 0 18px}.calm-ui[data-scene=lobby] #lobby>.heading h1{font-size:26px}.calm-ui #lobbySummary{font-size:15px}.calm-ui #lobby .lobby-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.calm-ui #lobby .lobby-people,.calm-ui #lobby .lobby-options{padding:21px;border-radius:18px}.calm-ui #lobby .lobby-options{justify-content:flex-start}.calm-ui #lobby .lobby-next{margin-top:auto;padding-top:16px}.calm-ui #lobby .lobby-player{min-height:62px}.calm-ui #lobby .lobby-team{margin-bottom:12px}.calm-ui #lobby .lobby-team h3{font-size:12px}.calm-ui #lobby .lobby-player strong{font-size:15px}.calm-ui #lobby .lobby-player small{font-size:13px}.calm-ui #lobby .lobby-invites{margin-bottom:14px}.calm-ui #lobby .lobby-invites .button{background:var(--input);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.calm-ui #roomModeStudio{margin-bottom:0}.calm-ui .studio-label{display:none}.calm-ui .room-mode-card{min-height:80px;grid-template-rows:27px auto}.calm-ui .room-mode-card strong{font-size:14px}.calm-ui .studio-description{font-size:14px;line-height:1.5;margin:12px 0 16px}.calm-ui .room-format-button{font-size:14px;min-height:42px}.calm-ui #roomModeError:empty{display:none}
.calm-ui #matchCustomization{margin-top:18px;border:1px solid var(--line);border-radius:12px;min-width:0}.calm-ui #matchCustomization>summary{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:12px 14px;list-style:none;cursor:pointer;min-height:64px}.calm-ui #matchCustomization>summary::-webkit-details-marker{display:none}.calm-ui #customizationLabel{font-size:14px;font-weight:800}.calm-ui #customizationSummary{grid-column:1;grid-row:2;font-size:13px;line-height:1.4;color:var(--muted)}.calm-ui .customization-toggle{grid-column:2;grid-row:1/3;font-size:22px;color:var(--accent);font-weight:400}.calm-ui #matchCustomization.has-changes{border-color:var(--yellow)}.calm-ui .customization-body{padding:0 15px 15px}.calm-ui #lobbyOptions{border-top:1px solid var(--line);padding-top:15px;margin-top:0}.calm-ui #lobbyOptionsNote{margin-bottom:0}.calm-ui #lobbyOptions .option-grid>label{font-size:14px;line-height:1.5;grid-template-rows:auto 44px}.calm-ui #lobbyOptions .option-grid{align-items:end}.calm-ui #faceLobbyConfig{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;padding:0;border:0;background:none}.calm-ui #faceLobbyConfig.hidden{display:none!important}.calm-ui #faceLobbyConfig>label{margin:0;font-size:14px;min-width:0}.calm-ui #faceLobbyConfig>label:has(#faceLobbyCommunication){grid-column:1/-1}.calm-ui #faceConfigStatus{grid-column:1/-1;margin:0;font-size:13px}.calm-ui #faceSaveConfig{display:none}.calm-ui #faceLobbyConfig>.fine-print{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5}.calm-ui #lobby>.lobby-layout .universe-face-trigger{margin:16px 0 0}.calm-ui .universe-trigger-copy strong{font-size:16px}.calm-ui .universe-trigger-copy small{font-size:12px}
/* The same photos and private cheat sheet, with the rule-writing task first. */
.calm-ui #prepare>.heading{margin:8px 0 18px}.calm-ui #prepareTitle{font-size:27px}.calm-ui #connection{display:none}.calm-ui .rule-panel>.panel-title .private{display:none}.calm-ui #ruleInput{min-height:100px}.calm-ui #preparationTools{margin-top:18px}.calm-ui #preparationTools>summary{font-size:14px}.calm-ui #preparationToolsCount{font-size:12px}.calm-ui #preparationTools #rosterDetails,.calm-ui #preparationTools #interpretationDetails{margin:0;border:0}.calm-ui #preparationTools #rosterDetails>summary,.calm-ui #preparationTools #interpretationDetails>summary{pointer-events:none;cursor:default;min-height:28px;padding:5px 0;font-size:13px;color:var(--muted)}.calm-ui #preparationTools #rosterDetails>summary:after,.calm-ui #preparationTools #interpretationDetails>summary:after,.calm-ui #preparationTools #rosterDetails>summary>small{display:none}.calm-ui #preparationTools .clean-fold-body{padding-bottom:10px}.calm-ui #preparationTools #ruleAnalysis{padding:10px}.calm-ui #preparationTools #ruleAnalysis p{font-size:14px}.calm-ui .preparation-tools-body{padding-bottom:8px}.calm-ui .calm-suggestion-status{margin:8px 0 0}.calm-ui #suggestStatus:not(:empty){font-size:13px}.calm-ui .character-grid{max-height:450px}.calm-ui .cast-footer{align-items:center}.calm-ui #host .play-layout{grid-template-columns:250px minmax(0,1fr)}.calm-ui #mine .play-layout{max-width:720px}.calm-ui #mine .play-board{padding:26px}.calm-ui #host .play-board>h2,.calm-ui #mine .play-board>h2{font-size:25px}.calm-ui .guess-preview>div>small,.calm-ui .guess-preview>small{display:none}.calm-ui #optionalHints .fine-print{line-height:1.6}.calm-ui #mine .hint-panel{background:none}.calm-ui #lastAnswer{border-width:0 0 0 3px;background:color-mix(in srgb,var(--panel) 60%,transparent);padding:9px 12px}.calm-ui .clean-context-bar{margin-top:3px}.calm-ui #mine .board-top{margin-bottom:18px}.calm-ui #mine .board-top select{max-width:75%}
/* Keep reading and typing room-sized; chat never covers the board. */
.calm-ui #lobby .lobby-player{display:grid!important;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px}.calm-ui #lobby .lobby-player .lobby-avatar{grid-column:1;grid-row:1/3;width:36px;height:42px;margin:0}.calm-ui #lobby .lobby-player strong{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere;line-height:1.4}.calm-ui #lobby .lobby-player small{grid-column:2;grid-row:2;width:auto!important;margin:0!important;line-height:1.4}.calm-ui #lobby .lobby-player .team-slot-button{grid-column:1/-1}.calm-ui #lobby .lobby-player .host-crown{display:inline-flex;vertical-align:middle;margin-left:4px;float:none}.calm-ui #lobby .lobby-player .lobby-avatar .portrait-wrap{width:36px;height:42px}.calm-ui #preparationTools #rosterDetails>summary,.calm-ui #preparationTools #interpretationDetails>summary{pointer-events:auto;cursor:pointer}
.calm-ui .inline-room-chat{box-shadow:none}.calm-ui .inline-room-chat>header{padding:14px}.calm-ui .inline-room-chat>header strong{font-size:14px}.calm-ui .inline-room-chat>header small{font-size:12px}.calm-ui .inline-room-chat .chat-message p{font-size:15px}.calm-ui .inline-room-chat .chat-empty{font-size:13px;max-width:170px;margin-inline:auto}.calm-ui #faceGame>.heading h1{font-size:27px}.calm-ui #faceGame>.heading .count{font-size:13px}.calm-ui #faceSubtitle{font-size:14px}.calm-ui .face-sidebar #facePlay{padding:21px}.calm-ui .face-voice-controls>small{display:none}.calm-ui #facePlay .face-opponent h2{font-size:20px}.calm-ui #facePlay .face-opponent{margin-bottom:14px}.calm-ui #faceTurn{font-size:15px}.calm-ui #faceBoardNote{font-size:13px;line-height:1.5}.calm-ui #faceBoardNote:empty{display:none}
@media(min-width:1101px){.calm-ui[data-online=true] .shell{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.calm-ui #lobby .lobby-layout{align-items:stretch}}
@media(max-width:1100px){.calm-ui[data-online=true] .inline-room-chat{grid-row:2;position:relative;height:240px;min-height:240px}.calm-ui .game-stage{grid-row:1}}
@media(max-width:760px){.calm-ui .topbar{padding:12px 14px}.calm-ui .header-actions{gap:6px}.calm-ui .game-navigation{margin-bottom:10px;gap:10px}.calm-ui .current-game-stage{font-size:12px}.calm-ui #newRoundAction{font-size:12px}.calm-ui .shell{width:calc(100% - 24px)}.calm-ui[data-scene=lobby] #lobby>.heading{grid-template-columns:1fr auto;margin-bottom:14px;gap:10px}.calm-ui[data-scene=lobby] #lobby>.heading h1{font-size:23px}.calm-ui #lobbySummary{font-size:14px}.calm-ui #lobby .admin-tools{margin-top:6px}.calm-ui #lobby .lobby-layout{grid-template-columns:1fr;gap:12px}.calm-ui #lobby .lobby-options,.calm-ui #lobby .lobby-people{padding:17px;border-radius:16px}.calm-ui #lobby .lobby-options{order:0}.calm-ui #lobby .lobby-people{order:1}.calm-ui #lobby .panel-title{margin-bottom:14px}.calm-ui #lobby .panel-title h2{font-size:18px}.calm-ui #lobby .lobby-team{padding:11px!important}.calm-ui #lobby .lobby-player{min-height:64px}.calm-ui #lobby .lobby-player strong{font-size:14px}.calm-ui #lobby .lobby-player small{font-size:12px}.calm-ui #lobby .lobby-next{margin-top:0;padding-top:14px}.calm-ui #lobby .lobby-invites{margin-bottom:13px}.calm-ui .room-mode-card{min-height:77px;padding:10px 5px}.calm-ui .room-mode-card strong{font-size:13px}.calm-ui .studio-description{font-size:14px;margin:10px 0 13px}.calm-ui .room-format-button{font-size:13px;min-height:42px}.calm-ui #matchCustomization{margin-top:14px}.calm-ui #matchCustomization>summary{padding:11px 12px;min-height:61px}.calm-ui .customization-body{padding-inline:12px}.calm-ui #lobbyCode{font-size:10px;padding:8px;letter-spacing:.8px}.calm-ui #lobbyOptions .option-grid>label{font-size:14px;grid-template-rows:auto 44px}.calm-ui #lobbyOptions .option-grid{gap:10px}.calm-ui #prepare>.heading{margin-bottom:14px}.calm-ui #prepareTitle{font-size:25px}.calm-ui .prepare-layout{gap:13px}.calm-ui .rule-panel,.calm-ui .cast-panel{padding:17px}.calm-ui .rule-panel .panel-title{margin-bottom:12px}.calm-ui #preparationTools{margin-top:12px}.calm-ui #preparationTools>summary{padding-block:10px}.calm-ui .character-grid{max-height:430px}.calm-ui .character-card .portrait-wrap{height:115px}.calm-ui .card-name{font-size:13px}.calm-ui #host .play-layout{grid-template-columns:1fr;gap:12px}.calm-ui #host .play-board,.calm-ui #mine .play-board{padding:20px}.calm-ui #host .play-board>h2,.calm-ui #mine .play-board>h2{font-size:23px}.calm-ui .clean-turn-title>strong{font-size:15px}.calm-ui #faceGame>.heading h1{font-size:24px}.calm-ui #faceGame>.heading{gap:8px}.calm-ui #faceSubtitle{font-size:14px}.calm-ui #roomBar{border-radius:12px}.calm-ui #faceBoardNote{font-size:12px}.calm-ui[data-online=true] .inline-room-chat,.calm-ui[data-online=true] .inline-room-chat.hidden{height:225px;min-height:225px;margin-top:3px}.calm-ui .inline-room-chat>header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px}.calm-ui .inline-room-chat>header small{max-width:none}.calm-ui .inline-room-chat>header:has(.chat-channels:not(.hidden))>div{flex-direction:column;align-items:stretch}.calm-ui .face-board-head .segmented button{font-size:13px}}
@media(max-width:360px){.calm-ui[data-scene=lobby] #lobby>.heading{grid-template-columns:1fr}.calm-ui #lobbyCode{justify-self:start}.calm-ui .room-mode-choices{gap:5px}.calm-ui .room-mode-card strong{font-size:12px}.calm-ui #lobbyOptions .option-grid{grid-template-columns:1fr}.calm-ui #faceLobbyConfig{grid-template-columns:1fr}}
/* One explicit grid per player. A status never shares a row with the avatar. */
@media(max-width:760px){.calm-ui #roomBar #roomScore.clean-score{display:flex!important;flex-basis:100%;width:100%!important}.calm-ui #roomBar #roomScore .clean-score-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.calm-ui #roomBar #roomScore .clean-round{display:none!important}.calm-ui .room-public-code{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 11px;letter-spacing:.8px;font-size:11px}.calm-ui .room-meta-round{display:inline;font-size:11px;font-weight:600;letter-spacing:0}.calm-ui #roomBar .room-quick-actions{padding-top:6px}}
.calm-ui #lobby #lobbyPlayers .lobby-player{display:grid!important;grid-template-columns:36px minmax(0,1fr);grid-template-rows:minmax(42px,auto) auto auto;align-content:start;align-items:center;gap:5px 9px;padding:9px 0;min-height:0}
.calm-ui #lobby #lobbyPlayers .lobby-player>.lobby-avatar{grid-column:1;grid-row:1;align-self:center;margin:0;width:36px;height:42px}
.calm-ui #lobby #lobbyPlayers .lobby-player>strong{grid-column:2;grid-row:1;max-height:none;min-width:0;overflow:visible;font-size:15px;line-height:1.4;overflow-wrap:anywhere;align-self:center}
.calm-ui #lobby #lobbyPlayers .lobby-player>small{grid-column:1/-1;grid-row:2;min-width:0;width:auto!important;margin:0!important;font-size:13px;line-height:1.45;overflow-wrap:anywhere;align-self:start}
.calm-ui #lobby #lobbyPlayers .lobby-player>.team-slot-button{grid-column:1/-1;grid-row:3;position:static;min-width:0;min-height:38px;margin:5px 0 0;white-space:normal}
.calm-ui.party-play[data-party-team=true] #lobbyPlayers>.lobby-team{grid-template-rows:28px repeat(2,minmax(120px,1fr));align-content:stretch}.calm-ui #lobby #lobbyPlayers .host-crown{display:inline-flex;vertical-align:middle;line-height:1;margin-left:4px}.calm-ui #lobby #lobbyPlayers .host-crown .ui-icon{width:15px;height:16px;display:block}
@media(max-width:760px){.calm-ui #lobby #lobbyPlayers .lobby-player{grid-template-columns:32px minmax(0,1fr);gap:6px 7px}.calm-ui #lobby #lobbyPlayers .lobby-player>.lobby-avatar,.calm-ui #lobby #lobbyPlayers .lobby-player .lobby-avatar .portrait-wrap{width:32px;height:38px}.calm-ui #lobby #lobbyPlayers .lobby-player>strong{font-size:14px}.calm-ui #lobby #lobbyPlayers .lobby-player>small{font-size:12px}.calm-ui #roomBar{gap:8px;padding:10px}.calm-ui #roomScore.clean-score{flex-basis:100%;min-width:0;flex-wrap:wrap;gap:8px}.calm-ui #roomScore .clean-score-players{display:flex;flex-wrap:wrap;flex:1;gap:5px}.calm-ui .room-quick-actions{width:100%;justify-content:flex-end;gap:7px;padding-top:7px;border-top:1px solid var(--line)}.calm-ui .room-public-code{margin-right:auto}.calm-ui .room-quick-actions>button{font-size:12px;min-height:38px;padding:7px 9px}.calm-ui #faceCommunicationChoices strong{font-size:13px}.calm-ui #faceCommunicationChoices small{font-size:11px}.calm-ui .confirmed-discoveries{padding:11px 12px;margin-bottom:13px}.calm-ui .confirmed-heading>div{display:block}.calm-ui .confirmed-heading strong,.calm-ui .confirmed-heading span{display:block}.calm-ui .confirmed-heading span{font-size:12px;margin-top:2px}.calm-ui .confirmed-heading>small{font-size:12px}.calm-ui .confirmed-list>li{max-width:190px}.calm-ui .confirmed-list>li>span:not(.portrait-wrap){font-size:13px}.calm-ui .private-sheet .panel-title h2{font-size:16px}}