.unit-cost-icon>svg{width:1.25rem;height:1.25rem}.units-grid.svelte-1fqwr7c{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1rem}.unit.svelte-1fqwr7c{--radius: var(--br-xl);--padding: 1.25rem;position:relative;background:var(--shade8);border-radius:var(--radius);overflow:clip;outline:2px solid transparent;outline-offset:3px;transition:outline-color var(--transition),scale var(--transition);&:hover,&:focus{outline-color:var(--cost-color);scale:1.025;z-index:1;&:before{opacity:.1}}>:where(.svelte-1fqwr7c){position:relative}&:before,&:after{content:"";position:absolute;inset:0;border-radius:var(--radius);pointer-events:none}&:before{background:var(--cost-color);opacity:.075;transition:opacity var(--transition)}&:after{box-shadow:inset 0 0 0 1px var(--shade0-15)}.ability-description{color:var(--shade1)}}.unit-splash.svelte-1fqwr7c{position:absolute;top:0;right:0;aspect-ratio:300 / 178;mask-image:radial-gradient(87% 79% at 84% 23%,black,transparent)}.name.svelte-1fqwr7c{padding:var(--padding);padding-block-end:calc(var(--padding) / 2)}.cost.svelte-1fqwr7c{display:flex;align-items:center;gap:.25rem;position:absolute;top:calc(var(--padding) / 2);right:calc(var(--padding) / 2);background:var(--cost-color);padding:.25rem .5rem;border-radius:var(--br-xl);.cost5:where(.svelte-1fqwr7c) &,.cost7:where(.svelte-1fqwr7c) &{color:var(--shade10);font-weight:725}svg{width:1rem;height:1rem;fill:currentColor}}.traits.svelte-1fqwr7c{display:grid;gap:.25rem;padding:var(--padding)}.trait.svelte-1fqwr7c{display:flex;align-items:center;gap:.5rem;.trait-icon{--size: 1.5rem}}.unlock.svelte-1fqwr7c{display:flex;align-items:flex-start;gap:.25rem;margin-inline:var(--padding);padding:.5rem 1rem .5rem .5rem;background:var(--shade3-15);border-radius:var(--br-lg);svg{flex-shrink:0;width:1.25rem;height:1.25rem}.unlock-description:where(.svelte-1fqwr7c){padding-block-start:.125rem}}.ability.svelte-1fqwr7c{display:grid;gap:.5rem;grid-auto-rows:max-content;padding:var(--padding);padding-inline:calc(var(--padding) * 1.25);padding-block-start:calc(var(--padding) / 2)}