/* ============================================================
   HDR BLOOM LAYER — remove the <link> in index.html to revert
   Simulates HDR: deep blacks stay dark, brights over-expose
   and bloom with layered glow halos.
   ============================================================ */

/* ── Global tone ───────────────────────────────────────────── */
body {
  filter: contrast(1.12) saturate(1.55);
}

/* ── Bloom overlay — screen-blend radial light leak ────────── */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%,   rgba(255,255,255,0.045) 0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 80% 100%,  rgba(230,57,70,0.06)   0%, transparent 70%),
    radial-gradient(ellipse 30% 25% at 10% 60%,   rgba(230,57,70,0.04)   0%, transparent 70%);
  mix-blend-mode: screen;
}

/* ── White text bloom ──────────────────────────────────────── */
.hero__title,
.nav__brand span,
.section-title,
.about-card__q,
.game-card__name,
.xonyagar__text .section-title {
  text-shadow:
    0 0  2px rgba(255, 255, 255, 0.95),
    0 0  8px rgba(255, 255, 255, 0.55),
    0 0 20px rgba(255, 255, 255, 0.25),
    0 0 45px rgba(255, 255, 255, 0.10);
}

/* ── Accent / red glow ─────────────────────────────────────── */
.stat-card__number {
  text-shadow:
    0 0  3px rgba(230, 57, 70, 1.0),
    0 0 10px rgba(230, 57, 70, 0.85),
    0 0 25px rgba(230, 57, 70, 0.55),
    0 0 55px rgba(230, 57, 70, 0.25),
    0 0 90px rgba(230, 57, 70, 0.10);
  filter: brightness(1.25);
}

.game-card__badge {
  text-shadow:
    0 0  2px rgba(230, 57, 70, 0.9),
    0 0  8px rgba(230, 57, 70, 0.6),
    0 0 18px rgba(230, 57, 70, 0.35);
}

.section-label {
  text-shadow:
    0 0  3px rgba(230, 57, 70, 0.9),
    0 0 10px rgba(230, 57, 70, 0.5),
    0 0 22px rgba(230, 57, 70, 0.25);
}

/* ── CTA button — over-exposed red bloom ───────────────────── */
.hero__cta {
  box-shadow:
    0  0  0   1px rgba(255, 100, 110, 0.5),
    0  0 12px  4px rgba(230,  57,  70, 0.6),
    0  0 35px 10px rgba(230,  57,  70, 0.35),
    0  0 70px 20px rgba(230,  57,  70, 0.15),
    inset 0 1px 0 rgba(255, 180, 180, 0.3);
  filter: brightness(1.15);
}

.btn-outline {
  box-shadow:
    0  0  8px 2px rgba(230, 57, 70, 0.35),
    0  0 24px 6px rgba(230, 57, 70, 0.18);
  filter: brightness(1.1);
}

/* ── Logo SVG — pure white corona ──────────────────────────── */
.nav__brand img,
.hero__logo-img {
  filter: brightness(1.3) drop-shadow(0 0  3px rgba(255,255,255,0.9))
                           drop-shadow(0 0 10px rgba(255,255,255,0.55))
                           drop-shadow(0 0 24px rgba(255,255,255,0.25));
}

/* ── Xonyagar logo ─────────────────────────────────────────── */
/* .xonyagar__logo {
  filter: brightness(1.4) drop-shadow(0 0  4px rgba(255,255,255,0.85))
                           drop-shadow(0 0 14px rgba(255,255,255,0.45))
                           drop-shadow(0 0 32px rgba(255,255,255,0.18));
} */

/* ── Xonyagar rings — glowing halos ────────────────────────── */
/* .xonyagar__ring {
  box-shadow:
    0 0  6px 1px rgba(230, 57, 70, 0.4),
    0 0 18px 4px rgba(230, 57, 70, 0.2),
    0 0 40px 8px rgba(230, 57, 70, 0.08),
    inset 0 0 10px rgba(230, 57, 70, 0.15);
  filter: brightness(1.2);
} */

/* ── Nav top border — accent stripe glow ───────────────────── */
.nav {
  box-shadow:
    0 1px 0 0 rgba(230, 57, 70, 0.25),
    0 0 20px 0 rgba(230, 57, 70, 0.12),
    0 0 60px 0 rgba(230, 57, 70, 0.06);
}

/* ── Game cards — edge-lit surfaces ────────────────────────── */
.game-card {
  box-shadow:
    0 0  0 1px rgba(255,255,255,0.04),
    0 0 15px 2px rgba(230, 57, 70, 0.10),
    0 4px 40px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255,255,255,0.06);
}

/* ── Stat & About cards ────────────────────────────────────── */
.stat-card,
.about-card {
  box-shadow:
    0 0  0 1px rgba(255,255,255,0.035),
    0 0 20px 3px rgba(230, 57, 70, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.05);
}

/* ── Tech items ────────────────────────────────────────────── */
.tech__item img {
  filter: brightness(1.25) drop-shadow(0 0 4px rgba(255,255,255,0.3));
}

/* ── Hero scroll indicator ─────────────────────────────────── */
.hero__scroll-line {
  box-shadow: 0 0 6px 2px rgba(230, 57, 70, 0.5),
              0 0 16px 4px rgba(230, 57, 70, 0.2);
}

/* ── Lang button glow ──────────────────────────────────────── */
.lang-btn {
  box-shadow:
    0 0  6px 1px rgba(230, 57, 70, 0.2),
    0 0 16px 3px rgba(230, 57, 70, 0.08);
}