body {
      background-size: auto 125%;
      background-position: center center;
      background-repeat: no-repeat;
    }

    #bg-glow-overlay {
      position: fixed;
      inset: 0;
      background-image: url('../img/glow.gif');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0;
      transition: opacity 1.2s ease-in-out;
      pointer-events: none;
      z-index: 0;
      mix-blend-mode: screen;
      filter: brightness(1.1) saturate(1.22) contrast(1.08);
      transform-origin: center center;
      will-change: transform, opacity;
    }

    #bg-glow-overlay.is-active {
      animation:
        glowOpacityPulse 4.8s ease-in-out infinite,
        glowSlowZoom 42s ease-in-out infinite;
    }

    .perf-lite #bg-glow-overlay {
      filter: brightness(1.06) saturate(1.12) contrast(1.03);
    }

    .perf-lite #bg-glow-overlay.is-active {
      animation:
        glowOpacityPulseLite 6.4s ease-in-out infinite,
        glowSlowZoomLite 64s ease-in-out infinite;
    }

    #container {
      position: relative;
      z-index: 1;
    }

    .jrj-wrap {
      position: relative;
      display: inline-block;
      line-height: 0;
      animation: jrjWobble 78s ease-in-out infinite;
    }

    #logo {
      display: block;
      transform-origin: 50% 55%;
      animation: jrjGlowPulse 2.8s ease-in-out infinite;
      filter:
        drop-shadow(0 0 6px rgba(154, 219, 85, 0.85))
        drop-shadow(0 0 14px rgba(154, 219, 85, 0.62))
        drop-shadow(0 0 26px rgba(154, 219, 85, 0.45));
    }

    .jrj-inner-edge {
      position: absolute;
      top: 14px;
      right: 0;
      bottom: -14px;
      left: 0;
      z-index: 4;
      pointer-events: none;
      -webkit-mask-image: url('../img/jrj.png');
      mask-image: url('../img/jrj.png');
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: left top;
      mask-position: left top;
      background-repeat: no-repeat;
      background-image:
        linear-gradient(to right, rgba(154, 219, 85, 1), rgba(154, 219, 85, 0) 85%),
        linear-gradient(to left, rgba(154, 219, 85, 1), rgba(154, 219, 85, 0) 85%),
        linear-gradient(to bottom, rgba(154, 219, 85, 1), rgba(154, 219, 85, 0) 85%),
        linear-gradient(to top, rgba(154, 219, 85, 1), rgba(154, 219, 85, 0) 85%);
      background-position: left center, right center, center top, center bottom;
      background-size: 16% 100%, 16% 100%, 100% 46%, 100% 46%;
      mix-blend-mode: screen;
      filter: saturate(1.6) blur(0.2px);
      animation: jrjInnerEdgeSweep 2.8s ease-in-out infinite;
    }

    .jrj-dither,
    .aggregatron-dither {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 5;
      background-image:
        repeating-linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.16) 0 1px,
          rgba(0, 0, 0, 0.08) 1px 2px
        ),
        repeating-linear-gradient(
          90deg,
          rgba(255, 255, 255, 0.11) 0 1px,
          rgba(0, 0, 0, 0.07) 1px 2px
        );
      background-size: 4px 4px, 5px 5px;
      mix-blend-mode: screen;
      opacity: 0.35;
      animation: gifDitherShift 0.24s steps(3, end) infinite;
    }

    .perf-lite .jrj-dither,
    .perf-lite .aggregatron-dither {
      opacity: 0.24;
      animation-duration: 0.9s;
    }

    .jrj-dither {
      -webkit-mask-image: url('../img/jrj.png');
      mask-image: url('../img/jrj.png');
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: left top;
      mask-position: left top;
    }

    @keyframes jrjWobble {
      0% { transform: rotate(2.6deg) translateY(0); }
      25% { transform: rotate(2.9deg) translateY(-1px); }
      50% { transform: rotate(3.3deg) translateY(0); }
      75% { transform: rotate(3deg) translateY(1px); }
      100% { transform: rotate(2.6deg) translateY(0); }
    }

    @keyframes jrjGlowPulse {
      0%, 100% {
        filter:
          drop-shadow(0 0 4px rgba(154, 219, 85, 0.55))
          drop-shadow(0 0 10px rgba(154, 219, 85, 0.4))
          drop-shadow(0 0 18px rgba(154, 219, 85, 0.28));
      }
      50% {
        filter:
          drop-shadow(0 0 9px rgba(154, 219, 85, 0.98))
          drop-shadow(0 0 20px rgba(154, 219, 85, 0.8))
          drop-shadow(0 0 34px rgba(154, 219, 85, 0.6));
      }
    }

    @keyframes jrjInnerEdgeSweep {
      0%, 100% {
        opacity: 0.955;
        background-size: 16% 100%, 16% 100%, 100% 46%, 100% 46%;
      }
      50% {
        opacity: 0.97;
        background-size: 14% 100%, 14% 100%, 100% 54%, 100% 54%;
      }
    }

    .aggregatron-main-link {
      position: fixed;
      left: 50%;
      bottom: 4vh;
      transform: translateX(-50%);
      display: block;
      width: 11%;
      max-width: 360px;
      line-height: 0;
      z-index: 20;
    }

    @media (max-width: 900px) {
      .aggregatron-main-link {
        width: 33%;
        max-width: 560px;
      }
    }

    .aggregatron-main-logo {
      width: 100%;
      height: auto;
      display: block;
      filter: grayscale(0.08) contrast(1.25) brightness(1.18);
      position: relative;
      z-index: 1;
    }

    .aggregatron-main-sheen,
    .aggregatron-main-sparkle,
    .aggregatron-dither {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 2;
      -webkit-mask-image: url('../img/aggregatron.png');
      mask-image: url('../img/aggregatron.png');
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: left top;
      mask-position: left top;
    }

    .aggregatron-dither {
      z-index: 4;
      opacity: 0.32;
    }

    .aggregatron-main-sheen {
      background: linear-gradient(
        105deg,
        rgba(255, 255, 255, 0) 20%,
        rgba(255, 255, 255, 0.95) 38%,
        rgba(215, 227, 255, 0.72) 48%,
        rgba(255, 255, 255, 0) 62%
      );
      background-size: 210% 100%;
      mix-blend-mode: screen;
      animation: metalSweep 2.7s linear infinite;
    }

    .aggregatron-main-sparkle {
      background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.95) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 58% 40%, rgba(255,255,255,0.9) 0 1.2px, transparent 1.6px),
        radial-gradient(circle at 76% 65%, rgba(205,235,255,0.92) 0 1.5px, transparent 1.9px),
        radial-gradient(circle at 36% 78%, rgba(255,255,255,0.85) 0 1.1px, transparent 1.5px);
      opacity: 0.65;
      mix-blend-mode: screen;
      animation: sparklePulse 1.1s steps(2, end) infinite;
    }

    .perf-lite .aggregatron-main-sheen {
      animation-duration: 6s;
    }

    .perf-lite .aggregatron-main-sparkle {
      animation-duration: 2.8s;
      opacity: 0.45;
    }

    @keyframes metalSweep {
      0% { background-position: -140% 0; }
      100% { background-position: 140% 0; }
    }

    @keyframes sparklePulse {
      0% { opacity: 0.28; }
      50% { opacity: 0.85; }
      100% { opacity: 0.28; }
    }

    @keyframes gifDitherShift {
      0% {
        background-position: 0 0, 1px 0;
        opacity: 0.3;
      }
      50% {
        background-position: 1px 1px, 0 1px;
        opacity: 0.42;
      }
      100% {
        background-position: 2px 0, 1px 2px;
        opacity: 0.3;
      }
    }

    @keyframes glowOpacityPulse {
      0%, 100% {
        opacity: 0.88;
      }
      50% {
        opacity: 1;
      }
    }

    @keyframes glowSlowZoom {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.08); }
    }

    @keyframes glowOpacityPulseLite {
      0%, 100% { opacity: 0.9; }
      50% { opacity: 0.98; }
    }

    @keyframes glowSlowZoomLite {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.04); }
    }