.game-card-owned:hover { transform: none; }
.game-card-owned:has(.game-actions[open]) { z-index: 5; }
.game-card-owned .game-card-visibility { max-width: calc(100% - 66px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-actions { position: absolute; top: 6px; right: 6px; z-index: 3; width: 44px; }
.game-actions > summary { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; list-style: none; cursor: pointer; border: 1px solid #ffffff40; border-radius: 50%; background: #152022c9; color: #fff; }
.game-actions > summary::-webkit-details-marker { display: none; }
.game-actions > summary:hover, .game-actions[open] > summary { background: #152022; }
.game-actions-panel { position: absolute; top: calc(100% + 6px); right: 0; width: max-content; max-width: calc(100vw - 24px); padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 8px 24px #17212b24; }
.game-actions-panel form { margin: 0; }
.game-actions-delete { display: block; width: 100%; min-height: 44px; padding: 10px 14px; border: 0; border-radius: 7px; background: transparent; color: #b42318; text-align: start; font-size: 13px; line-height: 1.4; }
.game-actions-delete:hover { background: #fff1ef; }
@media (max-width: 650px) {
  .game-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}