.face-grid.svelte-13kiyf8{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(3,1fr);place-items:center;height:100%;padding-inline:1.75rem;display:grid}.pip.svelte-13kiyf8{--pip-size:2.5rem;width:var(--pip-size);height:var(--pip-size);display:inline-flex}.court-face.svelte-13kiyf8{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--color-card-frame);-webkit-user-select:none;user-select:none;border:2px solid var(--color-card-frame);border-radius:2px;grid-area:1/1/9/4;justify-content:center;place-self:stretch stretch;align-items:center;margin:2rem .25rem;font-size:12rem;line-height:1;display:flex}[data-rank=A].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:4/2/6/3}[data-rank="2"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/2/3/3}[data-rank="2"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:7/2/9/3;transform:rotate(180deg)}[data-rank="3"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/2/3/3}[data-rank="3"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:4/2/6/3}[data-rank="3"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:7/2/9/3;transform:rotate(180deg)}[data-rank="4"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="4"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="4"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="4"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="5"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="5"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="5"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:4/2/6/3}[data-rank="5"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="5"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:4/1/6/2}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:4/3/6/4}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="6"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(6){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:2/2/5/3}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:4/1/6/2}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:4/3/6/4}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(6){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="7"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(7){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:2/2/5/3}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:4/1/6/2}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:4/3/6/3}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(6){grid-area:5/2/8/3;transform:rotate(180deg)}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(7){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="8"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(8){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:3/1/5/2}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:3/3/5/4}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:4/2/6/3}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(6){grid-area:5/1/7/2;transform:rotate(180deg)}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(7){grid-area:5/3/7/4;transform:rotate(180deg)}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(8){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="9"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(9){grid-area:7/3/9/4;transform:rotate(180deg)}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8){grid-area:1/1/3/2}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(2){grid-area:1/3/3/4}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(3){grid-area:2/2/4/3}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(4){grid-area:3/1/5/2}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(5){grid-area:3/3/5/4}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(6){grid-area:5/1/7/2;transform:rotate(180deg)}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(7){grid-area:5/3/7/4;transform:rotate(180deg)}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(8){grid-area:6/2/8/3;transform:rotate(180deg)}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(9){grid-area:7/1/9/2;transform:rotate(180deg)}[data-rank="10"].svelte-13kiyf8 .pip:where(.svelte-13kiyf8):nth-of-type(10){grid-area:7/3/9/4;transform:rotate(180deg)}