.card.svelte-o3pzj6{--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-o3pzj6{cursor:default}.card.draggable.svelte-o3pzj6{cursor:grab;touch-action:none}.card.draggable.svelte-o3pzj6:active{cursor:grabbing}.card.svelte-o3pzj6:focus-visible .card-inner:where(.svelte-o3pzj6){outline:3px solid #7ec8ff;outline-offset:2px;border-radius:8%}.card-inner.svelte-o3pzj6{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-o3pzj6 .card-inner:where(.svelte-o3pzj6){transform:rotateY(180deg)}.card.svelte-o3pzj6:not(.disabled):hover .card-inner:where(.svelte-o3pzj6){transform:translateY(-6%) rotateY(0) scale(1.015)}.card.face-up.svelte-o3pzj6:not(.disabled):hover .card-inner:where(.svelte-o3pzj6){transform:translateY(-6%) rotateY(180deg) scale(1.015)}.card.selected.svelte-o3pzj6 .card-inner:where(.svelte-o3pzj6){transform:translateY(-14%) rotateY(180deg)}.card.selected.svelte-o3pzj6:not(.face-up) .card-inner:where(.svelte-o3pzj6){transform:translateY(-14%) rotateY(0)}.card-face.svelte-o3pzj6{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-o3pzj6 .card-face:where(.svelte-o3pzj6){box-shadow:0 0 0 3px #e59d02,0 8px 18px #00000073}.card.disabled.svelte-o3pzj6 .card-face:where(.svelte-o3pzj6){filter:brightness(.78) saturate(.85)}.card-front.svelte-o3pzj6{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-o3pzj6{display:flex;flex-direction:column;align-items:center;width:clamp(.7rem,28cqw,1.6rem);line-height:1}.index-bottom.svelte-o3pzj6{align-self:flex-end;transform:rotate(180deg);margin-top:auto}.rank.svelte-o3pzj6{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(.5rem,20cqw,1.15rem)}.corner-pip.svelte-o3pzj6{width:clamp(.4rem,13cqw,.75rem);height:clamp(.4rem,13cqw,.75rem);margin-top:.1em}.pip-icon.svelte-o3pzj6{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-o3pzj6{flex:1;display:flex;align-items:center;justify-content:center}.center-pip.svelte-o3pzj6{width:48%;aspect-ratio:1;opacity:.92}.court.svelte-o3pzj6{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;border:1.5px solid var(--card-color);border-radius:12%;margin:12% 8%;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--card-color) 8%,transparent) 6px 12px)}.court.svelte-o3pzj6:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:78%;aspect-ratio:1;background-color:var(--card-color);opacity:.06;mask-image:var(--court-glyph);-webkit-mask-image:var(--court-glyph);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}.court-pip.svelte-o3pzj6{width:clamp(.7rem,34cqw,2.1rem);height:clamp(.7rem,34cqw,2.1rem);opacity:.9}.court-letter.svelte-o3pzj6{font-family:Times New Roman,Georgia,serif;font-weight:700;font-size:clamp(.85rem,40cqw,2.4rem);line-height:1.3}@container card (max-width: 62px){.court-pip.svelte-o3pzj6{display:none}}@container card (max-width: 42px){.corner-pip.svelte-o3pzj6{display:none}}.card-back.svelte-o3pzj6{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--back-color) 85%,white 15%),var(--back-color) 70%)}.back-frame.svelte-o3pzj6{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-o3pzj6{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}