.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{grid-template-columns:minmax(0, 1fr) var(--center-w,minmax(0, 1fr)) minmax(0, 1fr);justify-content:center;gap:var(--play-gap);height:100%;padding:var(--play-pad);display:grid;overflow:hidden}.shell.two.svelte-1nj7w2n{grid-template-columns:minmax(0, 1fr) var(--center-w,minmax(0, 1fr)) minmax(0, 1fr)}.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;justify-self:start;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}}.shell.svelte-nwpt7x{background:var(--bg-0);flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;overflow:clip hidden}.appbar.svelte-nwpt7x{height:calc(44px + var(--safe-top));padding-top:var(--safe-top);padding-left:max(var(--sp-2), var(--safe-left));padding-right:max(var(--sp-2), var(--safe-right));border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0;align-items:center;display:flex}.below-appbar.svelte-nwpt7x{width:100%;padding-top:var(--sp-2);flex-shrink:0}.play-stack.svelte-nwpt7x{flex-direction:column;flex:1 1 0;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:0;padding:0 2px;display:flex;overflow-x:clip}.row.svelte-nwpt7x{flex-shrink:0;width:100%;min-width:0;max-width:100%;padding:4px 0;overflow-x:clip}.row.top.svelte-nwpt7x{border-bottom:1px solid var(--border)}.row.bottom.svelte-nwpt7x{border-top:1px solid var(--border)}.topBoard.svelte-nwpt7x{flex-shrink:0;width:100%}.board-wrap.svelte-nwpt7x{width:min(100%, calc(100dvh - 260px - var(--safe-top) - var(--safe-bottom)));aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-self:center;position:relative}.above-actions.svelte-nwpt7x{flex-shrink:0;width:100%}.actions.svelte-nwpt7x{background:var(--bg-1);width:100%;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);flex-shrink:0}