/* ===== BrawlMeta — киберсканер, циан + индиго ===== */
:root{
  --bs-bg-1:#001833;
  --bs-bg-2:#003B66;
  --bs-glass-bg:rgba(40,180,255,.06);
  --bs-glass-bd:rgba(120,220,255,.18);
}
body{background:#001020}

.bg-stage{background:#001020}
.bg-stage::before{
  background:url('/assets/bs_news.webp') center top/cover no-repeat;
  filter:saturate(1.2) brightness(.7) hue-rotate(-15deg);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.55) 70%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.55) 70%,transparent 100%);
}
.bg-stage::after{
  background:
    radial-gradient(ellipse 70% 55% at 50% 22%, rgba(0,180,255,.22) 0%, rgba(0,30,80,.6) 55%, rgba(0,16,32,.95) 90%),
    radial-gradient(ellipse 40% 30% at 80% 75%, rgba(0,255,200,.12), transparent 70%),
    linear-gradient(180deg, transparent 0%, rgba(0,16,32,.55) 50%, #001020 92%);
}
.bg-rays{opacity:.12;filter:hue-rotate(160deg) saturate(1.4)}

.bg-grid{opacity:.07;
  mask-image:radial-gradient(ellipse 80% 60% at center,#000 0%,transparent 80%);
  background-size:80px 80px;
}

.brand-logo{
  background:linear-gradient(135deg,#7DEAFF,#1E90C8);
  color:#062533;
  box-shadow:0 6px 20px rgba(61,217,255,.55),inset 0 -3px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.5);
}
.brand-name,.hero h1{
  background:linear-gradient(180deg,#fff 0%,#CFF7FF 55%,#3DD9FF 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero h1 em{
  background:linear-gradient(180deg,#FFE066,#3DD9FF 80%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-tag{border-color:rgba(61,217,255,.45);color:#CFF7FF;background:rgba(61,217,255,.1)}
.hero-tag::before{background:#3DD9FF;box-shadow:0 0 12px #3DD9FF}
.modal .prize-name,.stat-box .v{
  background:linear-gradient(180deg,#fff,#CFF7FF);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.modal{border-color:rgba(61,217,255,.5);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset, 0 30px 80px rgba(0,0,0,.6),0 0 80px rgba(61,217,255,.25)}
