.champion-tooltip{z-index:99999;color:#e2e8f0;background-color:#1a1f2e;border:1px solid #ffffff1a;border-radius:1rem;width:320px;font-size:.875rem;overflow:hidden;box-shadow:0 25px 50px -12px #000000e6,0 0 0 1px #ffffff0d}.champion-tooltip__header{background-color:#232936;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.champion-tooltip__avatar{border:2px solid #ffffff1a;border-radius:.5rem;flex-shrink:0;width:56px;height:56px;overflow:hidden}.champion-tooltip__avatar-img{object-fit:cover;width:100%;height:100%}.champion-tooltip__avatar-fallback{color:#6b7280;background-color:#ffffff0d;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.champion-tooltip__info{flex:1;min-width:0}.champion-tooltip__name-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.champion-tooltip__name{color:#fff;font-size:1.1rem;font-weight:700}.champion-tooltip__cost{border:1px solid;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.champion-tooltip__cost--tier1{color:#9ca3af;background-color:#9ca3af1a;border-color:#9ca3af}.champion-tooltip__cost--tier2{color:#10b981;background-color:#10b9811a;border-color:#10b981}.champion-tooltip__cost--tier3{color:#3b82f6;background-color:#3b82f61a;border-color:#3b82f6}.champion-tooltip__cost--tier4{color:#a855f7;background-color:#a855f71a;border-color:#a855f7}.champion-tooltip__cost--tier5{color:#f59e0b;background-color:#f59e0b1a;border-color:#f59e0b}.champion-tooltip__traits{color:#9ca3af;font-size:.8rem}.champion-tooltip__ability{border-bottom:1px solid #ffffff0d;padding:1rem}.champion-tooltip__ability-content{color:#d1d5db;font-size:.8rem;line-height:1.5}.champion-tooltip__ability-content b,.champion-tooltip__ability-content strong{color:#22d3ee;margin-bottom:.25rem;font-weight:600;display:block}.champion-tooltip__ability-content img{vertical-align:middle;object-fit:contain;display:inline-block;width:16px!important;height:16px!important}.champion-tooltip__ability-content .ability-name{color:#22d3ee;font-weight:600}.champion-tooltip__stats{background-color:#1a1f2e;border-bottom:1px solid #ffffff0d;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;display:grid}.champion-tooltip__stat{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.champion-tooltip__stat-icon{flex-shrink:0;width:16px;height:16px}.champion-tooltip__stat-icon--hp{color:#ef4444}.champion-tooltip__stat-icon--mana{color:#3b82f6}.champion-tooltip__stat-icon--ad{color:#f97316}.champion-tooltip__stat-icon--as{color:#eab308}.champion-tooltip__stat-icon--armor{color:#6b7280}.champion-tooltip__stat-icon--mr{color:#a855f7}.champion-tooltip__stat-value{color:#fff;font-weight:500}.champion-tooltip__unlock{background-color:#f59e0b0d;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.champion-tooltip__unlock-label{text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;margin-bottom:.25rem;font-size:.625rem;font-weight:700}.champion-tooltip__unlock-text{color:#fbbf24;font-size:.75rem;line-height:1.4}.champion-tooltip__items{background-color:#1a1f2e;padding:.75rem 1rem}.champion-tooltip__items--alternate{background-color:#94a3b80f}.champion-tooltip__items-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.5rem;font-size:.625rem;font-weight:700}.champion-tooltip__items--alternate .champion-tooltip__items-label{color:#cbd5e1}.champion-tooltip__items-list{gap:.375rem;display:flex}.champion-tooltip__item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.25rem;width:28px;height:28px;overflow:hidden}.champion-tooltip__item-img{object-fit:cover;width:100%;height:100%}