.grid-container.svelte-rk8na7{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;padding-bottom:5rem;justify-items:center}.char-button.svelte-rk8na7{--font-display: "Space Grotesk", sans-serif;position:relative;display:block;padding:0;border-radius:0 24px 0 0;border:2px solid var(--rarity-color);background:#0000001a;color:#fff;cursor:pointer;width:160px;height:224px;max-width:100%;outline:none;overflow:hidden;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}.char-button.svelte-rk8na7:hover{transform:translateY(-4px)}.char-button.svelte-rk8na7:active{transform:translateY(-1px)}.image-wrap.svelte-rk8na7{position:relative;width:100%;height:100%}.char-image.svelte-rk8na7{display:block;width:100%;height:100%;object-fit:contain;padding:1.75rem 1rem 2.5rem;box-sizing:border-box;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.bottom-overlay.svelte-rk8na7{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-top:2.5rem;text-align:center;font-weight:600;color:#fff;background:linear-gradient(to top,color-mix(in srgb,var(--rarity-color) 90%,transparent) 0%,transparent 85%)}.char-name.svelte-rk8na7{font-family:var(--font-display);font-size:.75rem;line-height:1.25;padding:0 .4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.star-row.svelte-rk8na7{display:flex;flex-direction:row;justify-content:center;padding:.5rem 0}.star.svelte-rk8na7{width:14px;height:14px;color:#fde047;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}@media(max-width:600px){.char-button.svelte-rk8na7{width:120px;height:168px}.char-name.svelte-rk8na7{font-size:.65rem}.star.svelte-rk8na7{width:11px;height:11px}}@media(max-width:1024px){.grid-container.svelte-rk8na7{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media(max-width:480px){.grid-container.svelte-rk8na7{grid-template-columns:repeat(2,1fr)}}
