/* Red & Black theme overrides */

body{
  background-color: #000 !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb:hover{
  background-color: #ff003c !important;
}

/* Loading screen */
.loading-screen{background-color:#140000 !important;}

/* Navbar/logo accents */
.logo img{filter: drop-shadow(0px 0px 8px #ff003c) !important;}
.navbarmain nav a:hover{border-bottom: #ff003c solid 3px !important;}

/* Hero */
.top-page-text h1{ text-shadow: 0 0 12px #ff003c, 0 0 2px #ff003c !important; }
.top-page-text hr{ background: linear-gradient(120deg, #1a0004 60%, #0f0002 100%) !important; }

.button{
  background: linear-gradient(120deg, #1a0004 60%, #0f0002 100%) !important;
  box-shadow: 0 0 12px #ff003c, 0 0 2px #ff003c !important;
  border: solid #ff003c 2px !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

.top-page-img{ filter: drop-shadow(0 0 40px #ff003ccc) !important; }
.top-page-img:hover{ transform: translateY(-4px) scale(1.01); }

.button:hover{ transform: translateY(-2px); box-shadow: 0 0 24px #ff003c, 0 0 8px #ff003c !important; }

/* Smooth rise for cards */
.card{ transition: transform .25s ease, box-shadow .25s ease !important; }
.card:hover{ transform: translateY(-6px) !important; box-shadow: 0 12px 48px rgba(255,0,60,0.25) !important; }

/* Media section */
.media-div h1{ color:#ff003c !important; }

/* CTA section */
.role-briefing{ background: linear-gradient(120deg, #1a0004 60%, #0f0002 100%) !important; }
.role-btn{
  background: linear-gradient(120deg, #1a0004 60%, #0f0002 100%) !important;
  box-shadow: 0 0 12px #ff003c, 0 0 2px #ff003c !important;
  border: solid #ff003c 2px !important;
}

/* Download cards */
.dl-div h1{ color:#ff003c !important; }
.card{ background-color:#11111180 !important; border-color:#ff003c !important; }
.card input{ background-color:#ff003c !important; color:#fff !important; }

/* Footer */
.footer hr{ background-color:#ff003c !important; }
.footer h4 a, .footer h4 span{ color:#ff003c !important; }

/* Toplist */
.toplist-box{ background:#0f0f10 !important; border:1px solid #1f1f1f !important; box-shadow: 0 10px 36px rgba(0,0,0,0.6) !important; }
.toplist-title{ color:#e5e5e5 !important; }
.player{ border-bottom:1px solid #1f1f1f !important; color:#cfcfcf !important; }
.player:hover{ background:#1a1a1a !important; padding-left:8px !important; }
.rank{ background-color:#2a0005 !important; color:#ff003c !important; }
.bakiye{ color:#ff4d4f !important; background-color:#2a0005 !important; }

/* Fade-in on load */
.loading-screen{ opacity: 1; transition: opacity 0.8s ease !important; }
.loading-screen.hidden{ opacity: 0; pointer-events: none; }

/* Accent glow utility */
.glow-red{ box-shadow: 0 0 18px rgba(255,0,60,0.35) !important; }