.card.svelte-1ghr2xn{--pb-card-w: var(--solitaire-card-w, 5.6rem);width:var(--pb-card-w);aspect-ratio:5 / 7;perspective:1200px;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;border-radius:8%;container-type:inline-size;container-name:card}.card.disabled.svelte-1ghr2xn{cursor:default}.card.draggable.svelte-1ghr2xn{cursor:grab;touch-action:none}.card.draggable.svelte-1ghr2xn:active{cursor:grabbing}.card.svelte-1ghr2xn:focus-visible .card-inner:where(.svelte-1ghr2xn){outline:3px solid #7ec8ff;outline-offset:2px;border-radius:8%}.card-inner.svelte-1ghr2xn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);border-radius:8%}.card.face-up.svelte-1ghr2xn .card-inner:where(.svelte-1ghr2xn){transform:rotateY(180deg)}.card.svelte-1ghr2xn:not(.disabled):hover .card-inner:where(.svelte-1ghr2xn){transform:translateY(-6%) rotateY(0) scale(1.015)}.card.face-up.svelte-1ghr2xn:not(.disabled):hover .card-inner:where(.svelte-1ghr2xn){transform:translateY(-6%) rotateY(180deg) scale(1.015)}.card.selected.svelte-1ghr2xn .card-inner:where(.svelte-1ghr2xn){transform:translateY(-14%) rotateY(180deg)}.card.selected.svelte-1ghr2xn:not(.face-up) .card-inner:where(.svelte-1ghr2xn){transform:translateY(-14%) rotateY(0)}.card-face.svelte-1ghr2xn{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8%;box-shadow:0 1px 2px #00000059,0 6px 14px #00000059;overflow:hidden}.card.selected.svelte-1ghr2xn .card-face:where(.svelte-1ghr2xn){box-shadow:0 0 0 3px #e59d02,0 8px 18px #00000073}.card.disabled.svelte-1ghr2xn .card-face:where(.svelte-1ghr2xn){filter:brightness(.78) saturate(.85)}.card-front.svelte-1ghr2xn{transform:rotateY(180deg);background:linear-gradient(155deg,#fffdf7,#f7f3e8);color:var(--card-color);display:flex;flex-direction:column;padding:6% 7%;border:1px solid rgba(0,0,0,.08)}.index.svelte-1ghr2xn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:clamp(.8rem,30cqw,1.8rem);line-height:1}.index-bottom.svelte-1ghr2xn{align-self:flex-end;transform:rotate(180deg);margin-top:auto}.rank.svelte-1ghr2xn{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(.5rem,20cqw,1.15rem)}.corner-pip.svelte-1ghr2xn{width:clamp(.6rem,20cqw,1.1rem);height:clamp(.6rem,20cqw,1.1rem);margin-top:.1em}.pip-icon.svelte-1ghr2xn{display:inline-block;background-color:var(--card-color);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.center-suit.svelte-1ghr2xn{flex:1;display:flex;align-items:center;justify-content:center}.center-pip.svelte-1ghr2xn{width:48%;aspect-ratio:1;opacity:.92}.court-portrait.svelte-1ghr2xn{position:absolute;top:4%;right:5%;bottom:4%;left:5%;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.court-portrait.svelte-1ghr2xn img:where(.svelte-1ghr2xn){width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card.court.svelte-1ghr2xn .corner-pip:where(.svelte-1ghr2xn){display:inline-block}@container card (max-width: 42px){.corner-pip.svelte-1ghr2xn{display:none}}@media (max-width: 640px){.index.svelte-1ghr2xn{width:clamp(1.05rem,42cqw,2.4rem)}.court-portrait.svelte-1ghr2xn{top:13%;right:13%;bottom:13%;left:13%}.rank.svelte-1ghr2xn{font-size:clamp(.75rem,30cqw,1.725rem)}.corner-pip.svelte-1ghr2xn{display:none;width:clamp(.75rem,26cqw,1.35rem);height:clamp(.75rem,26cqw,1.35rem)}.center-pip.svelte-1ghr2xn{width:72%}}.card-back.svelte-1ghr2xn{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--back-color) 85%,white 15%),var(--back-color) 70%)}.back-frame.svelte-1ghr2xn{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:10%;border:2px solid var(--back-accent);box-shadow:inset 0 0 0 1px #ffffff40}.back-pattern.svelte-1ghr2xn{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:8%;background-color:var(--back-accent);mask-image:var(--back-pattern);-webkit-mask-image:var(--back-pattern);mask-mode:luminance;-webkit-mask-mode:luminance;mask-size:300%;-webkit-mask-size:300%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}