body { isolation: isolate; }
.ambient-field { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; user-select: none; contain: strict; background: radial-gradient(ellipse at 86% 12%, #b5ff3b0b, transparent 48%), radial-gradient(ellipse at 30% 88%, #b5ff3b05, transparent 42%); }
.ambient-bug { position: absolute; width: 108px; height: auto; opacity: .19; transform: rotate(var(--heading)); animation: binary-crawl var(--duration) linear infinite; animation-delay: var(--delay); animation-play-state: paused; }
.ambient-bug:nth-child(1) { left: 87%; top: 31%; --heading: 24deg; --duration: 42s; --delay: -12s; --travel-x: 7vw; --travel-y: -14vh; }
.ambient-bug:nth-child(2) { left: 44%; top: 61%; width: 80px; --heading: -42deg; --duration: 53s; --delay: -26s; --travel-x: -12vw; --travel-y: -15vh; }
.ambient-bug:nth-child(3) { left: 21%; top: 29%; width: 76px; --heading: 145deg; --duration: 46s; --delay: -8s; --travel-x: 5vw; --travel-y: 21vh; }
.ambient-bug:nth-child(4) { left: 94%; top: 79%; width: 92px; --heading: -25deg; --duration: 61s; --delay: -31s; --travel-x: -13vw; --travel-y: -19vh; }
.ambient-bug:nth-child(5) { left: 60%; top: 4%; width: 68px; --heading: 114deg; --duration: 49s; --delay: -18s; --travel-x: 11vw; --travel-y: 8vh; }
html[data-bb-motion="running"] .ambient-bug { animation-play-state: running; }
.ambient-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #667b53; background: transparent; color: #c2d1b6; font-size: 0; }
.ambient-toggle::before { content: ""; width: 12px; height: 12px; border: 1px solid var(--acid); }
.ambient-toggle[aria-label^="Pause"]::before { width: 10px; height: 13px; border: 0; border-left: 3px solid var(--acid); border-right: 3px solid var(--acid); }
.ambient-toggle[aria-label^="Resume"]::before { width: 0; height: 0; border: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid var(--acid); }
.ambient-toggle:hover { color: var(--acid); border-color: var(--acid); }
.ambient-toggle:disabled { opacity: 1; color: #aeb9a6; cursor: default; }
.community-hero .signal-panel { width: 250px; background: radial-gradient(ellipse at 50% 45%, #b5ff3b13, transparent 68%), #0b110cc9; border-color: #3e502f; }
.community-hero .signal-art { position: relative; height: 163px; margin: 7px 18px 0; display: grid; place-items: center; }
.signal-art::before, .signal-art::after { content: ""; position: absolute; inset: 7px 29px; border: 1px solid #789f4145; border-radius: 50%; transform: rotate(-22deg); }
.signal-art::after { inset: 23px 10px; border-style: dashed; transform: rotate(22deg); }
.signal-art > img { position: relative; width: 147px; height: 150px; transform: rotate(-22deg); filter: drop-shadow(0 0 15px #b5ff3b35); }
.community-hero .signal-statement { font-size: 16px; padding: 7px 12px 18px; letter-spacing: -.5px; }
.forum-heading { position: relative; padding-left: 75px; min-height: 73px; display: flex; flex-direction: column; justify-content: center; }
.forum-heading::before { content: ""; position: absolute; left: 0; top: 0; width: 61px; height: 73px; background: url("binary-beetle.svg") center / contain no-repeat; transform: rotate(-16deg); filter: drop-shadow(0 0 9px #b5ff3b20); }
.forum-desk { padding-bottom: 18px; border-bottom: 1px solid #b5ff3b22; }
.forum-heading .eyebrow { color: #b2c49d; }
@keyframes binary-crawl {
    0% { transform: translate(0, 0) rotate(var(--heading)); }
    40% { transform: translate(var(--travel-x), var(--travel-y)) rotate(calc(var(--heading) + 8deg)); }
    50% { transform: translate(var(--travel-x), var(--travel-y)) rotate(calc(var(--heading) + 180deg)); }
    90% { transform: translate(0, 0) rotate(calc(var(--heading) + 188deg)); }
    100% { transform: translate(0, 0) rotate(calc(var(--heading) + 360deg)); }
}
@media (max-width: 1100px) {
    .community-hero .hero-copy > .eyebrow { position: relative; min-height: 42px; padding-left: 50px; }
    .community-hero .hero-copy > .eyebrow::before { content: ""; position: absolute; left: 0; top: 0; width: 39px; height: 42px; background: url("binary-beetle.svg") center / contain no-repeat; transform: rotate(-16deg); }
    .community-hero .hero-copy > .eyebrow > .square-dot { display: none; }
}
@media (max-width: 760px) {
    .ambient-bug:nth-child(n+3) { display: none; }
    .ambient-bug:nth-child(1) { left: 79%; top: 31%; width: 75px; opacity: .15; }
    .ambient-bug:nth-child(2) { left: 4%; top: 77%; width: 64px; opacity: .12; }
    .forum-heading { padding-left: 59px; min-height: 59px; }
    .forum-heading::before { width: 47px; height: 59px; }
    .forum-desk { padding-bottom: 0; border-bottom: 0; }
    .forum-desk-actions { gap: 8px; }
    .forum-desk-actions .button { padding-inline: 10px; min-height: 44px; }
    .forum-desk-actions .button > span { display: none; }
    .forum-column > .directory-actions { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .ambient-bug { animation: none !important; }
}
@media (forced-colors: active), print {
    .ambient-field, .ambient-toggle, .forum-heading::before { display: none !important; }
}