.pro-filter{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.pro-filter__search{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;max-width:440px;padding:12px 16px;transition:border-color .2s;display:flex}.pro-filter__search:focus-within{border-color:var(--border-strong)}.pro-filter__search-icon{color:var(--text-secondary);flex-shrink:0;width:16px;height:16px}.pro-filter__teams{justify-content:center;width:100%;display:flex}.pro-filter__teams .toggle-button-group{flex-wrap:wrap;justify-content:center}
.pro-card{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;flex-direction:column;min-height:280px;text-decoration:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[dir=ltr] .pro-card{background:linear-gradient(135deg,#ffffff05 0%,transparent 50%),var(--bg-card)}[dir=rtl] .pro-card{background:linear-gradient(-135deg,#ffffff05 0%,transparent 50%),var(--bg-card)}.pro-card:after{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#e4231314,#0000 70%);width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0}[dir=ltr] .pro-card:after{left:0}[dir=rtl] .pro-card:after{right:0}.pro-card:hover{border-color:#e4231366;transform:translateY(-2px);box-shadow:0 12px 32px #00000080,0 0 0 1px #e4231333,0 6px 16px #e423131f,inset 0 1px #ffffff0d}.pro-card:hover:after{opacity:1}.pro-card__preview{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;min-height:150px;transition:background .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[dir=ltr] .pro-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e4231305,transparent 70%),linear-gradient(#e4231308 1px,transparent 1px),linear-gradient(90deg,#e4231308 1px,transparent 1px),var(--bg-elevated)}[dir=rtl] .pro-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e4231305,transparent 70%),linear-gradient(#e4231308 1px,transparent 1px),linear-gradient(-90deg,#e4231308 1px,transparent 1px),var(--bg-elevated)}[dir] .pro-card__preview{background-size:100% 100%,24px 24px,24px 24px}[dir=ltr] .pro-card:hover .pro-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e423130d,transparent 70%),linear-gradient(#e423130f 1px,transparent 1px),linear-gradient(90deg,#e423130f 1px,transparent 1px),var(--bg-elevated)}[dir=rtl] .pro-card:hover .pro-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e423130d,transparent 70%),linear-gradient(#e423130f 1px,transparent 1px),linear-gradient(-90deg,#e423130f 1px,transparent 1px),var(--bg-elevated)}[dir] .pro-card:hover .pro-card__preview{background-size:100% 100%,24px 24px,24px 24px}.pro-card__canvas{image-rendering:pixelated}.pro-card__info{background-color:var(--bg-elevated);z-index:1;flex-direction:column;gap:16px;padding:16px 20px;display:flex;position:relative}.pro-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.pro-card__avatar{color:#fff;font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}[dir=ltr] .pro-card__avatar{background:linear-gradient(135deg,var(--accent-red),#a01a0e)}[dir=rtl] .pro-card__avatar{background:linear-gradient(-135deg,var(--accent-red),#a01a0e)}.pro-card__avatar--xl{width:76px;height:76px;font-size:28px}.pro-card__id-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pro-card__name{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.pro-card__team{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pro-card__stats{border-top:1px solid var(--border-default);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.pro-card__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.pro-card__stat-value{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;font-size:15px;font-weight:600}.pro-card__stat--hero .pro-card__stat-value{color:var(--accent-red);font-size:18px}.pro-card__stat-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:10px}