.game-content.svelte-c9vt8g{display:grid;grid-template-columns:1fr 1fr;gap:1rem;@container (inline-size <= 900px){grid-template-columns:1fr}}.comps.svelte-c9vt8g{display:grid}.comp-container.svelte-c9vt8g{position:relative}.comp.svelte-c9vt8g{position:relative;display:grid;gap:.5rem;padding:1.25rem;background:var(--shade7);border-bottom:1px solid var(--shade3-15);overflow:clip;>:where(.svelte-c9vt8g){position:relative}&:hover{.comp-carry-unit-bg:where(.svelte-c9vt8g){opacity:.75}}}.code-btn.svelte-c9vt8g{position:absolute;top:1.25rem;right:1.25rem;button:where(.svelte-c9vt8g){border-radius:var(--br)}.copied:where(.svelte-c9vt8g){color:var(--lime);background:color-mix(in hsl,var(--lime) 15%,transparent)}svg{width:1.25rem;height:1.25rem}}.comp-carry-unit-bg.svelte-c9vt8g{position:absolute;top:0;right:0;height:150%;width:auto;max-width:unset;translate:0% -15%;mask-image:linear-gradient(to right,transparent,oklch(0 0 0 / 1));opacity:.35;transition:opacity var(--transition)}.comp-header.svelte-c9vt8g{display:flex;align-items:center;gap:.5rem}.comp-units.svelte-c9vt8g{display:flex;gap:.5rem;padding-inline-start:.5rem;.unit{--size: 2.75rem;@container (inline-size <= 1000px){--size: 2.25rem}}}.units-stats.svelte-c9vt8g{display:grid}.units-stats-header.svelte-c9vt8g{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem var(--padding);border-bottom:1px solid var(--shade6);color:var(--shade2);background:var(--shade5-25);.patch:where(.svelte-c9vt8g){width:calc(36px + .75rem + 11ch)}.tier:where(.svelte-c9vt8g),.pick-rate:where(.svelte-c9vt8g),.avg-place:where(.svelte-c9vt8g),.top-4-percent:where(.svelte-c9vt8g){width:6ch;text-align:center}.top-4-percent:where(.svelte-c9vt8g){width:6ch;text-align:right}}.unit.svelte-c9vt8g{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem var(--padding);transition:background var(--transition);border-bottom:1px solid var(--shade6);&:hover{background:var(--shade6-75)}.unit-info:where(.svelte-c9vt8g){display:flex;align-items:center;gap:.75rem}.unit{--size: 2.25rem}.name:where(.svelte-c9vt8g){width:11ch;text-overflow:ellipsis;overflow:clip}.tier:where(.svelte-c9vt8g),.pick-rate:where(.svelte-c9vt8g),.avg-place:where(.svelte-c9vt8g),.top-4-percent:where(.svelte-c9vt8g){display:flex;justify-content:center;width:6ch;text-align:center;color:var(--shade2)}.top-4-percent:where(.svelte-c9vt8g){width:6ch;text-align:right}}.view-all.svelte-c9vt8g{padding:var(--padding);.button{background:var(--primary);color:#fff}}