/* BLINKBUN v3.1.7 — fix guest-game layout: hero stays 2-col, reward funnel spans the full 1360 shell. */
body[data-initial-view="play"] .v317-game-entry{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr)!important;
  gap:34px 48px!important;
  align-items:center!important;
  min-height:0!important;
  padding:48px 54px 42px!important;
}
body[data-initial-view="play"] .v317-game-entry .v313-game-entry-copy{
  min-width:0;
  align-self:center;
}
body[data-initial-view="play"] .v317-game-entry .v313-game-entry-art{
  min-height:350px!important;
}
body[data-initial-view="play"] .v317-game-entry .v313-game-entry-art img{
  width:min(100%,360px)!important;
  max-height:360px!important;
}
body[data-initial-view="play"] .v317-game-entry .v313-game-entry-copy>p{
  max-width:760px!important;
}

/* Everything that explains conversion now spans BOTH hero columns. */
body[data-initial-view="play"] .v317-game-funnel{
  grid-column:1 / -1;
  width:100%;
  padding:26px 28px 24px;
  border:1px solid rgba(82,180,224,.24);
  border-radius:19px;
  background:linear-gradient(135deg,rgba(5,24,37,.78),rgba(14,18,42,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  text-align:center;
}
body[data-initial-view="play"] .v317-game-funnel-head{
  max-width:900px;
  margin:0 auto;
}
body[data-initial-view="play"] .v317-game-funnel-head>b{
  display:block;
  color:#f1f9ff;
  font-size:16px;
  line-height:1.45;
}
body[data-initial-view="play"] .v317-game-funnel-head>small{
  display:block;
  max-width:820px;
  margin:7px auto 0;
  color:#8fa9bf;
  font-size:11px;
  line-height:1.7;
}
body[data-initial-view="play"] .v317-reward-flow{
  justify-content:center!important;
  margin:16px auto 0!important;
  max-width:760px;
}
body[data-initial-view="play"] .v317-reward-flow span{
  min-height:31px;
  padding:0 12px;
}
body[data-initial-view="play"] .v317-game-entry-actions{
  width:100%;
  max-width:none!important;
  margin:19px auto 0!important;
  justify-content:center!important;
}
body[data-initial-view="play"] .v317-game-entry-actions .primary{
  min-width:250px!important;
  min-height:54px!important;
  font-size:13px!important;
}
body[data-initial-view="play"] .v317-game-entry-actions .ghost{
  min-width:176px!important;
  min-height:54px!important;
}
body[data-initial-view="play"] .v317-game-steps{
  width:100%;
  max-width:none!important;
  margin:24px 0 0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  text-align:left;
}
body[data-initial-view="play"] .v317-game-steps article{
  min-height:126px!important;
  padding:18px!important;
}
body[data-initial-view="play"] .v317-game-token-note{
  max-width:100%!important;
  margin:15px 0 0!important;
  text-align:center;
  border-left:0!important;
  border-top:1px solid rgba(81,215,232,.18);
  background:rgba(4,16,28,.34)!important;
}

/* The detailed sections below the hero should also read as one centered conversion funnel. */
body[data-initial-view="play"] .v316-game-value,
body[data-initial-view="play"] .v316-bp-bbun,
body[data-initial-view="play"] .v316-game-join-cta{
  width:100%!important;
}
body[data-initial-view="play"] .v316-game-join-cta{
  text-align:left;
}

@media(max-width:1040px){
  body[data-initial-view="play"] .v317-game-entry{
    grid-template-columns:1fr!important;
    padding:40px 32px 34px!important;
  }
  body[data-initial-view="play"] .v317-game-entry .v313-game-entry-art{
    min-height:280px!important;
  }
  body[data-initial-view="play"] .v317-game-entry .v313-game-entry-art img{
    max-height:300px!important;
  }
}
@media(max-width:720px){
  body[data-initial-view="play"] .v317-game-entry{padding:28px 18px!important;gap:24px!important}
  body[data-initial-view="play"] .v317-game-funnel{padding:22px 14px 18px;border-radius:16px}
  body[data-initial-view="play"] .v317-reward-flow{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  body[data-initial-view="play"] .v317-reward-flow i{display:none!important}
  body[data-initial-view="play"] .v317-game-entry-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body[data-initial-view="play"] .v317-game-entry-actions button{width:100%!important;min-width:0!important}
  body[data-initial-view="play"] .v317-game-steps{grid-template-columns:1fr!important}
  body[data-initial-view="play"] .v317-game-token-note{text-align:left}
}
