.badge.svelte-xzzi7v{-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block}.badge.md.svelte-xzzi7v{width:clamp(20px,36cqi,48px);height:clamp(20px,36cqi,48px);filter:drop-shadow(0 0 1.5px var(--bg-1))}.best.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-best)}.excellent.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-excellent)}.good.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-good)}.inaccuracy.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-inaccuracy)}.mistake.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-mistake)}.blunder.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-blunder)}.brilliant.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-brilliant)}.great.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-great)}.miss.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-miss)}.book.svelte-xzzi7v>circle:where(.svelte-xzzi7v){fill:var(--cls-book)}.shell.svelte-1nj7w2n{justify-content:center;gap:var(--play-gap);height:100%;padding:var(--play-pad);grid-template-columns:340px minmax(0,1fr) 340px;display:grid;overflow:hidden}.col.svelte-1nj7w2n{gap:var(--play-gap);flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.col-left.svelte-1nj7w2n{grid-column:1;justify-self:end;width:220px;max-width:100%}.col-center.svelte-1nj7w2n{grid-column:2;overflow-y:visible}.col-right.svelte-1nj7w2n{grid-column:3;width:340px;max-width:100%}@media (max-width:1024px){.shell.svelte-1nj7w2n,.shell.two.svelte-1nj7w2n{grid-template-columns:1fr;height:auto;overflow:clip visible}.col-left.svelte-1nj7w2n,.col-center.svelte-1nj7w2n,.col-right.svelte-1nj7w2n{grid-column:auto;justify-self:stretch;width:auto;max-width:none}.col.svelte-1nj7w2n{min-height:0}}