/* One touch-scroll area per universe picker. Dialog controls never inherit card sizing. */
html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
body[data-match-quick=true] #lobbyOptions .live-main-options,body.calm-ui[data-match-quick=true] #lobbyOptions #faceLobbyLimits,.quick-fixed-field{display:none!important}
body #universeDialog{height:min(740px,calc(var(--intui-viewport-height,100dvh) - 28px));max-height:calc(var(--intui-viewport-height,100dvh) - 28px);min-height:0;margin:auto;overscroll-behavior:contain}
body #universeDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
body #universeGrid,body #deviceUniverseGrid{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
body #deviceUniverses{height:min(740px,calc(var(--intui-viewport-height,100dvh) - 28px));max-height:calc(var(--intui-viewport-height,100dvh) - 28px);box-sizing:border-box;overflow:hidden}
body #deviceUniverses[open]{display:flex;flex-direction:column}
body #deviceUniverses .dialog-top,body #deviceUniverseCategories,body #deviceUniverses .universe-search{flex:none}
body #deviceUniverseGrid{flex:1}
body #deviceUniverses .universe-search{position:relative;display:block;margin:10px 0 0}
body #deviceUniverseSearch{width:100%;box-sizing:border-box;height:43px;min-height:43px;padding:9px 12px 9px 40px;margin:0;font-size:16px}
@media(max-width:600px){body .universe-tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto;align-content:start;height:auto;min-height:134px;gap:8px}body .universe-tile-copy{width:100%;max-width:100%;align-self:start}body .universe-tile small{white-space:normal;overflow-wrap:normal}}
body dialog .dialog-top{display:flex;align-items:center;gap:12px;min-width:0}
body dialog .dialog-top>h2,body dialog .dialog-top>div:not(.universe-dialog-actions){min-width:0;flex:1;overflow-wrap:anywhere}
body dialog .dialog-top .icon-button,body .clue-announcement>button.icon-button{box-sizing:border-box;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;padding:8px;margin:0;line-height:1;transform:none}
body dialog .dialog-top .icon-button{position:static;align-self:center}
body dialog .dialog-top .icon-button>.ui-icon,body .clue-announcement>button.icon-button>.ui-icon{display:block;position:static;width:19px;height:19px;min-width:0;min-height:0;margin:0;padding:0;transform:none}
body .clue-announcement>button.icon-button{width:29px;height:29px;min-width:29px;min-height:29px;padding:5px}
body .face-card>b,body .device-card>b{position:absolute;inset:6px 6px auto auto;display:grid;place-items:center;box-sizing:border-box;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;margin:0;line-height:1;font-size:14px;transform:none}
.quick-match-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input);margin:4px 0 14px;cursor:pointer}
.quick-match-choice>input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--accent)}.quick-match-choice>span{display:grid;gap:3px;flex:1;min-width:0}.quick-match-choice strong{font-size:15px;line-height:1.4}.quick-match-choice small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.quick-match-choice>b{color:var(--yellow);font-size:19px;flex:none}.quick-match-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--input))}
@media(max-width:600px){body #universeDialog,body #deviceUniverses{width:calc(100% - 24px);height:calc(var(--intui-viewport-height,100dvh) - 24px);max-height:calc(var(--intui-viewport-height,100dvh) - 24px);border-radius:17px}body #universeDialog .universe-dialog-head{padding:16px 15px 12px}body #universeDialog h2{font-size:22px}body #universeDialog .universe-eyebrow{display:none}body #universeSubtitle{margin-bottom:10px;font-size:12px}body #universeDialog .universe-categories{margin-bottom:10px}body #universeGrid,body #deviceUniverseGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}body #universeDialog .universe-dialog-actions{gap:4px}.quick-match-choice{padding:10px}.quick-match-choice small{font-size:12px}}