/* Matched title, control and helper rows: no staggered selects on small screens. */
.autosave-obsolete{display:none!important}
/* Same preparation block in every mode: players, universe, communication, Ready. */
body.calm-ui #lobby .lobby-next>.universe-trigger{margin:0 0 12px}
body.calm-ui #lobby .lobby-next>.face-conversation{margin:0 0 14px}
body.calm-ui #lobby .lobby-next>.face-conversation>p{margin-bottom:0}
body.calm-ui #lobby .lobby-next{min-width:0}
/* Core choices stay visible; only timers and optional rules remain in one drawer. */
body.calm-ui #matchCustomization.live-visible-options{border:0;margin-top:16px;border-radius:0}
body.calm-ui #matchCustomization.live-visible-options>summary{display:none}
body.calm-ui .live-visible-options>.customization-body{padding:0}
body.calm-ui .live-visible-options #lobbyOptions{border-top:1px solid var(--line);padding-top:12px}
body.calm-ui #lobbyOptions .live-main-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body.calm-ui #lobbyOptions .live-main-options>label:not(.hidden){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:2.5em 42px;gap:5px;margin:0;min-width:0;font-size:13px;line-height:1.35}
body.calm-ui #lobbyOptions .live-main-options>label.hidden{display:none!important}
body.calm-ui #lobbyOptions .live-main-options .setting-label{display:flex;align-items:end;min-width:0}
body.calm-ui #lobbyOptions .live-main-options select{margin:0!important;width:100%;min-width:0;min-height:42px;height:42px;font-size:15px!important;padding:8px 25px 8px 10px!important}
body.calm-ui #lobbyOptions #faceLobbyLimits{margin:12px 0 0}
body.calm-ui #lobbyOptions #lobbyAdvancedOptions{margin-top:14px}
body.calm-ui #lobbyOptions #lobbyAdvancedOptions>summary{min-height:42px;padding:9px 11px;font-size:13px}
body.calm-ui .live-options-state{font-size:11px!important;margin:8px 0 0!important;min-height:1.5em}
body.calm-ui #faceCommunicationChoices>button{min-height:54px;padding:9px 11px}
body.calm-ui #faceCommunicationChoices strong{font-size:15px}
body.calm-ui #faceCommunicationChoices small{font-size:11px;line-height:1.4}
body.calm-ui #lobbyOptions #faceLobbyLimits:not(.hidden),body #roomDialog #faceCreateLimits:not(.hidden){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
body.calm-ui #lobbyOptions #faceLobbyLimits.hidden{display:none!important}
body.calm-ui #lobbyOptions #faceLobbyLimits>label,body #roomDialog #faceCreateLimits>label{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:2.8em 44px minmax(2.6em,auto);align-items:start;align-content:start;gap:7px;margin:0;min-width:0;font-size:14px;line-height:1.4}
body #lobbyOptions #faceLobbyLimits .setting-label,body #roomDialog #faceCreateLimits .setting-label{grid-row:1;grid-column:1;display:flex;align-items:flex-end;align-self:stretch;min-width:0;overflow-wrap:normal}
body.calm-ui #lobbyOptions #faceLobbyLimits select,body #roomDialog #faceCreateLimits select{grid-row:2!important;grid-column:1!important;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:42px;height:42px;margin:0!important;font-size:15px!important;padding:8px 24px 8px 10px!important;align-self:start}
body #lobbyOptions #faceLobbyLimits small,body #roomDialog #faceCreateLimits small{grid-row:3;grid-column:1;margin:0;font-size:12px;line-height:1.4;align-self:start}
body.calm-ui #lobbyOptions .timer-options>div>label:not(.hidden){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:2.8em 44px;gap:7px;margin:0;min-width:0;align-content:start}
body.calm-ui #lobbyOptions .timer-options>div>label.hidden{display:none!important}
body.calm-ui #lobbyOptions .advanced-grid>label:has(#lobbyFirst){grid-column:1/-1}
body.calm-ui[data-face-mode=true] #lobbyOptions .timer-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}
body.calm-ui #lobbyOptions .timer-options .setting-label{grid-row:1;display:flex;align-items:flex-end;align-self:stretch;line-height:1.4;font-size:13px}
body.calm-ui #lobbyOptions .timer-options select{grid-row:2;min-width:0;width:100%;height:44px;margin:0!important;box-sizing:border-box;font-size:15px!important;padding-inline:9px 23px}
.live-options-state{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.live-options-state.has-error{color:var(--no,#e7a7b2)}.room-options-updated #customizationSummary{color:var(--accent)}
.face-team-format{margin:12px 0 0}.face-team-format>span{font-size:13px;font-weight:800}.face-team-format>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.face-team-format button{border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--muted);font-family:inherit;font-size:14px;font-weight:800;min-height:42px;cursor:pointer}.face-team-format button.selected{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,var(--input))}.face-team-format button:disabled{cursor:default;opacity:.6}.face-team-format small{font-size:12px;line-height:1.5;color:var(--muted)}
/* A translucent wash communicates the answer to everyone except its author. */
body.delight-ui #playFeedback:not(.hidden){position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;place-items:center;width:auto;max-width:none;height:auto;margin:0;padding:20px;box-sizing:border-box;transform:none;border:0;border-radius:0;box-shadow:none;pointer-events:none;backdrop-filter:none;animation:answerWash 1.65s ease both}
body.delight-ui #playFeedback.positive{background:rgba(39,180,112,.17)}body.delight-ui #playFeedback.negative{background:rgba(218,61,83,.17)}
.feedback-card{display:grid;justify-items:center;gap:10px;width:min(350px,100%);min-width:0;max-height:calc(100dvh - 48px);overflow:hidden;box-sizing:border-box;padding:28px 22px;border:1px solid #ffffff38;border-radius:24px;background:color-mix(in srgb,var(--panel,#202435) 92%,transparent);box-shadow:0 20px 70px #0003;color:var(--ink);text-align:center}
body #playFeedback .feedback-icon{display:grid;grid-row:auto;place-items:center;width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,#80dfb7 20%,transparent);color:#80dfb7}body #playFeedback.negative .feedback-icon{background:color-mix(in srgb,#f19ca9 20%,transparent);color:#f19ca9}body #playFeedback .feedback-icon .ui-icon{width:42px;height:42px}body #playFeedback strong{font-size:45px;line-height:1;font-weight:900;letter-spacing:0;color:inherit}body #playFeedback small{font-size:15px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}body #playFeedback .feedback-by{font-size:12px;line-height:1.4;color:var(--muted)}body #playFeedback .feedback-next{font-size:14px;font-weight:800;color:var(--accent);margin-top:4px}
@keyframes answerWash{0%{opacity:0}13%,76%{opacity:1}100%{opacity:0}}
@media(max-width:600px){body.calm-ui #lobbyOptions #faceLobbyLimits>label{font-size:13px}.feedback-card{padding:24px 18px;border-radius:20px}body #playFeedback strong{font-size:40px}body #playFeedback small{font-size:14px}.face-team-format button{font-size:13px}}
@media(max-width:600px){body.calm-ui #lobbyOptions #faceLobbyLimits:not(.hidden){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.calm-ui #lobbyOptions #faceLobbyLimits>label{grid-template-rows:2.8em 42px auto;gap:5px;font-size:13px}body #roomDialog #faceCreateLimits:not(.hidden){grid-template-columns:minmax(0,1fr)}body.calm-ui #lobbyOptions .timer-options>div,body.calm-ui[data-face-mode=true] #lobbyOptions .timer-options>div{grid-template-columns:minmax(0,1fr)}body.calm-ui #lobbyOptions .timer-options>div>label:not(.hidden){grid-template-columns:minmax(0,1fr) 130px!important;grid-template-rows:44px;align-items:center;gap:12px}body.calm-ui #lobbyOptions .timer-options .setting-label{grid-column:1;grid-row:1;align-items:center}body.calm-ui #lobbyOptions .timer-options select{grid-column:2;grid-row:1}body.calm-ui #faceCommunicationChoices{gap:8px}body.calm-ui #faceCommunicationChoices>button{padding:9px;min-height:58px}body.calm-ui #faceCommunicationChoices small{font-size:10px}body.delight-ui #playFeedback:not(.hidden){padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden}}
@media(prefers-reduced-motion:reduce){body.delight-ui #playFeedback:not(.hidden){animation:none}}