.arena-button.svelte-18sv61c{--button-surface:var(--color-violet-500);--button-hover:var(--color-violet-400);--button-ink:white;isolation:isolate;border-radius:var(--radius-control);background:var(--button-surface);min-width:2.75rem;max-width:100%;min-height:2.75rem;color:var(--button-ink);vertical-align:middle;transition:background .16s var(--ease-out), transform .12s var(--ease-out), box-shadow .18s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.button-face.svelte-18sv61c{z-index:1;min-height:inherit;border-radius:inherit;text-align:center;overflow-wrap:anywhere;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex;position:relative}.arena-button[data-size=lg].svelte-18sv61c{min-height:3.25rem;font-size:1rem}[data-size=lg].svelte-18sv61c .button-face:where(.svelte-18sv61c){padding-inline:1.25rem}.arena-button[data-variant=secondary].svelte-18sv61c{--button-surface:var(--color-charcoal-800);--button-hover:var(--color-charcoal-700);--button-ink:var(--color-bone-100);border-color:var(--color-line)}.arena-button[data-variant=ghost].svelte-18sv61c{--button-surface:transparent;--button-hover:color-mix(in srgb, var(--color-bone-100) 5%, transparent);--button-ink:var(--color-bone-300)}.arena-button[data-variant=gold].svelte-18sv61c{--button-surface:var(--color-gold-400);--button-hover:var(--color-gold-300);--button-ink:var(--color-charcoal-950)}.arena-button[data-variant=danger].svelte-18sv61c{--button-surface:color-mix(in srgb, var(--color-danger) 15%, transparent);--button-hover:color-mix(in srgb, var(--color-danger) 25%, transparent);--button-ink:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}.arena-button.svelte-18sv61c:not(:disabled):not([aria-disabled=true]):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){background:var(--button-hover)}.arena-button.svelte-18sv61c:not(:disabled):not([aria-disabled=true]):active{transform:scale(.97)}.arena-button.svelte-18sv61c:focus-visible{outline:2px solid var(--color-blue-400);outline-offset:4px}.arena-button.svelte-18sv61c:disabled,.arena-button[aria-disabled=true].svelte-18sv61c{opacity:.5;cursor:not-allowed}.arena-button[aria-disabled=true].svelte-18sv61c{pointer-events:none}.arena-button.svelte-18sv61c:not([data-treatment=plain]){min-height:3rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.arena-button:not([data-treatment=plain])[data-size=lg].svelte-18sv61c{min-height:3.25rem;font-size:1.625rem}.arena-button[data-treatment=arcade].svelte-18sv61c{box-shadow:0 5px 0 var(--color-violet-900), inset 0 1px 0 #ffffff59;background:linear-gradient(180deg, var(--color-violet-400), var(--color-violet-500) 65%);border:0;border-radius:.75rem;margin-bottom:.3125rem}.arena-button[data-treatment=arcade][data-variant=secondary].svelte-18sv61c{background:linear-gradient(180deg, var(--color-charcoal-600), var(--color-charcoal-700));box-shadow:0 5px 0 var(--color-charcoal-950), inset 0 1px 0 var(--color-line-strong)}.arena-button[data-treatment=arcade].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){transform:translateY(-.125rem)}.arena-button[data-treatment=arcade].svelte-18sv61c:not(:disabled):active{box-shadow:0 1px 0 var(--color-violet-900);transform:translateY(.25rem)}.arena-button[data-treatment=foil].svelte-18sv61c{border-color:color-mix(in srgb, var(--color-violet-200) 35%, transparent);overflow:hidden}.arena-button[data-treatment=foil].svelte-18sv61c:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg, transparent, #ffffff73 45%, color-mix(in srgb, var(--color-blue-300) 40%, transparent) 55%, transparent);width:45%;transition:transform .65s var(--ease-out);position:absolute;inset:-50% auto -50% 0;transform:translate(-180%)skew(-20deg)}.arena-button[data-treatment=foil].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible):after{transform:translate(340%)skew(-20deg)}.arena-button[data-treatment=foil].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){box-shadow:0 0 0 1px color-mix(in srgb, var(--color-violet-300) 40%, transparent), 0 8px 24px -8px color-mix(in srgb, var(--color-violet-500) 65%, transparent)}.arena-button[data-treatment=facet].svelte-18sv61c{background:0 0;border:0}.arena-button[data-treatment=facet].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){background:0 0}.arena-button[data-treatment=facet].svelte-18sv61c:before{content:"";background:var(--color-violet-300);clip-path:polygon(.875rem 0,calc(100% - .875rem) 0,100% 50%,calc(100% - .875rem) 100%,.875rem 100%,0 50%);pointer-events:none;position:absolute;inset:0}[data-treatment=facet].svelte-18sv61c .button-face:where(.svelte-18sv61c){background:linear-gradient(180deg, var(--color-violet-500), var(--color-violet-600));clip-path:polygon(.8125rem 0,calc(100% - .8125rem) 0,100% 50%,calc(100% - .8125rem) 100%,.8125rem 100%,0 50%);border-radius:0;margin:1.5px;padding-inline:1.75rem}[data-treatment=facet].svelte-18sv61c .button-face:where(.svelte-18sv61c):before,[data-treatment=facet].svelte-18sv61c .button-face:where(.svelte-18sv61c):after{content:"";background:var(--color-violet-200);flex-shrink:0;width:.3125rem;height:.3125rem;transform:rotate(45deg)}[data-treatment=facet][data-variant=secondary].svelte-18sv61c:before{background:var(--color-line-strong)}[data-treatment=facet][data-variant=secondary].svelte-18sv61c .button-face:where(.svelte-18sv61c){background:var(--color-charcoal-800)}[data-treatment=facet].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible) .button-face:where(.svelte-18sv61c){background:var(--button-hover)}.arena-button[data-treatment=comic].svelte-18sv61c{--button-ink:var(--color-charcoal-950);background:0 0;border:0;border-radius:0;max-width:calc(100% - .3125rem);margin:.25rem .3125rem .3125rem 0;font-style:italic;transform:rotate(-1.5deg)}[data-treatment=comic].svelte-18sv61c .button-face:where(.svelte-18sv61c){background:var(--color-bone-100);border:3px solid var(--color-charcoal-950);box-shadow:4px 4px 0 var(--color-violet-500);transition:box-shadow .14s var(--ease-out)}.arena-button[data-treatment=comic].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){background:0 0;transform:rotate(-2.5deg)translateY(-.125rem)}.arena-button[data-treatment=comic].svelte-18sv61c:not(:disabled):active{transform:rotate(-1.5deg)translate(.125rem,.125rem)}[data-treatment=comic].svelte-18sv61c:not(:disabled):active .button-face:where(.svelte-18sv61c){box-shadow:2px 2px 0 var(--color-violet-500)}.arena-button[data-treatment=champion].svelte-18sv61c{--button-ink:var(--color-charcoal-950);background:var(--foil-gold);max-width:calc(100% - 1rem);box-shadow:0 0 0 2px var(--color-charcoal-950), 0 0 0 3px var(--color-gold-400), 0 8px 24px -10px color-mix(in srgb, var(--color-gold-400) 55%, transparent);border:0;border-radius:.25rem;margin:.25rem .5rem}[data-treatment=champion].svelte-18sv61c .button-face:where(.svelte-18sv61c){padding-inline:1.75rem}[data-treatment=champion].svelte-18sv61c:before{content:"";border:1px solid color-mix(in srgb, var(--color-charcoal-950) 40%, transparent);pointer-events:none;position:absolute;inset:4px}.arena-button[data-treatment=champion].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible){background:var(--foil-gold);transform:translateY(-.125rem)}.button-gem.svelte-18sv61c{z-index:2;border:1.5px solid var(--color-gold-300);background:var(--color-charcoal-950);pointer-events:none;width:.625rem;height:.625rem;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.button-gem.left.svelte-18sv61c{left:-.375rem}.button-gem.right.svelte-18sv61c{right:-.375rem}@media (prefers-reduced-motion:reduce){.arena-button.svelte-18sv61c,.button-face.svelte-18sv61c,.arena-button.svelte-18sv61c:after{transition:none}.arena-button[data-treatment].svelte-18sv61c:not(:disabled):is(:where(.svelte-18sv61c):hover,:where(.svelte-18sv61c):focus-visible,:where(.svelte-18sv61c):active){transform:none}.arena-button[data-treatment=foil].svelte-18sv61c:after{display:none}}