@layer components.features{.mechanics-page.svelte-7jm3d5{max-inline-size:72rem;margin-block:2rem 6rem}.mechanic-group.svelte-7jm3d5+.mechanic-group:where(.svelte-7jm3d5){margin-top:2rem}.group-heading.svelte-7jm3d5{color:var(--signal);margin-bottom:.75rem}.mechanic-grid.svelte-7jm3d5{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.mechanic-grid.svelte-7jm3d5 .mechanic-card{align-items:center;gap:.875rem;block-size:100%;min-block-size:5rem;padding:.75rem 1rem;display:flex}.mechanic-icon.svelte-7jm3d5{background:var(--signal);block-size:2.25rem;inline-size:2.25rem;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;opacity:.85;transition:opacity var(--duration-normal);flex-shrink:0}.mechanic-card:hover .mechanic-icon.svelte-7jm3d5{opacity:1}.mechanic-icon[data-slug=neutrals].svelte-7jm3d5{-webkit-mask-size:220%;mask-size:220%}.mechanic-text.svelte-7jm3d5{flex-direction:column;gap:.25rem;min-inline-size:0;display:flex}.mechanic-grid.svelte-7jm3d5 h3:where(.svelte-7jm3d5){font-size:var(--text-base);line-height:var(--leading-base);font-weight:600}@media (width>=22.5rem){.mechanic-grid.svelte-7jm3d5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=40rem){.mechanic-grid.svelte-7jm3d5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.mechanic-grid.svelte-7jm3d5{grid-template-columns:repeat(4,minmax(0,1fr))}}}