.role-filters-grid.svelte-13k86lz{display:flex;gap:.5rem;width:100%}@media (min-width: 768px){.role-filters-grid.svelte-13k86lz{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}}.role-filter-btn.svelte-13k86lz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;background:#0f192366;border:1px solid rgba(255,255,255,.05);border-radius:.5rem;color:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:80px;flex:1}.role-icon.svelte-13k86lz{width:24px;height:24px;opacity:.6;transition:all .3s ease;position:relative;z-index:10;-o-object-fit:contain;object-fit:contain;filter:brightness(.8)}.role-emoji.svelte-13k86lz{font-size:1.25rem;opacity:.6;transition:all .3s ease;position:relative;z-index:10;color:#c8aa6e}.role-label.svelte-13k86lz{font-size:.6rem;font-weight:700;letter-spacing:.05em;position:relative;z-index:10;white-space:nowrap}@media (max-width: 480px){.role-icon.svelte-13k86lz{width:20px;height:20px}.role-label.svelte-13k86lz{font-size:.5rem}.role-filter-btn.svelte-13k86lz{padding:.375rem .125rem}}.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.svelte-13k86lz:hover .role-icon:where(.svelte-13k86lz),.role-filter-btn.svelte-13k86lz:hover .role-emoji:where(.svelte-13k86lz){opacity:1;filter:brightness(1.2)}.role-filter-btn.active.svelte-13k86lz{background:linear-gradient(135deg,#c8aa6e26,#0f1923cc);border-color:#c8aa6e;color:#c8aa6e;box-shadow:0 0 15px #c8aa6e26}.role-filter-btn.active.svelte-13k86lz .role-icon:where(.svelte-13k86lz),.role-filter-btn.active.svelte-13k86lz .role-emoji:where(.svelte-13k86lz){opacity:1;filter:brightness(1.3)}.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:#101014}.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)}}@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}.tier-filters.svelte-13k86lz{flex-wrap:wrap}.tier-filter-btn.svelte-13k86lz{padding:.5rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;background:#0f192399;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff9;cursor:pointer;transition:all .2s ease}.tier-filter-btn.svelte-13k86lz:hover{border-color:var(--tier-color);color:var(--tier-color)}.tier-filter-btn.active.svelte-13k86lz{background:#ffffff0d;border-color:var(--tier-color);color:var(--tier-color);box-shadow:0 0 10px color-mix(in srgb,var(--tier-color) 30%,transparent)}.tier-badge.svelte-13k86lz{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.75rem;font-weight:800;color:#fff;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0000004d}@media (max-width: 768px){.tier-filters.svelte-13k86lz{width:100%;justify-content:center}.tier-filter-btn.svelte-13k86lz{padding:.375rem .75rem;font-size:.65rem}}