.play-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; max-width: 52rem; margin: 0 auto; }
.play-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .6rem; padding: 2rem 1.5rem; border: 2px solid var(--pink); border-radius: var(--radius); background: #05000c; color: var(--fg); text-decoration: none; box-shadow: 0 0 24px rgba(255, 46, 147, .4); transition: transform .15s, box-shadow .15s; }
.play-card.play-synth { border-color: var(--cyan); box-shadow: 0 0 24px rgba(25, 227, 255, .4); }
.play-card:hover, .play-card:focus-visible { transform: translateY(-4px); box-shadow: 0 0 36px rgba(255, 46, 147, .7); }
.play-card.play-synth:hover, .play-card.play-synth:focus-visible { box-shadow: 0 0 36px rgba(25, 227, 255, .7); }
.play-card h2 { margin: 0; color: var(--yellow); }
.play-card p { margin: 0 0 .6rem; color: var(--muted); }
.play-emoji { font-size: 3.5rem; line-height: 1; }
@media (prefers-reduced-motion: reduce) { .play-card { transition: none; } }