.cmp-hero{padding:48px 0 32px;border-bottom:1px solid var(--border)}
.cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin-top:32px}
@media(max-width:767px){.cmp-grid{grid-template-columns:1fr;gap:16px}}
.cmp-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.cmp-vs{display:flex;align-items:center;justify-content:center;padding:0 16px}
@media(max-width:767px){.cmp-vs{padding:0}}
.cmp-select{width:100%;padding:12px 16px;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text-1);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238B8FA2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.cmp-select:focus{border-bottom-color:var(--gold)}
.cmp-profile{padding:24px 20px;text-align:center}
.cmp-jersey{font-family:'Oswald',sans-serif;font-size:64px;font-weight:700;color:rgba(79,38,131,.15);line-height:1}
.cmp-name{font-family:'Oswald',sans-serif;font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--text-1);text-transform:uppercase;line-height:1.05;letter-spacing:-.01em;margin-top:4px}
.cmp-pos{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.06em;margin-top:6px}
.cmp-accolades{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.cmp-badge{font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:3px}
.cmp-stats{border-top:1px solid var(--border)}
.cmp-stat{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}
.cmp-stat:last-child{border-bottom:none}
.cmp-stat-label{font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.cmp-stat-value{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--gold)}
.cmp-empty{padding:48px 20px;text-align:center}
.cmp-picker{max-width:600px;margin:24px auto 0}
.cmp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:12px}
.cmp-pick{padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .15s}
.cmp-pick:hover{border-color:rgba(255,184,0,.2);background:rgba(255,184,0,.02)}
.cmp-pick.active{border-color:var(--gold);background:rgba(255,184,0,.06)}