/* Trang chi tiết game (/g/<id>/) — dùng chung token của base.css + arcade.css. */
.lp-hero {
  display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 30px;
  align-items: center; margin: 26px 0 10px;
}
.lp-shot {
  border-radius: 14px; overflow: hidden; border: 1px solid var(--void-rule);
  aspect-ratio: 4 / 5; background: #05040f;
  box-shadow: 0 22px 60px -30px color-mix(in srgb, var(--ac) 70%, transparent);
}
.lp-shot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lp-meta h1 {
  font: 500 clamp(28px, 7vw, 44px)/1 var(--mono); letter-spacing: .14em;
  text-transform: uppercase; margin: 0 0 14px;
}
.lp-tag { color: var(--muted); font-size: 18px; line-height: 1.5; margin: 0 0 24px; }
.lp-cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.lp-play {
  display: inline-block; background: var(--ac); color: #05060e;
  font: 600 13px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase;
  padding: 15px 28px; border-radius: 8px; text-decoration: none;
  transition: filter .15s ease, transform .15s ease;
}
.lp-play:hover { filter: brightness(1.09); transform: translateY(-2px); }
.lp-yt {
  color: var(--muted); font: 500 11px/1 var(--mono); letter-spacing: .1em;
  text-transform: uppercase; text-decoration: none;
}
.lp-yt:hover { color: var(--fg); }
.lp-video { max-width: 300px; margin: 4px 0 0; }
.lp-video .fr {
  position: relative; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden;
  border: 1px solid var(--void-rule); background: #05040f;
}
.lp-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 620px) {
  .lp-hero { grid-template-columns: 1fr; gap: 20px; }
  .lp-shot { max-width: 280px; }
}