body, .bb-wrap { background:#0d0b09; }

.bb-grain {
  position:absolute; inset:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");
  background-size:300px;
}
.bb-vignette {
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.85) 100%);
}
.bb-scanlines {
  position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.08) 3px, rgba(0,0,0,0.08) 4px);
}

.bb-neon-row { display:flex; align-items:flex-start; }

.bb-letter {
  font-family:'Bebas Neue', sans-serif;
  font-size:90px; line-height:1; letter-spacing:0.22em;
  color:transparent; opacity:0; display:inline-block; padding:0 4px; user-select:none;
}
.bb-letter.lit {
  color:#ee3311;
  text-shadow:3px 4px 0 #5a0800, 4px 5px 0 #440600, 0 0 8px #ff2200, 0 0 18px #cc1100, 0 0 35px #880800, 0 0 55px #550400;
  opacity:1;
}

.bb-above { color:#4a3828; }
.bb-above.vis { color:#7a5538; text-shadow:0 0 8px #331500; }
.bb-above-dot { background:#7a4020; }
.bb-tm.vis { color:#882010; }
.bb-divider { background:linear-gradient(to right, transparent, #cc2200, transparent); box-shadow:0 0 8px #880000; }
.bb-below { color:#7a3018; }

.bb-enter { background:#cc2200; border:2px solid #ff4422; color:#ffffff; }
.bb-enter:hover { background:#ee3311; box-shadow:0 0 20px rgba(220,50,0,0.7); }
.bb-copyright { color:#4a2010; }