/* BLINKBUN v3.1.5 — game conversion + canonical 1360px width polish. */
body[data-initial-view="play"]{overflow-x:hidden}
body[data-initial-view="play"]>.shell.v230-shell,
body[data-initial-view="play"] .shell.v230-shell{
  width:min(1360px,calc(100% - 48px))!important;
  max-width:1360px!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;
  transform:none!important;left:auto!important;right:auto!important;
}
body[data-initial-view="play"] .v230-header.v260-header{
  width:100%!important;max-width:none!important;margin:0 0 24px!important;
  left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important;
}
body[data-initial-view="play"] main,
body[data-initial-view="play"] #auth,
body[data-initial-view="play"] .v313-game-entry,
body[data-initial-view="play"] #join{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}

/* Explain the value proposition before asking for sign-up. */
.v314-reward-explainer{
  max-width:720px;margin:22px 0 0;padding:16px 17px;border:1px solid rgba(92,220,255,.22);
  border-radius:15px;background:linear-gradient(135deg,rgba(6,28,40,.78),rgba(13,19,43,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.v314-reward-explainer>b{display:block;color:#eefbff;font-size:13px;line-height:1.4}
.v314-reward-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:11px 0 9px}
.v314-reward-flow span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(91,200,240,.22);background:rgba(3,13,24,.56);color:#86e8ff;font-size:9px;font-weight:900;letter-spacing:.08em}
.v314-reward-flow span:last-child{border-color:rgba(140,110,255,.38);color:#c7bfff;background:rgba(83,61,168,.13)}
.v314-reward-flow i{font-style:normal;color:#667f9d;font-size:11px}
.v314-reward-explainer small{display:block;color:#8fa9bf;font-size:10.5px;line-height:1.65}

/* Conversion CTA is intentionally centered and more prominent. */
.v313-game-entry-actions{justify-content:center!important;max-width:720px;margin-top:22px!important}
.v313-game-entry-actions .primary{min-width:190px;min-height:52px!important;padding:0 24px!important;box-shadow:0 12px 34px rgba(83,179,240,.16)}
.v313-game-entry-actions .ghost{min-width:154px;min-height:52px!important;padding:0 20px!important}

/* The three explanation cards are a literal funnel, not feature clutter. */
.v313-game-steps{max-width:720px}
.v313-game-steps article{min-height:112px}
.v313-game-token-note{max-width:720px;margin-top:16px!important}

@media(max-width:1120px){
  body[data-initial-view="play"]>.shell.v230-shell,
  body[data-initial-view="play"] .shell.v230-shell{width:min(1360px,calc(100% - 24px))!important}
}
@media(max-width:720px){
  body[data-initial-view="play"]>.shell.v230-shell,
  body[data-initial-view="play"] .shell.v230-shell{width:calc(100% - 20px)!important}
  .v314-reward-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:6px}
  .v314-reward-flow span{text-align:center;justify-content:center}
  .v314-reward-flow span:nth-of-type(3),.v314-reward-flow span:nth-of-type(4){margin-top:1px}
  .v313-game-entry-actions{display:grid!important;grid-template-columns:1fr!important}
  .v313-game-entry-actions button{width:100%;min-width:0!important}
}