.suit{display:inline-block;flex-shrink:0;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--suit) center / contain no-repeat;mask:var(--suit) center / contain no-repeat}.suit--s{--suit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 3C34 23 6 38 6 61c0 13 10 22 22 22 8 0 14-3 18-9-1 9-5 16-13 22h34c-8-6-12-13-13-22 4 6 10 9 18 9 12 0 22-9 22-22C94 38 66 23 50 3Z'/%3E%3C/svg%3E")}.suit--h{--suit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 92C22 69 4 52 4 30 4 15 15 5 28 5c10 0 18 6 22 15 4-9 12-15 22-15 13 0 24 10 24 25 0 22-18 39-46 62Z'/%3E%3C/svg%3E")}.suit--d{--suit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 2c9 17 23 34 38 48C73 64 59 81 50 98 41 81 27 64 12 50 27 36 41 19 50 2Z'/%3E%3C/svg%3E")}.suit--c{--suit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='27' r='21'/%3E%3Ccircle cx='26' cy='58' r='21'/%3E%3Ccircle cx='74' cy='58' r='21'/%3E%3Cpath d='M43 40h14v22H43zM47 60c0 14-4 25-14 36h34C57 85 53 74 53 60Z'/%3E%3C/svg%3E")}.pcards{--pcard-w: 52px;display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.pcards--sm{--pcard-w: 34px;gap:5px}.pcard{position:relative;display:grid;place-items:center;flex-shrink:0;width:var(--pcard-w);aspect-ratio:5 / 7;border-radius:calc(var(--pcard-w) * .1);background:linear-gradient(150deg,var(--color-card-face) 0%,var(--color-card-face) 55%,color-mix(in srgb,var(--color-card-face) 90%,var(--color-card-ink)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-card-ink) 14%,transparent),0 1px 2px color-mix(in srgb,var(--color-card-ink) 30%,transparent),0 4px 12px color-mix(in srgb,var(--color-card-ink) 22%,transparent);color:var(--color-card-ink);font-family:var(--font-display);font-weight:700;line-height:1;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;transition:transform var(--transition-base),box-shadow var(--transition-base)}.pcard--red{color:var(--color-card-red)}.pcard__corner{position:absolute;top:calc(var(--pcard-w) * .07);left:calc(var(--pcard-w) * .08);display:flex;flex-direction:column;align-items:center;gap:calc(var(--pcard-w) * .03);width:calc(var(--pcard-w) * .26)}.pcard__corner--end{top:auto;left:auto;bottom:calc(var(--pcard-w) * .07);right:calc(var(--pcard-w) * .08);transform:rotate(180deg)}.pcard__rank{font-size:calc(var(--pcard-w) * .3);letter-spacing:-.06em}.pcard__suit{display:block;width:calc(var(--pcard-w) * .2);height:calc(var(--pcard-w) * .2)}.pcard__pip{display:grid;place-items:center;width:calc(var(--pcard-w) * .5);height:calc(var(--pcard-w) * .5);font-size:calc(var(--pcard-w) * .44)}.pcard__pip .suit{width:100%;height:100%}.pcards--sm .pcard__corner--end{display:none}.pcards--sm .pcard__pip{width:calc(var(--pcard-w) * .44);height:calc(var(--pcard-w) * .44);margin:calc(var(--pcard-w) * .3) 0 0 calc(var(--pcard-w) * .22)}.pcard--back{background:repeating-linear-gradient(45deg,var(--color-bg-selected) 0 3px,transparent 3px 7px),repeating-linear-gradient(-45deg,var(--color-bg-selected) 0 3px,var(--color-bg-card) 3px 7px);box-shadow:inset 0 0 0 2px var(--color-accent),inset 0 0 0 4px var(--color-bg-card)}.pcard--used{transform:translateY(-4px);box-shadow:0 0 0 2px var(--color-accent),0 6px 16px var(--color-accent-glow)}.pcard--out{opacity:.35}.pcard--out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--color-card-ink) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.pcard--hidden{outline:2px dashed var(--color-muted);outline-offset:3px}.pcard--hidden.pcard--used{outline-color:var(--color-accent)}.pcards:has(>:nth-child(6)){--pcard-w: 46px}@media (max-width: 768px){.pcards{--pcard-w: 40px;gap:6px}.pcards:has(>:nth-child(6)){--pcard-w: 32px;gap:5px}.pcards--sm{--pcard-w: 30px;gap:4px}}@media (prefers-reduced-motion: reduce){.pcard{transition:none}}.play{gap:48px}.play-hero{background:radial-gradient(70% 140% at 100% 0%,var(--color-accent-glow) 0%,transparent 60%),var(--color-bg-inset)}.play-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.play-hero__fan{padding:0 24px 8px 0}.play-hero__fan .pcards,.play-head__fan .pcards{--pcard-w: 76px;flex-wrap:nowrap}.play-head__fan .pcards{--pcard-w: 64px}:is(.play-hero__fan,.play-head__fan) .pcard{--fan: 0deg;margin-left:-26px;transform:rotate(var(--fan));transform-origin:50% 130%;box-shadow:0 10px 28px var(--color-overlay-soft)}:is(.play-hero__fan,.play-head__fan) .pcard:first-child{margin-left:0}:is(.play-hero__fan,.play-head__fan) .pcard--hidden{outline:0}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(1):not(:only-child){--fan: -12deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(2){--fan: -5deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(2):last-child{--fan: 8deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(3){--fan: 2deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(3):last-child{--fan: 10deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(4){--fan: 9deg}:is(.play-hero__fan,.play-head__fan) .pcard:nth-child(5){--fan: 16deg}.play-hero--slim{padding:28px 0 26px}.play-hero__section{margin-top:14px;font-family:var(--font-display);font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.01em;line-height:1.1;color:var(--color-text)}.play__body{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:56px;width:100%}.play__main{min-width:0;max-width:1000px}.play-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:32px}.play-head__title{font-family:var(--font-display);font-size:clamp(36px,4.2vw,60px);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--color-text);margin:0 0 16px;text-wrap:balance;font-optical-sizing:auto}.play-head__intro{max-width:640px;font-size:18px;line-height:1.7;color:var(--color-muted);text-wrap:pretty}.play-head__fan{padding:0 20px 6px 0}.play-nav{position:sticky;top:24px;display:grid;gap:22px;max-height:calc(100vh - 48px);overflow-y:auto;padding:18px 14px 22px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-card);scrollbar-width:thin}.play-nav__overview{display:block;padding:10px 12px;border-radius:var(--radius-sm);font-weight:700;color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast)}.play-nav__family{padding:0 12px;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.play-nav__list{display:grid;gap:2px}.play-nav__link{display:grid;grid-template-columns:52px 1fr;align-items:baseline;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border-left:2px solid transparent;color:var(--color-text-soft);transition:background var(--transition-fast),color var(--transition-fast)}.play-nav__short{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--color-accent)}.play-nav__name{font-size:14px;font-weight:600;line-height:1.35}.play-nav__link:hover,.play-nav__link:focus-visible,.play-nav__overview:hover,.play-nav__overview:focus-visible{background:var(--color-bg-raised);color:var(--color-champagne)}.play-nav__link.is-active,.play-nav__overview.is-active{background:var(--color-bg-selected);color:var(--color-text)}.play-nav__link.is-active{border-left-color:var(--color-accent)}.play-nav__overview.is-active{box-shadow:inset 2px 0 0 var(--color-accent)}@media (max-width: 1024px){.play{gap:0}.play__body{grid-template-columns:1fr;gap:32px}.play-nav{position:relative;display:flex;gap:8px;max-height:none;margin:0 calc(var(--layout-container-pad) * -1);padding:14px var(--layout-container-pad);overflow-x:auto;overflow-y:hidden;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:var(--color-bg);scrollbar-width:none}.play-nav::-webkit-scrollbar{display:none}.play-nav__group,.play-nav__list,.play-nav__list li{display:contents}.play-nav__family,.play-nav__name{display:none}.play-nav__overview,.play-nav__link{display:inline-flex;flex:none;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);white-space:nowrap}.play-nav__overview.is-active,.play-nav__link.is-active{border-color:var(--color-accent);box-shadow:none}.play-nav__short{font-size:15px}}@media (max-width: 768px){.play-hero__inner{grid-template-columns:1fr;gap:28px}.play-hero__fan{order:2;padding:0 0 4px 8px}.play-hero__fan .pcards,.play-head__fan .pcards{--pcard-w: 56px}.play-head{grid-template-columns:1fr;gap:24px}.play-head__fan{padding:0 0 4px 8px}.play-head__intro{font-size:17px}:is(.play-hero__fan,.play-head__fan) .pcard{margin-left:-18px}}