.game-card { display: block; min-width: 0; overflow: hidden; border: 1px solid var(--platform-surface-border); border-radius: 1.45rem; padding: 0; background: var(--platform-panel-fill); color: inherit; cursor: pointer; text-align: left; box-shadow: var(--platform-panel-shadow); transition: 180ms ease; } .game-card:hover { border-color: rgba(199, 101, 61, 0.38); box-shadow: 0 1rem 2.4rem rgba(104, 54, 36, 0.14); transform: translateY(-3px); } .game-card__body { display: block; padding: 0.95rem 1rem 1.1rem; } .game-card__title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem; } .game-card__title-row strong { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; } .game-card__play-count { flex: none; color: var(--platform-text-soft); font-size: 0.66rem; } .game-card__summary { display: block; overflow: hidden; margin-top: 0.42rem; color: var(--platform-text-base); font-size: 0.78rem; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; } .game-card__rating { display: block; margin-top: 0.42rem; color: var(--platform-text-base); font-size: 0.78rem; line-height: 1.55; overflow-wrap: anywhere; } .game-card__meta { display: flex; gap: 0.38rem; margin-top: 0.85rem; color: var(--platform-text-soft); font-size: 0.7rem; }