:where(html[data-game=guess-game]) .game-settings{background:var(--floating-surface);width:min(320px,100vw - 32px);color:var(--floating-text);box-shadow:var(--floating-shadow);font:400 13px/1.4 var(--font-family);border:0;border-radius:22px;padding:18px}:where(html[data-game=guess-game]) .settings-heading{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;margin-bottom:18px;display:grid}:where(html[data-game=guess-game]) .settings-heading h2{text-align:center;font:600 18px/1.2 var(--font-family);grid-column:2;margin:0}:where(html[data-game=guess-game]) .settings-close{width:28px;height:28px;color:var(--floating-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;grid-column:3;place-items:center;padding:5px;display:grid}:where(html[data-game=guess-game]) .settings-close svg{width:16px;height:16px}:where(html[data-game=guess-game]) .settings-section{grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:10px;display:grid}:where(html[data-game=guess-game]) .settings-section+.settings-section{margin-top:10px}:where(html[data-game=guess-game]) .settings-section.settings-language{margin-top:18px}:where(html[data-game=guess-game]) .settings-section h3{font:400 12px/1.3 var(--font-family);color:var(--floating-muted);margin:0}:where(html[data-game=guess-game]) .settings-choices{background:var(--floating-inset);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;display:grid}:where(html[data-game=guess-game]) .settings-choices>:is(button,a){min-height:30px;color:var(--floating-muted);font:500 10px/1.3 var(--font-family);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:6px 3px;text-decoration:none;transition:background .15s,color .15s;display:flex}:where(html[data-game=guess-game]) .settings-choices>:is([aria-pressed=true],[aria-current=true]),:where(html[data-game=guess-game]) .settings-choices>:is(button,a):hover,:where(html[data-game=guess-game]) .settings-close:hover{background:var(--floating-selected);color:var(--floating-text)}@media (prefers-reduced-motion:reduce){.settings-choices>:is(button,a){transition:none}}:where(html[data-game=guess-game]) .settings-choices svg{flex:none;width:18px;height:18px;display:block}dialog.ui-modal-host[data-layout=fullscreen]>.game-settings{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
