.button-wrapper.svelte-17d9jtz{position:relative;display:block;cursor:pointer;aspect-ratio:265/362;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) brightness(var(--brightness));transition:.2s}.button-wrapper.svelte-17d9jtz:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transform:scale(1.05)}.button-wrapper.svelte-17d9jtz:active:hover{transform:scale(.9)}button.svelte-17d9jtz:hover,button.svelte-17d9jtz:active:hover{transform:scale(1)}.element-icon.svelte-17d9jtz{position:absolute;top:-.5rem;left:-.5rem;right:0;bottom:0;width:3rem;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));z-index:5}.button.svelte-17d9jtz{--border-radius: 4px;--bottom-height: 20px;position:relative;border-radius:var(--border-radius);background:center/cover no-repeat;background-size:110%;width:100%;height:100%;z-index:1;overflow:hidden;font-weight:600;padding:0;color:var(--primary-content)}.button.svelte-17d9jtz:before{content:"";position:absolute;inset:0;height:100%;width:100%;background-position:top,bottom;background-repeat:no-repeat;background-size:100% var(--border-radius),100% var(--bottom-height);pointer-events:none;z-index:2}.button.svelte-17d9jtz:after{content:"";position:absolute;inset:0;height:100%;width:100%;background-position:bottom;background-repeat:no-repeat;background-size:100% var(--border-radius);filter:brightness(.7);pointer-events:none;z-index:4}.button.svelte-17d9jtz:before{background-image:var(--gradient),var(--gradient)}.button.svelte-17d9jtz:after{background-image:var(--gradient)}.button.rarity-1.svelte-17d9jtz{--gradient: linear-gradient( 90deg, rgb(219, 131, 239) 0%, rgb(134, 167, 251) 50%, rgb(126, 243, 247) 100% )}.button.rarity-2.svelte-17d9jtz{--gradient: linear-gradient( 90deg, rgb(245, 213, 92) 0%, rgb(245, 243, 117) 50%, rgb(241, 245, 203) 100% )}.button-content.svelte-17d9jtz{display:grid;grid-template-rows:1fr 6fr;width:100%;height:100%;position:relative}.halftone-color.svelte-17d9jtz{content:"";position:absolute;inset:0}.halftone.svelte-17d9jtz{content:"";position:absolute;inset:0;background:#fff;filter:contrast(8) invert(100%) opacity(.77) blur(.5px);transform:scale(1.1);mix-blend-mode:screen}.halftone.svelte-17d9jtz:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,black,transparent 32.5%)}.halftone.svelte-17d9jtz:after{content:"";position:absolute;inset:0;--stop1: 10%;--stop2: 75%;--size: 7px;background-image:radial-gradient(circle at center,black var(--stop1),transparent var(--stop2)),radial-gradient(circle at center,black var(--stop1),transparent var(--stop2));background-size:var(--size) var(--size);background-position:0 0,calc(var(--size) * .5) calc(var(--size) * .5);-webkit-mask-image:linear-gradient(to top,#000,#0000 60%);mask-image:linear-gradient(to top,#000,#0000 60%)}@media(max-width:768px){.halftone.svelte-17d9jtz{bottom:6px}}@media(max-width:480px){.halftone.svelte-17d9jtz{bottom:16px}.character-info.svelte-17d9jtz{font-size:.85rem!important}}.character-info.svelte-17d9jtz{position:absolute;top:var(--border-radius);right:0;height:2rem;width:60%;display:flex;align-items:center;justify-content:center;color:var(--secondary);filter:drop-shadow(.75rem 4px 4px rgba(0,0,0,.2));clip-path:polygon(0 0,120% 0,120% 120%,10% 120%);font-size:1em}.character-name.svelte-17d9jtz{position:absolute;right:5px;bottom:var(--bottom-height);margin:0;font-size:1.25em}