/* BUILD! page only. The theme header is left alone (never hidden). */
body:has(.bnbb) .page-title,body:has(.bnbb) #comments,body:has(.bnbb) #respond,body:has(.bnbb) .post-meta{display:none!important}
/* Themify's sticky header changes size on scroll (padding 16px -> 12px, logo margin 5px -> 12px). Hold the scrolled
   size in both states so the page never moves. The header stays visible. */
body:has(.bnbb) #headerwrap #header{padding-top:12px!important;padding-bottom:12px!important;transition:none!important}
body:has(.bnbb) #headerwrap #site-logo{margin-top:12px!important;margin-bottom:5px!important;transition:none!important}
.bnbb{max-width:1400px;margin:0 auto;padding:24px 16px 40px;font-size:18px;line-height:1.5}
.bnbb *{box-sizing:border-box}
.bnbb-head h1{margin:0 0 4px;font-size:clamp(36px,6vw,56px);line-height:1.05;letter-spacing:.02em}
.bnbb-head p{margin:0 0 16px;max-width:760px;font-size:19px}
/* Fixed height, so nothing on the page changes size while the game loads or you scroll. */
.bnbb-stage{position:relative;height:clamp(520px,calc(100vh - 220px),900px);border-radius:16px;overflow:hidden;background:#0b0b0d;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.bnbb-frame{display:block;width:100%;height:100%;border:0}
.bnbb-fs{position:absolute;right:12px;bottom:12px;font:600 16px/1 system-ui,sans-serif;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.bnbb-fs:hover,.bnbb-fs:focus-visible{background:rgba(0,0,0,.85)}
.bnbb-stage:fullscreen{border-radius:0}
.bnbb-tip{margin:12px 0 0;font-size:16px;opacity:.8}
@media (max-width:640px){.bnbb-stage{height:calc(100svh - 160px);min-height:460px;border-radius:12px}}