.role-filter-btn.svelte-13k86lz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1.25rem;min-width:80px;background:#0f192366;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;color:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-filter-btn.svelte-13k86lz:hover{background:#0f1923cc;border-color:#c8aa6e4d;color:#c8aa6e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.role-filter-btn.active.svelte-13k86lz{background:linear-gradient(135deg,#c8aa6e26,#0f1923cc);border-color:#c8aa6e;color:#c8aa6e;box-shadow:0 0 15px #c8aa6e26}.text-shadow-gold.svelte-13k86lz{text-shadow:0 0 10px rgba(200,170,110,.5)}.champions-grid.svelte-13k86lz{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}@media (min-width: 1400px){.champions-grid.svelte-13k86lz{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.champions-grid.svelte-13k86lz{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}}.champion-card.svelte-13k86lz{position:relative;background:#0f141c99;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000004d}.champion-card.svelte-13k86lz:hover{transform:translateY(-8px) scale(1.02);border-color:#c8aa6e;box-shadow:0 20px 40px -5px #0009,0 0 20px #c8aa6e33;z-index:10}.champion-image-container.svelte-13k86lz{position:relative;width:100%;padding-top:130%;overflow:hidden;background:#0f1923}.champion-image.svelte-13k86lz{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;filter:saturate(.9)}.champion-card.svelte-13k86lz:hover .champion-image:where(.svelte-13k86lz){transform:scale(1.1);filter:saturate(1.1)}.champion-overlay.svelte-13k86lz{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(10,20,30,.95) 100%);opacity:.8;transition:opacity .3s}.champion-info.svelte-13k86lz{padding:1rem;position:relative;background:linear-gradient(to bottom,transparent,rgba(10,20,30,.8));margin-top:-3rem}.champion-name.svelte-13k86lz{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8)}.champion-title.svelte-13k86lz{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.scrollbar-hide.svelte-13k86lz{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide.svelte-13k86lz::-webkit-scrollbar{display:none}@keyframes svelte-13k86lz-spin{to{transform:rotate(360deg)}}.animate-spin.svelte-13k86lz{animation:svelte-13k86lz-spin 1s linear infinite}@keyframes svelte-13k86lz-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse.svelte-13k86lz{animation:svelte-13k86lz-pulse 3s cubic-bezier(.4,0,.6,1) infinite}