.play-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.play-card{display:block;border-radius:10px;overflow:hidden;background:var(--card-bg, #fff);box-shadow:var(--card-box-shadow, 0 3px 8px 6px rgba(7, 17, 27, .05));text-decoration:none!important;color:var(--font-color, #4c4948);transition:box-shadow .2s ease,transform .2s ease}.play-card:hover{box-shadow:var(--card-hover-box-shadow, 0 3px 8px 6px rgba(7, 17, 27, .09));transform:translateY(-3px)}.play-card-icon{height:88px;display:flex;align-items:center;justify-content:center;font-size:1.6em;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.play-card-body{padding:14px 16px}.play-card-title{font-size:1.08em;font-weight:600;color:var(--text-highlight-color, #1f2d3d);margin-bottom:4px}.play-card-desc{font-size:.88em;color:var(--font-color, #4c4948);opacity:.85;line-height:1.5;margin-bottom:10px;min-height:2.6em}.play-tag{display:inline-block;font-size:.76em;color:var(--theme-color, #49b1f5);background:var(--blockquote-bg, rgba(73, 177, 245, .1));border-radius:10px;padding:1px 10px}@media (max-width: 768px){.play-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.play-card-icon{height:64px;font-size:1.3em}}