#help-center-black-hole { width:100%; }
  #help-center-black-hole .bh-scene {
    --bh-space:#030108; --bh-glow:1;
    position:relative; width:100%; aspect-ratio:16 / 9;
    overflow:hidden; isolation:isolate; background:var(--bh-space);
  }
  #help-center-black-hole .bh-art {
    position:absolute; left:0; top:0; width:1000px; height:562.5px;
    transform-origin:0 0; transform:scale(var(--bh-scale,.736));
  }
  #help-center-black-hole .bh-field,
  #help-center-black-hole .bh-composition,
  #help-center-black-hole .bh-tail,
  #help-center-black-hole .bh-orbits,
  #help-center-black-hole .bh-grains,
  #help-center-black-hole .bh-travelers { position:absolute; inset:0; }
  #help-center-black-hole .bh-composition { transform-origin:0 0; }
  #help-center-black-hole .bh-composition::before {
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(ellipse 300px 120px at 580px 175px,rgba(145,122,183,.15),transparent 85%),
      radial-gradient(ellipse 190px 170px at 680px 360px,rgba(140,119,173,.09),transparent 85%),
      radial-gradient(ellipse 360px 140px at 275px 435px,rgba(157,124,155,.055),transparent 85%);
    mask-image:radial-gradient(ellipse 265px 101px at 390px 185px,transparent 94%,#000 113%,#000 170%,transparent 270%);
  }
  #help-center-black-hole .bh-orbits { opacity:.17; }
  #help-center-black-hole .bh-tail {
    opacity:.32;
    mask-image:radial-gradient(ellipse 100px 35px at 570px 280px,transparent 0%,rgba(0,0,0,.15) 30%,#000 100%);
  }
  #help-center-black-hole .bh-filament {
    position:absolute; inset:0;
    background:conic-gradient(from 5deg at 39% 32.9%,
      rgba(133,112,176,.15),rgba(184,165,210,.58) 19%,
      rgba(164,145,194,.34) 36%,rgba(128,109,166,.17) 52%,
      rgba(128,111,163,.08) 70%,rgba(176,157,195,.22) 92%,rgba(133,112,176,.15));
  }
  #help-center-black-hole .bh-tail .bh-filament {
    background:linear-gradient(123deg,rgba(155,137,188,.08),rgba(145,124,183,.22) 48%,rgba(195,179,219,.5) 67%,rgba(130,111,169,.08));
  }
  #help-center-black-hole .bh-grain { position:absolute; left:0; top:0; width:.5px; height:.4px; border-radius:50%; }
  #help-center-black-hole .bh-grain-lg { width:.85px; height:.55px; }
  #help-center-black-hole .bh-grain-glow { width:1px; height:1px; filter:blur(.35px); }
  #help-center-black-hole .bh-lens {
    position:absolute; left:390px; top:185px; width:530px; height:202px;
    transform:translate(-50%,-50%) rotate(-7deg); filter:brightness(var(--bh-glow));
  }
  #help-center-black-hole .bh-glow {
    position:absolute; inset:-40px -105px;
    background:radial-gradient(ellipse closest-side,
      transparent 66%,rgba(43,28,74,.07) 69%,rgba(82,58,121,.18) 74%,
      rgba(130,104,172,.36) 78%,rgba(203,186,229,.4) 79.2%,
      rgba(127,105,168,.24) 82%,rgba(86,64,124,.13) 87%,transparent 100%);
    mask-image:conic-gradient(from 0deg,rgba(0,0,0,.32),#000 17%,#000 33%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.05) 68%,rgba(0,0,0,.18) 88%,rgba(0,0,0,.32));
  }
  #help-center-black-hole .bh-edge {
    position:absolute; inset:-2px;
    background:radial-gradient(ellipse closest-side,transparent 92%,rgba(110,85,159,.18) 95%,rgba(216,196,242,.52) 97.7%,rgba(232,218,248,.58) 98.8%,rgba(132,100,190,.2) 99.6%,transparent 100%);
    mask-image:conic-gradient(from 0deg,rgba(0,0,0,.22),#000 16%,#000 31%,rgba(0,0,0,.18) 49%,rgba(0,0,0,.03) 68%,rgba(0,0,0,.12) 89%,rgba(0,0,0,.22));
  }
  #help-center-black-hole .bh-core {
    position:absolute; inset:0; border-radius:50%;
    background:radial-gradient(ellipse closest-side,#000 83%,rgba(1,0,4,.99) 92%,rgba(4,1,9,.93) 96%,rgba(10,3,18,.65) 99%,transparent 100%);
  }
  #help-center-black-hole .bh-traveler {
    position:absolute; top:0; left:0; width:1.35px; height:.4px; border-radius:50%;
    background:rgba(214,199,237,.8); box-shadow:0 0 3px rgba(164,134,213,.65);
    offset-rotate:auto; animation:bh-flow var(--duration,240s) linear infinite;
  }
  #help-center-black-hole .bh-traveler-warm { background:rgba(229,201,171,.85); box-shadow:none; }
  #help-center-black-hole .bh-vignette {
    position:absolute; inset:0;
    background:radial-gradient(ellipse at 48% 40%,transparent 36%,rgba(1,0,4,.1) 76%,rgba(1,0,4,.46) 100%);
  }
  #help-center-black-hole .bh-close .bh-composition {
    transform:translate(950px,465px) rotate(24deg) scale(1.6) translate(-390px,-185px);
    filter:brightness(1.75);
  }
  #help-center-black-hole .bh-close .bh-lens { --bh-glow:3.4; }
  #help-center-black-hole .bh-close .bh-edge,
  #help-center-black-hole .bh-close .bh-glow { mask-image:conic-gradient(from 0deg,rgba(0,0,0,.52),rgba(0,0,0,.28) 25%,rgba(0,0,0,.85) 48%,#000 67%,#000 85%,rgba(0,0,0,.52)); }
  #help-center-black-hole .bh-beam { display:none; }
  #help-center-black-hole .bh-close .bh-beam {
    display:block; position:absolute; width:1160px; height:54px; left:-20px; top:0;
    transform-origin:0 50%; transform:rotate(16deg);
    background:linear-gradient(transparent,rgba(113,81,173,.08) 20%,rgba(163,129,211,.4) 43%,rgba(220,203,248,.88) 48%,rgba(245,234,255,.98) 50%,rgba(195,164,237,.6) 53%,rgba(129,95,190,.18) 69%,transparent);
    mask-image:linear-gradient(90deg,#000 0%,#000 12%,rgba(0,0,0,.5) 50%,transparent 97%);
    filter:blur(.8px); opacity:.82;
  }
  #help-center-black-hole .bh-close .bh-vignette { opacity:.4; }
  #help-center-black-hole[data-paused="true"] .bh-scene * { animation-play-state:paused; }
  #help-center-black-hole section[hidden] .bh-scene * { animation-play-state:paused; }
  @keyframes bh-flow { from { offset-distance:0%; opacity:0; } 8% { opacity:.8; } 85% { opacity:.8; } to { offset-distance:100%; opacity:0; } }
  @media (prefers-reduced-motion:reduce) { #help-center-black-hole .bh-scene * { animation:none; } }

/* Cover the existing full-screen guide hero without fetching media. */
.opening-background{background:#030108}
#help-center-black-hole{position:absolute;inset:0;pointer-events:none}
#help-center-black-hole .bh-scene{height:100%;aspect-ratio:auto}
#help-center-black-hole .bh-art{top:50%;left:50%;transform-origin:50% 50%;transform:translate(-50%,-50%) scale(var(--bh-scale,1))}
@media(prefers-reduced-motion:reduce){#help-center-black-hole .bh-traveler{display:none}}

/* Colored particles follow the same logical 1000 × 562.5 composition. */
#help-center-black-hole .bh-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#help-center-black-hole .bh-lens{z-index:2;pointer-events:none}
#help-center-black-hole[data-renderer="webgl"] .bh-grains,
#help-center-black-hole[data-renderer="webgl"] .bh-travelers,
#help-center-black-hole[data-renderer="webgl"] .bh-field .bh-grain{display:none}