.char-button.svelte-1g78iyk{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;aspect-ratio:1 / 1.2;max-width:100%;position:relative;outline:none;z-index:1}.char-button.svelte-1g78iyk:hover{background:#2e2f3d;box-shadow:0 0 8px #ffe47933}.element-icon.svelte-1g78iyk,.type-icon.svelte-1g78iyk{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;pointer-events:none}.type-icon.svelte-1g78iyk{right:8px}.element-icon.svelte-1g78iyk{height:auto;left:8px;flex-direction:column}.char-image.svelte-1g78iyk{height:94px;border-radius:6px;margin-bottom:.3em}.char-name.svelte-1g78iyk{font-weight:600;font-size:small;text-align:center;margin-bottom:.2em;line-height:1.2}@media (max-width: 500px){.char-button.svelte-1g78iyk{width:100px}}