.logo{display:inline-grid;place-items:center;flex-shrink:0;width:var(--logo-size,40px);height:var(--logo-size,40px);line-height:0}.logo svg{filter:drop-shadow(0 1px 1.5px rgba(14,19,32,.18))}.logo svg,.logo-img img{display:block;width:100%;height:100%}.logo-img img{object-fit:cover;border-radius:22%;background:var(--card);box-shadow:0 0 0 1px var(--line),0 1px 3px rgba(14,19,32,.12)}.logo-picker{flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card-2)}.logo-head,.logo-picker{display:flex;min-width:0}.logo-head{align-items:center;gap:14px}.logo-current{display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border-radius:20px;background:var(--card);box-shadow:0 0 0 1px var(--line)}.logo-current svg{width:64px;height:64px;filter:drop-shadow(0 2px 3px rgba(14,19,32,.18))}.logo-current img{width:60px;height:60px;object-fit:cover;border-radius:14px}.logo-head-text{display:flex;flex-direction:column;gap:3px;min-width:0}.logo-title{font-weight:800;font-size:15px;color:var(--ink)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-gap:8px;gap:8px;transition:opacity .2s}.logo-grid.dimmed{opacity:.55}.logo-grid.dimmed:focus-within,.logo-grid.dimmed:hover{opacity:1}.logo-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 6px;border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .15s,transform .15s}.logo-cell>svg{width:52px;height:52px;transition:transform .18s}.logo-cell:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--club) 45%,var(--line))}.logo-cell:hover>svg{transform:translateY(-2px) scale(1.04)}.logo-cell.on{box-shadow:0 0 0 2px var(--club),0 6px 16px color-mix(in srgb,var(--club) 18%,transparent);background:var(--club-50)}.logo-cell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--club-700)}.logo-cell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--muted)}.logo-cell.on .logo-cell-name{color:var(--club-700);font-weight:800}.logo-check{position:absolute;top:5px;inset-inline-end:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--club-solid);color:var(--on-club);box-shadow:0 0 0 2px var(--card)}.logo-own{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.logo-own-title{gap:8px;font-size:14px}.logo-own-title,.logo-pro-badge{display:inline-flex;align-items:center;font-weight:800}.logo-pro-badge{gap:3px;padding:2px 7px;border-radius:999px;font-size:12px;letter-spacing:.3px;color:#3d2b00;background:linear-gradient(135deg,#f7d774,#d4a017)}.logo-upload{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.logo-upload label.btn{cursor:pointer}.logo-btn{background:var(--card);box-shadow:0 0 0 1px var(--line)}.logo-btn:hover{background:var(--card-3)}.logo-upload label.btn.disabled{opacity:.6;cursor:progress}.logo-upload input:focus-visible+label{outline:2px solid var(--club-700);outline-offset:2px}.logo-remove{color:var(--loss)}.logo-upload-hint{flex-basis:100%}.logo-locked{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,#d4a017 55%,var(--line));background:color-mix(in srgb,#f7d774 10%,var(--card));color:var(--ink);text-decoration:none;transition:background .15s}.logo-locked:hover{background:color-mix(in srgb,#f7d774 18%,var(--card))}.logo-locked:focus-visible{outline:2px solid var(--club-700);outline-offset:2px}.logo-locked-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;color:#3d2b00;background:linear-gradient(135deg,#f7d774,#d4a017)}.logo-locked-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.logo-locked-cta{flex-shrink:0;padding:6px 12px;border-radius:10px;font-size:12.5px;font-weight:800;color:#3d2b00;background:linear-gradient(135deg,#f7d774,#d4a017);white-space:nowrap}.logo-hero{display:grid;place-items:center;flex-shrink:0;width:96px;height:96px;border-radius:28px;background:hsla(0,0%,100%,.14);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18)}.logo-hero .logo svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.logo-hero .logo-img img{border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.logo-author{width:148px;flex-shrink:0;gap:6px;text-align:center;-webkit-padding-end:18px;padding-inline-end:18px;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.logo-author,.logo-author-link{display:flex;flex-direction:column;align-items:center;min-width:0}.logo-author-link{gap:8px;color:inherit;text-decoration:none;border-radius:12px;max-width:100%}.logo-author-link:hover .logo-author-club{color:var(--club-700)}.logo-author-link:focus-visible{outline:2px solid var(--club-700);outline-offset:3px}.logo-author-club{font-weight:800;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.logo-author-mgr{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:12.5px;color:var(--ink-2);overflow-wrap:anywhere}.logo-author-mgr .logo-pro-badge{font-size:9.5px;padding:1px 6px}.logo-author-facts{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--muted)}.logo-author-facts span{display:inline-flex;align-items:center;justify-content:center;gap:5px}.logo-author-body{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%}@media (max-width:640px){.logo-author{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:start;border:0;padding:0;gap:8px 12px}.logo-author-facts{-webkit-margin-start:auto;margin-inline-start:auto;align-items:flex-end}.logo-author-link{flex-direction:row;gap:10px}.logo-author-link .logo{--logo-size:44px!important}.logo-author-body{align-items:flex-start}.logo-author-facts{flex-direction:row;flex-wrap:wrap;gap:2px 10px}.logo-author-mgr{justify-content:flex-start}.logo-hero{width:72px;height:72px;border-radius:22px}.logo-hero .logo{--logo-size:60px!important}}@media (max-width:480px){.logo-locked{flex-wrap:wrap}.logo-locked-text{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 56px)}.logo-locked-cta{-webkit-margin-start:52px;margin-inline-start:52px}}@media (max-width:380px){.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.logo-cell>svg{width:44px;height:44px}.logo-cell-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.logo-cell,.logo-cell>svg,.logo-grid,.logo-locked{transition:none}.logo-cell:hover>svg{transform:none}}