.face-content.svelte-5pe332{flex-direction:column;align-items:center;width:max-content;margin-left:10%;font-size:2.2em;display:flex}.face-content.svelte-5pe332 svg{width:1em;height:1em;font-size:1em}.face-content.small.svelte-5pe332{gap:var(--spacing-lg);margin:var(--spacing-md) var(--spacing-none) var(--spacing-none) var(--spacing-xs);font-size:2.4em;line-height:.75}.face-content.small.mobile.svelte-5pe332{gap:var(--spacing-xs);margin:var(--spacing-sm) var(--spacing-none) var(--spacing-none) var(--spacing-xs);font-size:1em}.fancy-face-content.svelte-e4nczz{place-content:center;width:100%;height:100%;padding:.5em 1em;line-height:1;display:grid}.fancy-face-content.rank-2.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(2){transform:rotate(180deg)}.fancy-face-content.rank-2.svelte-e4nczz{grid-template-areas:"a""b";place-content:space-between center}.fancy-face-content.rank-3.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(3){transform:rotate(180deg)}.fancy-face-content.rank-3.svelte-e4nczz{grid-template-areas:"a""b""c";place-content:space-between center}.fancy-face-content.rank-4.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(3),.fancy-face-content.rank-4.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(4){transform:rotate(180deg)}.fancy-face-content.rank-4.svelte-e4nczz{grid-template-areas:"a.b""c.d";place-content:space-between}.fancy-face-content.rank-5.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(4),.fancy-face-content.rank-5.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(5){transform:rotate(180deg)}.fancy-face-content.rank-5.svelte-e4nczz{grid-template-areas:"a.b"".c.""d.e";place-content:space-between}.fancy-face-content.rank-6.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(5),.fancy-face-content.rank-6.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(6){transform:rotate(180deg)}.fancy-face-content.rank-6.svelte-e4nczz{grid-template-areas:"a.b""c.d""e.f";place-content:space-between}.fancy-face-content.rank-7.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(4){transform:translateY(-150%)}.fancy-face-content.rank-7.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(6),.fancy-face-content.rank-7.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(7){transform:rotate(180deg)}.fancy-face-content.rank-7.svelte-e4nczz{grid-template-areas:"a.b""c d e""f.g";place-content:space-between}.fancy-face-content.rank-8.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(6),.fancy-face-content.rank-8.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(7),.fancy-face-content.rank-8.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(8){transform:rotate(180deg)}.fancy-face-content.rank-8.svelte-e4nczz{grid-template-areas:"a.b"".c.""d.e"".f.""g.h";place-content:space-between}.fancy-face-content.rank-9.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(4){transform:translateY(100%)}.fancy-face-content.rank-9.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(6),.fancy-face-content.rank-9.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(7),.fancy-face-content.rank-9.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(8),.fancy-face-content.rank-9.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(9){transform:rotate(180deg)}.fancy-face-content.rank-9.svelte-e4nczz{grid-template-areas:"a.b""c d e""f.g""h.i";place-content:space-between}.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(6),.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(8),.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(9),.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(10){transform:rotate(180deg)}.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(4){transform:translateY(-100%)}.fancy-face-content.rank-10.svelte-e4nczz .suit:where(.svelte-e4nczz):nth-child(7){transform:translateY(100%)rotate(180deg)}.fancy-face-content.rank-10.svelte-e4nczz{grid-template-areas:"a.b""c d e""f g h""i.j";place-content:space-between}.suit.svelte-e4nczz:first-child{grid-area:a}.suit.svelte-e4nczz:nth-child(2){grid-area:b}.suit.svelte-e4nczz:nth-child(3){grid-area:c}.suit.svelte-e4nczz:nth-child(4){grid-area:d}.suit.svelte-e4nczz:nth-child(5){grid-area:e}.suit.svelte-e4nczz:nth-child(6){grid-area:f}.suit.svelte-e4nczz:nth-child(7){grid-area:g}.suit.svelte-e4nczz:nth-child(8){grid-area:h}.suit.svelte-e4nczz:nth-child(9){grid-area:i}.suit.svelte-e4nczz:nth-child(10){grid-area:j}.rank.svelte-e4nczz{position:absolute}.rank.top.svelte-e4nczz{top:1.2em;left:.5em;transform:translate(-50%,-50%)}.rank.bottom.svelte-e4nczz{bottom:1.2em;right:.5em;transform:translate(50%,50%)rotate(180deg)}.back.svelte-yspm2z{border-radius:var(--edge-radius-md);background:var(--sog-card-face);background-color:var(--sog-card-face);backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;position:absolute}.face.svelte-yspm2z{border-radius:var(--edge-radius-md);background:var(--sog-card-face);width:100%;height:100%;position:absolute;transform:scaleX(-1)}.face.win.svelte-yspm2z{box-shadow:0 0 0 .3em var(--sog-result-win)}.face.lose.svelte-yspm2z{box-shadow:0 0 0 .3em var(--sog-result-loss)}.face.draw.svelte-yspm2z{box-shadow:0 0 0 .3em var(--sog-card-draw)}.face.active.svelte-yspm2z{box-shadow:0 0 0 .3em var(--sog-card-active)}.horizontal.svelte-yspm2z{transition:var(--transition-time);transition-property:transform;transition-timing-function:ease-out}.horizontal.rotated.svelte-yspm2z{transform:rotate(90deg)}.content.svelte-yspm2z{font-family:brandon-grotesque,sans-serif;font-weight:var(--edge-font-weight-bold);-webkit-user-select:none;user-select:none;perspective:700px;transition:var(--transition-time);transform-style:preserve-3d;box-shadow:0 0 .25em var(--sog-card-shadow);border-radius:var(--edge-radius-md);transition-property:transform,box-shadow;transition-timing-function:ease-out;position:relative}.content.svelte-yspm2z:not(.face-down){transform:rotateY(180deg)}.content.small.svelte-yspm2z>div:where(.svelte-yspm2z){border-radius:var(--edge-radius-sm)}.wrap.svelte-yspm2z:disabled{pointer-events:none}.wrap.mobile.svelte-yspm2z{justify-content:center;width:3.75em;display:flex}