.champion-card{cursor:pointer;border-radius:.5rem;min-height:90px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.champion-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.champion-card__bg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.champion-card__bg-img{object-fit:cover;filter:blur(2px)brightness(.7);opacity:.8;width:140%;height:200%;position:absolute;top:50%;right:-20%;transform:translateY(-50%)}.champion-card__bg-overlay{background:linear-gradient(90deg,#151922fa 0%,#151922d9 40%,#15192299 100%);position:absolute;top:0;bottom:0;left:0;right:0}.champion-card__content{align-items:center;gap:.875rem;padding:.875rem;display:flex;position:relative}.champion-card__portrait{border:2px solid #fff3;border-radius:50%;width:64px;min-width:64px;height:64px;position:relative;overflow:hidden}.champion-card__portrait-img{object-fit:cover;width:100%;height:100%}.champion-card__portrait-fallback{color:#9ca3af;background:#3f3f46cc;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.champion-card__info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.champion-card__header{align-items:center;gap:.5rem;display:flex}.champion-card__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.champion-card__cost{white-space:nowrap;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.champion-card__cost--tier1{color:#d1d5db;background-color:#9ca3af4d}.champion-card__cost--tier2{color:#6ee7b7;background-color:#10b9814d}.champion-card__cost--tier3{color:#93c5fd;background-color:#3b82f64d}.champion-card__cost--tier4{color:#d8b4fe;background-color:#a855f74d}.champion-card__cost--tier5{color:#fcd34d;background-color:#f59e0b4d}.champion-card__traits{flex-wrap:wrap;gap:.375rem;display:flex}.champion-card__trait{color:#9ca3af;white-space:nowrap;background:#ffffff14;border-radius:.25rem;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.champion-card__trait-icon{object-fit:contain;filter:brightness(0)invert(.7);width:12px;height:12px}
.champions-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.champions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.champions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.champions-grid__empty{text-align:center;color:#9ca3af;background:#15192280;border-radius:.5rem;grid-column:1/-1;padding:3rem 1rem;font-size:.875rem}
.champions-overview{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.champions-overview__header{margin-bottom:1.5rem}.champions-overview__title-section{flex-direction:column;gap:.25rem;display:flex}.champions-overview__title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.champions-overview__subtitle{color:#9ca3af;margin:0;font-size:.875rem}.champions-overview__loading{background:#15192280;border-radius:.5rem;justify-content:center;align-items:center;height:16rem;display:flex}.champions-overview__loading-text{color:#9ca3af;font-size:1rem}