/* Shared framing geometry: the admin preview and saved landing-page cover use the same frame. */
.game-cover-stage {
  position: relative;
  aspect-ratio: 390 / 260;
  min-height: 0;
  overflow: hidden;
  background: #07080d;
}
.game-card-visual[data-cover-framing] .game-card-artwork,
.game-card.is-featured .game-card-visual[data-cover-framing] .game-card-artwork,
.game-cover-stage [data-cover-image] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: 50% 50%;
  clip-path: none;
  transition: none;
}
.game-cover-editor-section { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line, #35415b); }
.game-cover-editor { grid-template-columns: minmax(200px, 1fr) minmax(240px, 1fr); align-items: start; }
.game-cover-controls { display: grid; gap: 14px; }
.game-cover-controls label { display: grid; gap: 6px; }
.game-cover-controls output { color: var(--muted, #9ba7bd); font-variant-numeric: tabular-nums; }
.game-cover-controls input[type='range'] { width: 100%; }
.game-cover-stage { border: 1px solid var(--line, #35415b); border-radius: 10px; }
.game-cover-stage img { display: block; }
.game-cover-preview [role='status'] { min-height: 1.5em; color: var(--muted, #9ba7bd); }
@media (max-width: 700px) { .game-cover-editor { grid-template-columns: 1fr; } }

.game-cover-stage[data-preview-size='wide'] { aspect-ratio: 520 / 260; }
.game-cover-stage[data-preview-size='phone'] { aspect-ratio: 340 / 250; }