/* BeatlePlay V3.8.1 — Game Information Page Hotfix v2
   Dedicated, cache-busted stylesheet for /game/{slug} only. */

.game-detail-shell{
  width:min(1460px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:28px 0 64px !important;
}

.breadcrumbs{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 0 16px !important;
  color:#8294ad !important;
  font-size:12px !important;
}
.breadcrumbs a{color:#b9c7dc !important;text-decoration:none !important}
.breadcrumbs b{color:#f7fbff !important}

.game-detail-hero{
  display:grid !important;
  grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.game-detail-copy,
.game-detail-art,
.game-info-grid>* ,
.game-guide>* ,
.related-games{
  background:linear-gradient(180deg,#091425,#07101f) !important;
  border:1px solid #263c5d !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

.game-detail-copy{
  min-width:0 !important;
  padding:34px 34px 32px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.kicker{
  color:#24cfff !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:2.1px !important;
}
.game-detail-copy h1{
  margin:10px 0 15px !important;
  font-size:clamp(40px,4.4vw,66px) !important;
  line-height:.96 !important;
  letter-spacing:-1.5px !important;
}
.game-detail-copy>p{
  max-width:62ch !important;
  margin:0 !important;
  color:#b8c6da !important;
  font-size:15px !important;
  line-height:1.65 !important;
}
.game-detail-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin:24px 0 18px !important;
}
.game-detail-actions .play-btn,
.game-detail-actions .view-btn{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.game-detail-actions .play-btn{
  margin:0 !important;
  background:linear-gradient(90deg,#ffc400,#ffae00) !important;
  color:#04101c !important;
  border:1px solid #ffd34d !important;
}
.game-detail-actions .view-btn{
  background:#071426 !important;
  color:#f7fbff !important;
  border:1px solid #7c91ad !important;
}
.game-facts{
  display:flex !important;
  gap:8px 16px !important;
  flex-wrap:wrap !important;
  color:#9fb2ca !important;
  font-size:12px !important;
}

.game-detail-art{
  position:relative !important;
  min-width:0 !important;
  height:clamp(330px,30vw,430px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#06101e !important;
}
.game-detail-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.game-detail-art:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(3,8,18,.18),transparent 38%),linear-gradient(0deg,rgba(3,8,18,.25),transparent 32%) !important;
  pointer-events:none !important;
}
.game-detail-art>span{
  position:absolute !important;
  right:16px !important;
  bottom:16px !important;
  z-index:2 !important;
  padding:8px 12px !important;
  border:1px solid #1f7a6a !important;
  border-radius:999px !important;
  background:rgba(5,28,27,.90) !important;
  color:#7fffd4 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.6px !important;
}

.ad-slot[hidden]{display:none !important}

.game-info-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr) !important;
  gap:18px !important;
  margin-top:18px !important;
}
.game-info-grid>*{min-width:0 !important;padding:28px !important}
.game-info-grid h2,.game-guide h2{
  margin:8px 0 12px !important;
  font-size:25px !important;
}
.game-info-grid p,.game-guide p{
  color:#aebdd3 !important;
  line-height:1.72 !important;
}
.game-long-copy{white-space:pre-line !important}
.keyword-chips{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-top:18px !important}
.keyword-chips span{padding:7px 10px !important;border:1px solid #2d466a !important;border-radius:999px !important;background:#071426 !important;color:#a9bdd7 !important;font-size:11px !important}
.game-summary dl{margin:0 !important}
.game-summary dl div{display:flex !important;justify-content:space-between !important;gap:16px !important;padding:12px 0 !important;border-bottom:1px solid #1d2d45 !important}
.game-summary dt{color:#8295af !important}.game-summary dd{margin:0 !important;font-weight:800 !important;text-align:right !important}

.game-guide{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:18px !important;
}
.game-guide>*{min-width:0 !important;padding:26px !important}

.related-games{margin-top:18px !important;padding:22px !important}
.related-games .section-title{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:18px !important;margin-bottom:16px !important}
.related-games .section-title h2{margin:6px 0 0 !important}
.related-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important}
.related-card{display:block !important;overflow:hidden !important;border:1px solid #263b5d !important;border-radius:13px !important;background:#06101e !important}
.related-card img{display:block !important;width:100% !important;aspect-ratio:16/9 !important;object-fit:cover !important}
.related-card span{display:block !important;padding:12px !important}.related-card b,.related-card small{display:block !important}.related-card small{margin-top:5px !important;color:#8ea2be !important}

.game-screenshot-gallery{margin-top:18px !important}

@media(max-width:1100px){
  .game-detail-hero{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr) !important}
  .game-detail-copy{padding:30px !important}
  .game-detail-art{height:370px !important}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

@media(max-width:900px){
  .game-detail-shell{width:min(100% - 28px,1460px) !important;padding-top:20px !important}
  .game-detail-hero,.game-info-grid{grid-template-columns:1fr !important}
  .game-detail-art{height:auto !important;aspect-ratio:16/9 !important}
  .game-guide{grid-template-columns:1fr !important}
  .game-detail-copy{padding:28px !important}
}

@media(max-width:560px){
  .game-detail-shell{width:min(100% - 20px,1460px) !important;padding-top:16px !important}
  .game-detail-copy{padding:22px !important}
  .game-detail-copy h1{font-size:39px !important}
  .game-detail-art{aspect-ratio:16/10 !important}
  .game-detail-actions{flex-direction:column !important}
  .game-detail-actions a{width:100% !important}
  .game-info-grid>* , .game-guide>*{padding:22px !important}
  .related-grid{grid-template-columns:1fr !important}
}