:root{ --accent:#1f6feb }
html,body{height:100%}
body{background:#000;color:#fff;font-family:system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;margin:0}
.bg-black{background:#000!important}
.brand-text{font-weight:600}
#logo{height:56px}
.intro{background:var(--panel-bg, #111);color:#fff;padding:1rem;border-radius:.5rem}
.table-container{background:var(--panel-bg, #111);}
.table-dark{background:transparent}
.table thead th{border-bottom:1px solid rgba(255,255,255,0.08)}
.history-block{background:#111}
a{color:var(--accent)}
footer a{color:#9cc0ff}
.navbar-dark .navbar-nav .nav-link{color:#ddd}
.navbar-dark .navbar-nav .nav-link:hover{color:var(--accent)}

@media (max-width:576px){
  #logo{height:40px}
}

/* Panel background (lighter grey used for leaderboards and intro) */
:root{ --panel-bg: #171717 }