.game-choice-card {
  overflow: hidden;
}

.game-choice-main {
  border-radius: 1rem 1rem 0 0;
}

.game-choice-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--muted);
}

.game-choice-cover,
.gameplay-preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gameplay-preview {
  opacity: 0;
  transition: opacity 160ms ease;
}

.game-choice-card:hover .gameplay-preview,
.game-choice-card:focus-within .gameplay-preview {
  opacity: 1;
}

.game-demo-link {
  height: auto;
  margin: 0 1rem 0.9rem;
  padding: 0;
  font-size: 0.75rem;
}

.game-demo-panel[hidden],
[data-game-list][hidden] {
  display: none;
}

.game-demo-panel {
  min-height: min(620px, 64dvh);
}

.game-demo-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.game-demo-frame {
  display: block;
  width: 100%;
  height: min(540px, 54dvh);
  min-height: 380px;
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: #0d0d0f;
}

@media (max-width: 639px) {
  .game-demo-frame {
    min-height: 460px;
  }
}

.visual-game-chooser,.selected-game-banner{width:100%;min-height:240px;border:1px solid #59304d;border-radius:14px;background:#19131c;overflow:hidden}
.visual-game-chooser{height:auto;display:flex;justify-content:space-between;gap:24px;padding:28px;white-space:normal;text-align:left}
.visual-game-chooser:hover{background:#211727}
.visual-game-chooser-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;flex:1}
.visual-game-chooser-title{color:var(--foreground);font-size:23px;font-weight:500;line-height:1.25}
.visual-game-chooser-cta{background:var(--primary);color:white;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}
.visual-game-chooser-art{display:block;width:48%;max-width:340px;height:auto;flex-shrink:0;border-radius:12px}
.selected-game-banner{display:flex}
.selected-game-cover{position:relative;width:45%;min-height:240px;background:var(--muted)}
.selected-game-details{flex:1;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.selected-game-details h3{font-size:24px;font-weight:600}.selected-game-details p{font-size:13px;color:var(--muted-foreground)}
.selected-game-category{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}
.selected-game-actions{display:flex;align-items:center;gap:8px}.selected-game-actions button{font-size:12px}
.selected-game-remove{padding:0;height:auto;font-size:12px;color:var(--muted-foreground)}
@media(max-width:639px){.visual-game-chooser{flex-direction:column;padding:20px;gap:24px}.visual-game-chooser-copy{align-items:center;text-align:center}.visual-game-chooser-title{font-size:21px}.visual-game-chooser-art{width:100%;max-width:340px}.selected-game-banner{flex-direction:column}.selected-game-cover{width:100%;aspect-ratio:16/9;min-height:0}.selected-game-details{padding:20px}}

#coin-name,#coin-ticker,[data-coin-image-field],.visual-game-chooser{scroll-margin-block:100px}
[aria-invalid="true"]:focus-visible{outline:2px solid var(--destructive);outline-offset:4px}

.game-choice-media{aspect-ratio:1200/630}
.selected-game-cover{aspect-ratio:1200/630;min-height:0;align-self:center;flex-shrink:0}
.gameplay-preview{object-fit:contain;background:#0d0d0f}
