.char-button.svelte-a5w38v{--font-display: var(--ex-font-display, "Space Grotesk", sans-serif);position:relative;display:block;box-sizing:border-box;width:160px;height:224px;max-width:100%;margin:0;padding:0;overflow:hidden;isolation:isolate;z-index:1;border-radius:16px;border:1px solid color-mix(in srgb,var(--rarity-color) 42%,var(--ex-line, rgba(160, 175, 225, .14)));background:radial-gradient(120% 75% at 50% 28%,color-mix(in srgb,var(--rarity-color) 26%,transparent),transparent 70%),var(--ex-panel-solid, #101224);color:var(--ex-text, #edeef8);font-family:var(--ex-font-body, "Inter", sans-serif);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ex-ease, cubic-bezier(.23, 1, .32, 1)),border-color .16s ease}.char-button.svelte-a5w38v:after{content:"";position:absolute;z-index:3;left:14px;right:14px;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--rarity-color);pointer-events:none}.char-button.svelte-a5w38v:focus-visible{outline:2px solid var(--ex-cyan, #4fd8c4);outline-offset:3px}@media(hover:hover)and (pointer:fine){.char-button.svelte-a5w38v:hover{transform:translateY(-3px);border-color:var(--rarity-color)}}.char-button.svelte-a5w38v:active{transform:scale(.97)}.corner-icons.svelte-a5w38v{position:absolute;top:6px;left:6px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}.corner-icon.svelte-a5w38v{box-sizing:border-box;object-fit:contain;padding:4px;background:#060713a8;border:1px solid var(--ex-line, rgba(160, 175, 225, .14));border-radius:9px}.icon-element.svelte-a5w38v{width:34px;height:34px}.icon-path.svelte-a5w38v{width:28px;height:28px}@media(max-width:600px){.corner-icons.svelte-a5w38v{top:4px;left:4px}.icon-element.svelte-a5w38v{width:22px;height:22px;padding:2px}.icon-path.svelte-a5w38v{width:18px;height:18px;padding:2px}}.image-wrap.svelte-a5w38v{position:relative;width:100%;height:100%}.char-image.svelte-a5w38v{display:block;width:100%;height:100%;object-fit:cover}.bottom-overlay.svelte-a5w38v{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:2.4rem .5rem .65rem;text-align:center;background:linear-gradient(to top,rgba(6,7,19,.95) 0%,rgba(6,7,19,.78) 48%,transparent 100%)}.char-name.svelte-a5w38v{font-family:var(--font-display);font-weight:600;font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.star-row.svelte-a5w38v{display:flex;flex-direction:row;justify-content:center;gap:1px;padding-top:.35rem}.star.svelte-a5w38v{width:12px;height:12px;color:var(--ex-gold, #e8b94d)}@media(max-width:600px){.char-button.svelte-a5w38v{width:100%;height:auto;aspect-ratio:5 / 7;min-width:0;border-radius:12px}.bottom-overlay.svelte-a5w38v{padding:1.4rem .3rem .4rem}.char-name.svelte-a5w38v{font-size:.62rem;line-height:1.2}.star.svelte-a5w38v{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.char-button.svelte-a5w38v{transition:border-color .16s ease}.char-button.svelte-a5w38v:hover,.char-button.svelte-a5w38v:active{transform:none}}
