/* Shared choices for game setup. Native inputs own selection and focus. */
:root{--choice-gap:8px;--choice-radius:7px;--choice-pad:14px}
body .home-menu-setup{width:430px}
.ui-choice{min-width:0;margin:0 0 24px;padding:0;border:0}
.ui-choice legend{float:none;width:100%;margin:0 0 10px;padding:0;font:14px/1.4 "Golos Text", system-ui;color:var(--ink-muted)}
.ui-choice-options{display:grid;grid-template-columns:repeat(var(--choices),minmax(0,1fr));gap:var(--choice-gap)}
.ui-choice-item{position:relative;display:block;min-width:0;margin:0;cursor:pointer}
body .home-menu .ui-choice input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;padding:0;margin:0;left:12px;top:12px;pointer-events:none}
.ui-choice-surface{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;height:100%;padding:12px 10px;border:1px solid var(--line);border-radius:var(--choice-radius);background:#14271fe8;color:var(--ink);transition:background .12s,border-color .12s;box-sizing:border-box}
.ui-choice-title{font:18px/1.25 "Literata", Georgia,serif;overflow-wrap:anywhere}
.ui-choice-surface small{font:12px/1.45 "Golos Text", system-ui;color:var(--ink-muted)}
.ui-choice-check{display:none;position:absolute;right:9px;top:7px;font:12px/1 "Golos Text", system-ui;color:#edd7a2}
.ui-choice input:checked+.ui-choice-surface{background:#344233;border-color:#d4b77d;box-shadow:inset 0 0 0 1px #d4b77d24}
.ui-choice input:checked+.ui-choice-surface .ui-choice-check{display:block}
.ui-choice-item:hover .ui-choice-surface{border-color:#cfb783;background-color:#26382a}
.ui-choice input:focus-visible+.ui-choice-surface{outline:2px solid #f3dba3;outline-offset:3px}
.ui-choice input:disabled+.ui-choice-surface{opacity:.5;cursor:wait}
.ui-choice-cards .ui-choice-surface{align-items:flex-start;justify-content:flex-start;padding:16px 14px;min-height:104px;gap:8px}
.ui-choice-cards .ui-choice-title{padding-right:12px}
.setup-flow{min-width:0}.setup-flow [hidden]{display:none!important}
.setup-flow .setup-intro{margin:0 0 24px;font:17px/1.55 "Literata", Georgia;color:var(--ink)}
.setup-flow .setup-action{margin-top:24px}
.setup-caption{font:12px/1.5 "Golos Text", system-ui;color:var(--ink-muted);margin:10px 0 0}
.setup-action>.setup-caption{text-align:center}
.setup-mode-note{min-height:42px;font:13px/1.6 "Golos Text", system-ui;color:var(--ink-muted);margin:-12px 0 22px}
.setup-fact{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font:14px/1.5 "Golos Text", system-ui;color:var(--ink-muted)}
.setup-fact strong{color:var(--ink);font-weight:500}
body .home-menu .setup-secondary{display:block;width:100%;margin-top:10px;text-align:center;border:1px solid var(--line);background:#15271ee6;font:16px/1.4 "Literata", Georgia;min-height:48px}
.setup-join{margin:0}.setup-join>.home-primary{margin-top:12px}
body .home-menu .setup-reference{margin-top:24px;padding:0}
body .home-menu .setup-reference summary{font:15px/1.5 "Golos Text", system-ui}
.setup-reference-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body .home-menu .setup-reference-actions button{font:14px/1.4 "Golos Text", system-ui;border:1px solid var(--line);padding:10px;text-align:center;background:#13271ce8}
body .home-menu .setup-rating{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-block:1px solid var(--line);margin:0 0 16px}
.setup-rating>strong{font-size:30px}.setup-rating small{font-size:12px;margin-left:7px}
.setup-rating>p{font:13px/1.4 "Golos Text", system-ui;margin:0;max-width:140px;text-align:right;color:var(--ink-muted)}
.home-content[data-page=ranked]>.form-note{font-size:13px;line-height:1.6}
body .home-menu .home-nav button:not(.home-primary){position:relative;padding-right:30px}
.home-nav button:not(.home-primary)::after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);font:20px "Literata", Georgia;color:#b6b89e}
body .home-menu .club-tile{position:relative;padding:18px;gap:9px;border-radius:var(--choice-radius);background:#14271fea}
.club-tile strong{font-size:22px}.club-tile span{font:13px/1.45 "Golos Text", system-ui}.club-tile small{font:12px/1.4 "Golos Text", system-ui}
.club-tile::after{content:'›';position:absolute;right:14px;bottom:14px;font:20px "Literata", Georgia;color:#b6b89e}
body .lobby-menu .lobby-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:20px}
body .lobby-menu .lobby-actions button{margin:0;min-height:48px;font-size:16px;text-align:center}
body .lobby-menu .lobby-secondary{background:#14271fe8;border:1px solid var(--line)}
@media(max-width:650px){body .home-menu-setup{width:100%}.ui-choice{margin-bottom:20px}.ui-choice-title{font-size:16px}.ui-choice-cards .ui-choice-surface{padding:14px 12px;min-height:110px}.ui-choice-surface small{font-size:12px}.ui-choice-surface{padding:12px 8px}.setup-reference-actions{grid-template-columns:1fr}.home-menu:has(.club-catalog){width:100%}}
@media(max-width:360px){.ui-choice-options{gap:6px}.ui-choice-title{font-size:15px}.ui-choice-surface{padding-inline:6px}.ui-choice-cards .ui-choice-options{grid-template-columns:1fr}.ui-choice-cards .ui-choice-surface{min-height:76px}.setup-mode-note{min-height:0}.club-catalog{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ui-choice-surface{transition:none}}