.clubs{padding-bottom:48px}
.clubs-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;padding-top:20px}
.steps{flex:1 1 360px;display:flex;flex-direction:column;gap:12px;min-width:0}
.steps h2{margin:6px 0 0}
.preview{flex:1 1 360px;min-width:0}
.search select{min-height:50px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--bg);font-weight:400}
#club-code{width:100%;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--bg);color:var(--ink);resize:vertical}
#club-preview{width:100%;height:420px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opts input[type=color]{width:100%;min-height:50px;padding:4px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--bg)}
@media (max-width:520px){.opts{grid-template-columns:1fr 1fr}}
.choice{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--seg)}
.choice button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;font-size:16px;color:var(--grey-ink)}
.choice button[aria-selected=true]{background:var(--card);color:var(--ink);font-weight:700;box-shadow:var(--shadow)}
.choice small{font-size:12px;font-weight:700;color:var(--blue-soft-ink);background:var(--blue-soft);padding:1px 7px;border-radius:999px;margin-left:4px}
.preview-box{padding:16px;border-radius:14px;background:var(--bg);border:1px dashed var(--line-strong)}
.handoff{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
#club-code{scrollbar-width:thin}