/*  UE5 빌드 내려받기의 옷(2026-09-09 · Steam 꼴) — 작품 페이지의 카드(`DownloadCard.tsx` · `.dl-card`)와 게임란 무대의 상자(`GameHall.tsx` · `.screen-dl`).
 *  값은 `globals.css` 의 :root 한 벌(--panel · --line · --dim · --amber …)이고 이름도 그 결(.card · .btn.go · .tag · .row · .hint · .tbl)을 딛는다.
 *  ⚠ `@layer` 에 안 넣는다 — 부품이 드는 자리라 `globals.css` 보다 먼저 실릴 수 있다(discover.css 의 그 까닭). */

/* ── 카드 — 값의 표(dl) ＋ 단추 한 줄. 검수 판은 앰버 테로 «먼저» 선다. ───────────── */
.dl-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dl-card.review {
  border-color: color-mix(in srgb, var(--amber) 45%, transparent);
}
.dl-card > .con-h {
  margin-bottom: 0;
  flex-wrap: wrap;
}
.dl-card .dl-facts {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 6px 18px;
  margin: 0;
  font-size: 13.5px;
}
.dl-card .dl-facts dt {
  color: var(--dim);
  white-space: nowrap;
}
.dl-card .dl-facts dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dl-card code {
  font: 13px/1.5 var(--font-mono);
  color: var(--teal);
  overflow-wrap: anywhere;
}
.dl-card code.sha {
  font-size: 12.5px;
  letter-spacing: 0.01em;
}
@media (max-width: 600px) {
  .dl-card .dl-facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px 0;
  }
  .dl-card .dl-facts dt {
    margin-top: 6px;
  }
}

/* ── [올린 기록] 표 — layout 딱지 곁의 sha256 앞 12자. ───────────────────────────── */
.tbl code.sha {
  margin-left: 6px;
  color: var(--dim);
}

/* ── 무대 — 표지 위에 얹히는 내려받기 상자(플레이 단추가 서던 그 자리). ───────────── */
.screen-dl {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  justify-content: center;
  padding: 22px 16px 18px;
  background: linear-gradient(180deg, rgba(6, 6, 7, 0), rgba(6, 6, 7, 0.78));
}
.screen-dl .btn.go {
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}