/* Reply Battle is a centered arcade panel.
   Never show the site-wide footer here (it can look like a divider line when scrolling). */
.site-footer{ display:none !important; }

/* Remove the faint "horizon" divider some browsers show when the page scrolls.
   We render the background as a fixed layer behind everything. */
body{ background: var(--bg) !important; }
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(900px 500px at 120% 20%, rgba(255,255,255,.06), transparent 60%),
    var(--bg);
}

/* Reply Battle specific overrides (kept minimal on purpose) */
/* --- v1 polish: bolder icons + more arcade typography --- */
.topbar .logo{ width:72px; height:72px; }

#subStats{ font-size: 14px; color: rgba(242,245,247,.85); }

.scoreNum{
  font-family: var(--fontDisplay);
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
}
.modeCard .title{ letter-spacing:.2px; }

.modeCard.locked{opacity:.55;filter:grayscale(1)}
.modeCard.locked:hover{transform:none}