.char-button.svelte-a5w38v{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;padding:.75rem;border-radius:14px;border:2px solid transparent;border-color:color-mix(in srgb,var(--rarity-color) 65%,transparent);background:#222329d9;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 22px #14141447;transition:background .16s,color .16s,box-shadow .17s,border .16s;width:140px;min-height:200px;height:auto;max-width:100%;position:relative;outline:none;z-index:1}.char-button.svelte-a5w38v:hover{background:#2e2f3d;box-shadow:0 0 8px #ffe47933}.element-icon.svelte-a5w38v,.type-icon.svelte-a5w38v{position:absolute;top:8px;width:22px;height:22px;display:flex;z-index:51;background:#181820db;border-radius:8px;padding:4px;border:1.5px solid #4e4e4e;box-shadow:0 2px 8px #0008}.type-icon.svelte-a5w38v{right:8px}.element-icon.svelte-a5w38v{left:8px}.char-image.svelte-a5w38v{height:94px;border-radius:6px;margin-top:10px;margin-bottom:.3em;object-fit:contain}.char-name.svelte-a5w38v{font-weight:600;font-size:.75rem;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-rarity.svelte-a5w38v{margin-top:auto;padding-bottom:5px;font-size:1rem;letter-spacing:1px}@media (max-width: 600px){.char-button.svelte-a5w38v{width:105px;min-height:165px;padding:.5rem;gap:.2rem}.char-image.svelte-a5w38v{height:65px;margin-top:5px}.char-name.svelte-a5w38v{font-size:.65rem}.char-rarity.svelte-a5w38v{font-size:.8rem}.element-icon.svelte-a5w38v,.type-icon.svelte-a5w38v{width:18px;height:18px;top:4px;padding:2px}.element-icon.svelte-a5w38v{left:4px}.type-icon.svelte-a5w38v{right:4px}}