/* 0.53: Mi club (club.js). El escudo es una imagen en pixel (se amplía sin suavizar) */
img.club-crest{image-rendering:pixelated;flex:none}
.rp .ic img.club-crest{width:32px;height:32px}
.club-ed{display:flex;flex-direction:column;gap:6px;text-align:left}
.club-ed h3{margin:10px 0 0}
.club-prev{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;background:#0a0f22;border:2px solid #2c3a72;position:sticky;top:0;z-index:2}   
/* la vista previa, fija arriba: se ve el cambio mientras se elige */
.club-prev .club-pn{display:flex;flex-direction:column;align-items:center;gap:6px}
.club-prev .club-pn b{font:18px var(--font-ui);color:#ffe14a;text-align:center;word-break:break-word}
.club-lbl{margin:6px 0 0;font-size:13px;color:#d8e2ff}
.club-ed input{min-height:44px;font-size:16px;padding:6px 10px;box-sizing:border-box;width:100%;max-width:320px}
.club-sw{display:flex;flex-wrap:wrap;gap:6px}
.club-sw button{width:36px;height:36px;min-height:36px;padding:0;border:2px solid #0a0f22;box-shadow:0 0 0 2px #2c3a72;cursor:pointer}
.club-sw button[aria-checked=true]{box-shadow:0 0 0 3px #ffe14a}
.club-chips{display:flex;flex-wrap:wrap;gap:6px}
.club-chips button{min-height:40px;padding:4px 12px;background:#0a0f22;border:2px solid #2c3a72;color:#fff;font-size:13px;cursor:pointer}
.club-chips button[aria-checked=true]{border-color:#ffe14a;color:#ffe14a}
.result img.club-crest{width:40px;height:40px}