/*
 * cRAED — CLEAR EDITION
 * Sharp typography, clean backgrounds, softer premium cards.
 * Loaded after styles.css so existing layout and BotRix logic stay intact.
 */
:root {
  --white: #fff9fa;
  --muted: #c9b5ba;
  --soft: #a38e95;
}
html { text-rendering: optimizeLegibility; }
body {
  font-size: 15px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
/* The old noise overlay sat over the ENTIRE screen, including the letters.
   Removing it fixes the constant grainy / fuzzy appearance. */
.global-noise { display: none !important; }
.edge-light { box-shadow: inset 0 0 150px rgba(89, 4, 25, 0.07); }

/* Better definition without flattening the red / black brand. */
.site-header {
  background: rgba(14, 10, 13, .97);
  border-color: rgba(209, 43, 72, .55);
  box-shadow: 0 12px 32px rgba(0,0,0,.56), 0 1px 0 rgba(255,100,124,.06) inset;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.site-nav { gap: 5px; }
.site-nav a { font-size: 12px; color: #e3d6d9; padding-inline: 9px; }
.site-nav a:hover, .site-nav a.nav-current {
  background: linear-gradient(180deg, #bd1534, #5a091a);
  box-shadow: 0 0 0 1px #d62543, 0 4px 12px #760a1d46;
}
.brand-text small { color: #c5a7af; }
.watch-top { font-size: 12px; box-shadow: 0 7px 18px #b900302f, inset 0 1px #ffb9b9; }

.section {
  background: radial-gradient(ellipse at 2% 32%,rgba(91,13,31,.07),transparent 44%), #08090b;
}
.section-shade {
  background: radial-gradient(ellipse at 92% 20%,rgba(117,15,34,.09),transparent 46%), #0e0d10;
}
.section-heading { border-bottom-color: rgba(224,54,84,.4); }
.section-heading h2 { color: #fff9fb; line-height: 1.3; }
.section-heading p { font-size: 14px; color: #c6adb4; }
.eyebrow { color: #ff8294; }
.section-number { -webkit-text-stroke-color: #e43955; }

.social-card {
  min-height: 152px;
  border: 1px solid #75404b;
  border-radius: 18px;
  background: linear-gradient(145deg,#271118 0%,#1c1015 55%,#141015 100%);
  box-shadow: 0 8px 18px #00000035, inset 0 1px 0 #ffffff08;
}
.social-card.big {
  border-color: #32763b;
  background: linear-gradient(125deg,#0e2014 0%,#142818 62%,#101a12 100%);
}
.social-card:after { opacity: .26; }
.social-card:hover { box-shadow: 0 14px 28px #0009, 0 0 0 1px #e6456070; }
.social-label { color:#d5bcc3; font-size: 12px; letter-spacing: 1.4px; }
.social-bottom strong { color:#fff9fb; font-size: 20px; font-weight:900; }
.social-bottom small { color:#d3bfc5; font-size: 12px; line-height: 1.6; }
.social-logo { background:#1e0e14; border-color:#994054; }
.social-card.big .social-logo { border-color:#4a924a; }
.social-arrow { border-color:#854b59; color:#ffe0e5; }

.feature-card,.donation-card,.hall-card,.live-panel,.chat-frame,.last-stream,.mod-placeholder,.mod-card,.leaderboard-heading {
  border-color: #723441;
  background: linear-gradient(145deg,#211016,#111014 90%);
  box-shadow: 0 10px 28px rgba(0,0,0,.34);
}
.feature-discord { background: linear-gradient(130deg, #340f1c, #141015 78%); }
.feature-x { background: linear-gradient(130deg, #201720, #121014 80%); }
.feature-card p:not(.feature-kicker),.donation-card p { color:#d4bfc4; font-size:14px; }
.feature-badge, .feature-kicker, .donation-sub, .small-muted { font-size:12px; }
.feature-meta, .pill-group span { color:#d6afb8; font-size:12px; }
.feature-art { opacity:.04; }
.button { border-radius:11px; }
.button-red { box-shadow:0 8px 22px #b900303a, inset 0 1px 0 #ff8794; }

/* No heavy photo treatment over genuine moderator images. */
.mod-cover .mod-wide { filter: none; image-rendering:auto; }
.mod-cover:before { background: linear-gradient(0deg,rgba(9,6,9,.58),transparent 57%); }
.mod-cover-shade { background:linear-gradient(0deg,#10070d58,transparent 60%); }
.mod-info p { color:#ccb5bc; font-size:13px; }
.mod-links a { font-size:12px; }
.hall-count small,.subtle-label,.last-metrics span { color:#cbb4bc; font-size:12px; }
.empty-badge,.chat-empty,.embed-note { color:#cbb1b8; font-size:13px; }
.chat-head p, .ranking-row small { color:#cbaeb7; font-size:12px; }
.data-status { font-size:11px; }
.supporter-card small { color:#f1c9d1; font-size:12px; }
.footer-links a { color:#f4e6e9; }

/* Preserve a subtle animation but avoid fog over the hero title. */
.hero { background:radial-gradient(ellipse at 50% 39%,#310913 0, transparent 37%),radial-gradient(ellipse at 8% 41%,#360b1660 0, transparent 47%),#08080a; }
.hero-glow { opacity:.5; }
.hero-grid { opacity:.14; }
.hero-english { text-shadow:0 6px 20px #0007; }
.hero-english span { text-shadow:0 0 22px #d31c3844; }
.hero-description { color:#e1cbd0; font-size:15px; }
.hero-mini { color:#f0c7cc; }
.hero-chip { color:#ffd8de; }
.hero-strip small { color:#c4aab1; }
.hero-mark { box-shadow:0 0 0 5px #b9142418,0 0 22px #f417393a; }

@media(max-width:1250px) {
 .site-nav a {font-size:11px; padding-inline:6px}
}
@media(max-width:700px) {
 body {font-size:14px;}
 .social-card {min-height:147px; padding:18px 20px;}
 .social-label {font-size:11px;}
 .social-bottom strong {font-size:19px;}
 .social-bottom small {font-size:11px;}
 .section-heading p {font-size:12px;}
 .feature-card p:not(.feature-kicker) {font-size:13px;}
 .hero-description {font-size:13px;}
 .site-nav a {font-size:12px;}
}
@media (prefers-reduced-motion: reduce) {
 .hero-glow, .bat-giant, .bat-halo {animation:none !important;}
}