/* BB_UNIFIED_SHELL_V3_1 */
:root{--bb-border:#292929;--bb-muted:#909090;--bb-accent:#f5ff37}
body.bb-site-landing,body.bb-site-landing button,body.bb-site-landing input,
body.bb-replay-shell,body.bb-replay-shell button,body.bb-replay-shell input{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important
}
body.bb-site-landing .page{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:24px 0 48px!important}
body.bb-site-landing .topbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;margin-bottom:34px!important}
body.bb-site-landing .brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;color:inherit!important;text-decoration:none!important}
body.bb-site-landing .logo{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font-size:18px!important;font-weight:900!important;line-height:1!important;letter-spacing:-1px!important}
body.bb-site-landing .brand-copy strong{display:block!important;font-size:16px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.05em!important;white-space:nowrap!important}
body.bb-site-landing .brand-copy span{display:block!important;margin-top:2px!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important}
body.bb-site-landing .top-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1 1 auto!important;min-width:0!important;gap:8px!important;margin-left:16px!important}
body.bb-site-landing .top-link{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:1px solid var(--bb-border)!important;border-radius:9px!important;background:#111!important;color:var(--bb-muted)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important}
body.bb-site-landing .top-link.active{border-color:var(--bb-accent)!important;color:var(--bb-accent)!important;background:rgba(245,255,55,.04)!important}
body.bb-site-landing .top-link.cert-link{margin-left:auto!important;color:var(--bb-accent)!important}
body.bb-site-landing .hero h1,body.bb-site-landing .hero h1 *{max-width:830px!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:clamp(38px,7vw,78px)!important;font-weight:700!important;font-style:normal!important;line-height:.96!important;letter-spacing:-.055em!important;font-synthesis:none!important}
body.bb-site-landing .hero .lead,body.bb-site-landing .hero>p{max-width:720px!important;font-size:clamp(15px,2vw,19px)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:0!important}
body.bb-site-landing .hero .actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:28px!important}
body.bb-site-landing .hero .btn,body.bb-site-landing .hero .actions a,body.bb-site-landing .hero .actions button{min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border-radius:11px!important;font-size:13px!important;font-weight:900!important;line-height:1.05!important;text-align:center!important}

/* Replay header */
body.bb-replay-shell header .brand{display:flex!important;align-items:center!important;gap:12px!important;color:inherit!important;text-decoration:none!important}
body.bb-replay-shell header .logo{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:11px!important;font-size:18px!important;font-weight:900!important}
body.bb-replay-shell header .brand-text strong{font-size:16px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.05em!important;white-space:nowrap!important}
body.bb-replay-shell header .header-controls{display:flex!important;align-items:center!important;flex:1 1 auto!important;justify-content:flex-start!important;gap:8px!important}
body.bb-replay-shell header .race-switch{display:flex!important;align-items:center!important;gap:8px!important}
body.bb-replay-shell header .header-controls a,body.bb-replay-shell header .header-controls button{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:1px solid var(--bb-border)!important;border-radius:9px!important;background:#111!important;color:var(--bb-muted)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important}
body.bb-replay-shell header .header-controls .active{border-color:var(--bb-accent)!important;color:var(--bb-accent)!important;background:rgba(245,255,55,.04)!important}
body.bb-replay-shell header .cert-site-link{margin-left:auto!important;color:var(--bb-accent)!important}

@media(max-width:720px){
  body.bb-site-landing .page{width:calc(100% - 20px)!important;padding-top:14px!important}
  body.bb-site-landing .topbar{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:20px!important}
  body.bb-site-landing .brand{width:100%!important}
  body.bb-site-landing .brand-copy span{display:none!important}
  body.bb-site-landing .top-actions{width:100%!important;margin-left:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.bb-site-landing .top-link{width:100%!important;min-width:0!important;min-height:48px!important;padding:0 8px!important;border-radius:12px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
  body.bb-site-landing .top-link.cert-link{grid-column:1/-1!important;margin-left:0!important}
  body.bb-site-landing .hero{padding:24px 18px 22px!important;border-radius:16px!important}
  body.bb-site-landing .hero h1,body.bb-site-landing .hero h1 *{max-width:none!important;font-size:clamp(40px,11vw,54px)!important;font-weight:700!important;line-height:.96!important;letter-spacing:-.05em!important}
  body.bb-site-landing .hero .lead,body.bb-site-landing .hero>p{max-width:none!important;font-size:14px!important;line-height:1.5!important}
  body.bb-site-landing .hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:22px!important}
  body.bb-site-landing .hero .btn,body.bb-site-landing .hero .actions a,body.bb-site-landing .hero .actions button{width:100%!important;min-height:48px!important;white-space:normal!important}

  body.bb-replay-shell .app{grid-template-rows:auto auto!important}
  body.bb-replay-shell header{height:auto!important;min-height:0!important;padding:14px 10px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  body.bb-replay-shell header .brand{width:100%!important}
  body.bb-replay-shell header .brand-text span{display:none!important}
  body.bb-replay-shell header .header-controls{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.bb-replay-shell header .race-switch{display:contents!important}
  body.bb-replay-shell header .header-controls a,body.bb-replay-shell header .header-controls button{width:100%!important;min-width:0!important;min-height:48px!important;padding:0 8px!important;border-radius:12px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
  body.bb-replay-shell header .cert-site-link{grid-column:1/-1!important;margin-left:0!important}
}
@media(max-width:390px){
  body.bb-site-landing .page{width:calc(100% - 16px)!important}
  body.bb-site-landing .top-link,body.bb-replay-shell header .header-controls a,body.bb-replay-shell header .header-controls button{min-height:46px!important;font-size:10px!important}
  body.bb-site-landing .hero h1,body.bb-site-landing .hero h1 *{font-size:clamp(37px,10.5vw,47px)!important}
}