.play-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}@media (min-width:640px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:1024px){.play-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}.play-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:28px 28px 24px;border:3px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);text-decoration:none;color:var(--color-ink);transform:translateY(0);transition:transform var(--motion-fast) var(--ease-glide),box-shadow var(--motion-fast) var(--ease-glide)}.play-card:before{content:"";position:absolute;left:-3px;top:20px;bottom:20px;width:0;background:var(--color-ink);transition:width var(--motion-fast) var(--ease-glide),opacity var(--motion-fast) var(--ease-glide);opacity:0}.play-card:focus-visible,.play-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--color-ink);outline:none}.play-card:focus-visible:before,.play-card:hover:before{width:6px;opacity:1}.play-card:focus-visible{box-shadow:inset 0 0 0 1px var(--color-ink),0 0 0 1px var(--color-ink)}.play-card-forthcoming{opacity:.45;pointer-events:none}.play-rule{border:0;border-top:1px solid var(--color-ink);margin:0}.play-rule-faint{border:0;border-top:1px solid var(--color-ink-faint);margin:0}@media (prefers-reduced-motion:reduce){.play-card,.play-card:before{transition:none}.play-card:focus-visible,.play-card:hover{transform:none}}