/* BLINKBUN v3.1.6 — game signup conversion content and BP → Season → BBUN explanation. */

/* v3.1.3 intentionally hides every public /play block except hero + join.
   Re-enable the conversion sections added in v3.1.6. */
body[data-initial-view="play"] #auth>.v316-game-value,
body[data-initial-view="play"] #auth>.v316-bp-bbun,
body[data-initial-view="play"] #auth>.v316-game-join-cta{display:block!important}

.v316-game-value,
.v316-bp-bbun,
.v316-game-join-cta{box-sizing:border-box;width:100%;margin:22px 0 0}

.v316-section-head{max-width:920px;margin:0 auto 24px;text-align:center}
.v316-section-head>span,
.v316-bp-copy>span,
.v316-game-join-cta>div>span{display:block;color:#62e6ff;font-size:10px;font-weight:900;letter-spacing:.16em}
.v316-section-head h2,
.v316-bp-copy h2,
.v316-game-join-cta h2{margin:9px 0 10px;color:#f4f8ff;letter-spacing:-.04em;line-height:1.12}
.v316-section-head h2{font-size:clamp(28px,3vw,42px)}
.v316-section-head p,
.v316-bp-copy p,
.v316-game-join-cta p{margin:0;color:#95adc2;font-size:13px;line-height:1.75}

.v316-game-value{padding:34px;border:1px solid #203d55;border-radius:22px;background:linear-gradient(145deg,rgba(7,25,39,.94),rgba(8,17,31,.96))}
.v316-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v316-value-grid article{position:relative;min-height:178px;padding:20px;border:1px solid rgba(61,104,139,.38);border-radius:16px;background:rgba(4,15,26,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.v316-value-grid article.reward{border-color:rgba(119,103,255,.5);background:linear-gradient(145deg,rgba(12,24,42,.72),rgba(53,39,112,.18))}
.v316-value-grid i{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:8px;background:#0c2c43;color:#65e8ff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em}
.v316-value-grid b{display:block;margin-top:16px;color:#f2f8ff;font-size:15px;line-height:1.35}
.v316-value-grid p{margin:8px 0 0;color:#829bb1;font-size:11px;line-height:1.7}

.v316-bp-bbun{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;padding:34px;border:1px solid #27506b;border-radius:22px;background:radial-gradient(460px 220px at 100% 0,rgba(108,85,255,.16),transparent 70%),linear-gradient(135deg,#0a2031,#0a1729)}
.v316-bp-copy h2{font-size:clamp(26px,2.7vw,38px)}
.v316-bp-copy>a{display:inline-flex;align-items:center;margin-top:17px;min-height:40px;padding:0 14px;border:1px solid #315772;border-radius:10px;color:#dff6ff;text-decoration:none;font-size:11px;font-weight:900}
.v316-bp-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:stretch}
.v316-bp-flow article{min-width:0;padding:17px 14px;border:1px solid rgba(64,108,145,.4);border-radius:14px;background:rgba(3,14,25,.56)}
.v316-bp-flow article.reward{border-color:rgba(128,102,255,.52);background:rgba(72,50,147,.16)}
.v316-bp-flow article i{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#10314a;color:#69e5ff;font-size:10px;font-style:normal;font-weight:900}
.v316-bp-flow article b{display:block;margin-top:11px;color:#eef7ff;font-size:12px;line-height:1.3}
.v316-bp-flow article small{display:block;margin-top:7px;color:#8199af;font-size:9.5px;line-height:1.55}
.v316-bp-flow>em{align-self:center;color:#5a7590;font-style:normal;font-size:15px}

.v316-game-join-cta{display:grid!important;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px 34px;border:1px solid rgba(83,204,238,.42);border-radius:20px;background:linear-gradient(120deg,rgba(7,35,48,.96),rgba(23,27,65,.96));box-shadow:0 20px 55px rgba(0,0,0,.16)}
.v316-game-join-cta h2{max-width:860px;font-size:clamp(25px,2.6vw,36px)}
.v316-game-join-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.v316-game-join-actions button,
.v316-game-join-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:11px;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}
.v316-game-join-actions .primary{border:0;background:linear-gradient(100deg,#56dafa,#7d71ff);color:#03101b;box-shadow:0 12px 32px rgba(83,180,244,.15)}
.v316-game-join-actions a{border:1px solid #345975;color:#e5f6ff;background:rgba(3,14,24,.4)}

/* Signup area is the end of the game funnel, not a generic project login block. */
body[data-initial-view="play"] #join{margin-top:22px!important}
body[data-initial-view="play"] #join .login-intro{align-self:center}
body[data-initial-view="play"] #join .login-intro>.section-kicker{color:#61e5ff}
body[data-initial-view="play"] #join .login-intro>p{max-width:680px;line-height:1.75}
body[data-initial-view="play"] #join .login-feature-list span{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center}

@media(max-width:1080px){
 .v316-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v316-bp-bbun{grid-template-columns:1fr}
 .v316-bp-flow{grid-template-columns:1fr auto 1fr;}
 .v316-bp-flow>em:nth-of-type(2){display:none}
 .v316-bp-flow article:nth-of-type(3){grid-column:1}
 .v316-bp-flow article:nth-of-type(4){grid-column:3}
 .v316-game-join-cta{grid-template-columns:1fr}
 .v316-game-join-actions{justify-content:flex-start}
}
@media(max-width:720px){
 .v316-game-value,.v316-bp-bbun,.v316-game-join-cta{padding:24px 18px;border-radius:18px}
 .v316-section-head{text-align:left}
 .v316-value-grid{grid-template-columns:1fr}
 .v316-value-grid article{min-height:0}
 .v316-bp-flow{grid-template-columns:1fr;gap:8px}
 .v316-bp-flow>em{display:none!important}
 .v316-bp-flow article:nth-of-type(3),.v316-bp-flow article:nth-of-type(4){grid-column:auto}
 .v316-game-join-actions{display:grid;grid-template-columns:1fr;width:100%}
 .v316-game-join-actions button,.v316-game-join-actions a{width:100%}
}