/* Deep blood-red / near-black theme inspired by bintalal.co.uk/links; cRAED layout and Batman branding stay original. */
:root{
 --bg:#0b090b;
 --bg2:#140c10;
 --panel:#201016;
 --panel2:#241119;
 --line:#6b2336;
 --red:#c8102e;
 --red-hot:#f34660;
 --red-deep:#7d1027;
 --white:#f6ede6;
 --muted:#c5aeb3;
 --soft:#89767c;
 --ink:#0c090c;
 --ink2:#160c10;
 --crimson:#c8102e;
 --crimson-hot:#f34660;
 --scarlet:#ff697e;
 --glass:rgba(28,12,19,.84);
 --hairline:rgba(220,45,76,.32);
 --night-glow:#d6284a;
 --night-hairline:rgba(214,42,73,.3);
}
html{color-scheme:dark}
body{
 color:#f6ede6;
 background:radial-gradient(ellipse at 80% 3%,rgba(145,16,47,.09),transparent 33%),#0b090b;
}
::selection{background:#c8102e!important;color:#fff2ea}
.site-header{
 background:linear-gradient(115deg,rgba(36,13,22,.97),rgba(13,9,13,.96) 60%,rgba(38,11,22,.93))!important;
 border-color:rgba(199,39,74,.46)!important;
 box-shadow:0 18px 52px rgba(0,0,0,.68),0 0 23px rgba(195,27,58,.12)!important;
}
.hero{
 background:radial-gradient(ellipse at 50% 38%,rgba(151,18,45,.18),transparent 45%),radial-gradient(ellipse at 10% 36%,rgba(97,16,35,.14),transparent 40%),#0a080b!important;
}
.section{background-color:#0b090c}
.section-shade{background:radial-gradient(ellipse at 90% 30%,rgba(121,24,49,.2),transparent 55%),#130c10!important}
.ticker{background:linear-gradient(90deg,#570b23,#b50f2d 45%,#570b23)!important}
.brand-text,.hero-english,.section-heading h2,.footer-brand{color:#f6ede6}
.hero-english span,.hero-arabic strong,.section-heading h2 em{color:#ef4760}
.site-nav a:hover,.site-nav a.nav-current{background:linear-gradient(130deg,#9d102d,#400d1c)!important}
.button-red,.watch-top{
 background:linear-gradient(125deg,#fa4e69,#c8102e 55%,#760922)!important;
 box-shadow:inset 0 1px rgba(255,229,229,.25),0 9px 24px rgba(175,16,45,.27)!important;
}
.social-card,.feature-card,.hall-card,.mod-card,.live-panel,.chat-frame,.last-stream{
 border-color:rgba(191,51,83,.35)!important;
}
.social-card:hover,.feature-card:hover{
 border-color:rgba(241,78,105,.65)!important;
 box-shadow:0 19px 48px rgba(0,0,0,.48),0 0 24px rgba(183,27,58,.16)!important;
}
a,button,[role="button"]{transition-property:transform,filter,color,background-color,border-color,box-shadow;transition-duration:.22s}
a:focus-visible,button:focus-visible{outline-color:#f34660!important}
@media (prefers-reduced-motion:reduce){
 .hero-glow,.bat-halo,.red-sparks i{animation:none!important}
}

/* No custom mouse cursor. The actual reference website uses the browser's standard pointer. */