.game-card[data-v-852458bd]{aspect-ratio:1;background:var(--card-bg);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;position:relative;transition:all var(--transition-normal)}.game-card[data-v-852458bd]:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px) scale(1.02)}.game-card-image[data-v-852458bd]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal);width:100%}.game-card:hover .game-card-image[data-v-852458bd]{transform:scale(1.1)}.game-card-overlay[data-v-852458bd]{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,transparent);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:12px;position:absolute;transition:opacity var(--transition-normal)}.game-card:hover .game-card-overlay[data-v-852458bd]{opacity:1}.game-card-title[data-v-852458bd]{color:#fff;display:-webkit-box;font-size:.875rem;font-weight:700;-webkit-line-clamp:2;line-height:1.3;-webkit-box-orient:vertical;overflow:hidden}.game-card-play[data-v-852458bd]{align-items:center;background:var(--accent-color);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:56px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all var(--transition-normal);width:56px}.game-card:hover .game-card-play[data-v-852458bd]{transform:translate(-50%,-50%) scale(1)}.game-card-play svg[data-v-852458bd]{fill:#fff;height:24px;margin-left:3px;width:24px}.favorite-btn[data-v-852458bd]{align-items:center;background:#0009;border-radius:50%;color:var(--text-secondary);display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all var(--transition-fast);width:32px;z-index:10}.game-card:hover .favorite-btn[data-v-852458bd]{opacity:1}.favorite-btn[data-v-852458bd]:hover{background:#000c;color:var(--accent-color)}.favorite-btn.active[data-v-852458bd]{color:var(--accent-color);opacity:1}.favorite-btn.active svg[data-v-852458bd]{filter:drop-shadow(0 0 4px var(--accent-color))}
