/* ============================================================
       ⭐ GLOBAL MULTIVERSAL SURFACE
    ============================================================ */
   
    /* ============================================================
       ⭐ MULTIVERSAL BACKGROUND LAYERS
    ============================================================ */
    .bg-layer {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0.75;
      pointer-events: none;
      z-index: 1;
      animation: bgDrift 60s ease-in-out infinite;
    }

    #bg-core {
      background-image: url("../../_EXPRESSIONS/_PEX/BUILD/PulseCoreNebula-Prime.webp.pex");
      opacity: 0.85;
      animation-duration: 80s;
    }

    #bg-ring {
      background-image: url("../../_EXPRESSIONS/_PEX/BUILD/PulseRingHalo-Multiverse.webp.pex");
      opacity: 0.55;
      animation-duration: 95s;
    }

    #bg-fractals {
      background-image: url("../../_EXPRESSIONS/_PEX/BUILD/PulseFractalGrid-Continuum.webp.pex");
      opacity: 0.45;
      animation-duration: 110s;
    }

    @keyframes bgDrift {
      0%   { transform: scale(1.02) translate(0,0); }
      50%  { transform: scale(1.03) translate(1%, -1%); }
      100% { transform: scale(1.02) translate(0,0); }
    }


    /* ============================================================
       ⭐ SCANLINES + ABERRATION + STARFIELD
    ============================================================ */
    #scanlines2 {
      position: fixed;
      inset: 0;
      background: repeating-linear-gradient(
        to bottom,
        rgba(0,255,255,0.05) 0px,
        rgba(0,255,255,0.05) 1px,
        transparent 2px,
        transparent 4px
      );
      mix-blend-mode: overlay;
      opacity: 0.25;
      pointer-events: none;
      z-index: 9997;
    }

    #aberration2 {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 9996;
      background: radial-gradient(circle at center,
        rgba(255,0,0,0.08),
        rgba(0,255,255,0.08),
        transparent 70%
      );
      animation: aberrationPulse 3.5s infinite ease-in-out;
    }

    @keyframes aberrationPulse {
      0% { opacity: 0.04; }
      50% { opacity: 0.16; }
      100% { opacity: 0.04; }
    }

    #starfield {
      position: fixed;
      pointer-events: none;
      z-index: 2;
      background-image: url("../../_EXPRESSIONS/_PEX/BUILD/PulseStarfield-Overmind.webp.pex");
      background-size: cover;
      background-position: center;
      mix-blend-mode: screen;
      opacity: 0.35;
      animation: starTwinkle 22s ease-in-out infinite;
    }

    @keyframes starTwinkle {
      0%   { opacity: 0.25; }
      50%  { opacity: 0.45; }
      100% { opacity: 0.25; }
    }

    /* ============================================================
       ⭐ ENGINE PANEL — OVERMIND PRIME
    ============================================================ */
    #pulse-engine-shell {
      position: relative;
      z-index: 9999;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #pulse-engine-block {
      position: relative;
      max-width: 1100px;
      width: 90vw;
      background:
        radial-gradient(circle at top left, rgba(0, 234, 255, 0.12), transparent 60%),
        radial-gradient(circle at bottom right, rgba(0, 255, 166, 0.10), transparent 60%),
        radial-gradient(circle at 50% 0%, rgba(123, 61, 255, 0.12), transparent 65%),
        rgba(0, 0, 0, 0.72);
      border-radius: 26px;
      border: 1px solid rgba(0, 234, 255, 0.28);
      box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.9),
        0 0 40px rgba(0, 234, 255, 0.35);
      backdrop-filter: blur(22px);
      padding: 32px 30px 30px;
      color: #e9f5ff;
      overflow: hidden;
    }

    /* Halo ring around engine block */
    #pulse-engine-block::before {
      content: "";
      position: absolute;
      inset: -40px;
      border-radius: 40px;
      border: 1px dashed rgba(0, 234, 255, 0.18);
      opacity: 0.7;
      filter: blur(2px);
      animation: haloDrift 26s ease-in-out infinite;
    }

    @keyframes haloDrift {
      0%   { transform: scale(1) rotate(0deg); opacity: 0.4; }
      50%  { transform: scale(1.04) rotate(6deg); opacity: 0.8; }
      100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
    }

    /* ============================================================
       ⭐ ENGINE HEADER
    ============================================================ */
    .engine-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 24px;
    }

    .engine-title-block {
      max-width: 620px;
    }

    .engine-title {
      font-size: 26px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-shadow: 0 4px 18px rgba(0, 0, 0, 0.8);
    }

    .engine-subtitle {
      font-size: 14px;
      color: #9bb0c9;
      margin-top: 6px;
    }

    .engine-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 16px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.65);
      border: 1px solid rgba(0, 234, 255, 0.45);
      color: #9bb0c9;
      font-size: 12px;
      white-space: nowrap;
    }

    .engine-pill span {
      color: #00ffa6;
      font-weight: 600;
    }

    /* ============================================================
       ⭐ ENGINE GRID — STATUS + BANDS
    ============================================================ */
    .engine-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
      gap: 22px;
      margin-top: 10px;
    }

    @media (max-width: 900px) {
      .engine-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .engine-card {
      position: relative;
      background: rgba(3, 7, 18, 0.82);
      border-radius: 18px;
      border: 1px solid rgba(0, 234, 255, 0.22);
      padding: 18px 18px 16px;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85);
      overflow: hidden;
    }

    .engine-card::after {
      content: "";
      position: absolute;
      inset: -40%;
      background: radial-gradient(circle at 0% 0%, rgba(0, 234, 255, 0.18), transparent 55%);
      opacity: 0.35;
      mix-blend-mode: screen;
      pointer-events: none;
    }

    .engine-card h3 {
      margin: 0 0 10px;
      font-size: 15px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #7bdcff;
    }

    .engine-card p {
      margin: 4px 0 10px;
      font-size: 13px;
      color: #9bb0c9;
    }

    .engine-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }

    .engine-tag {
      font-size: 11px;
      padding: 4px 10px;
      border-radius: 999px;
      border: 1px solid rgba(0, 234, 255, 0.35);
      color: #c7e6ff;
      background: rgba(0, 0, 0, 0.7);
    }

    .engine-tag.primary {
      border-color: #00ffa6;
      color: #e9fff7;
    }

    .engine-tag.alert {
      border-color: #ff7b00;
      color: #ffe9d0;
    }

    /* ============================================================
       ⭐ BINARY HEARTLINE / STATUS STRIP
    ============================================================ */
    .engine-strip {
      margin-top: 22px;
      padding-top: 12px;
      border-top: 1px dashed rgba(0, 234, 255, 0.25);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
    }

    .engine-strip-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #7bdcff;
    }

    .engine-strip-line {
      flex: 1;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg,
        rgba(0, 234, 255, 0.9),
        rgba(0, 255, 166, 0.9),
        rgba(245, 221, 0, 0.9),
        rgba(123, 61, 255, 0.9));
      box-shadow: 0 0 18px rgba(0, 234, 255, 0.45);
      position: relative;
      overflow: hidden;
    }

    .engine-strip-line::after {
      content: "";
      position: absolute;
      left: -20%;
      top: -2px;
      width: 20%;
      height: 6px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.9);
      opacity: 0.7;
      filter: blur(4px);
      animation: stripSweep 4.5s linear infinite;
    }

    @keyframes stripSweep {
      0%   { transform: translateX(0); }
      100% { transform: translateX(500%); }
    }

    /* ============================================================
       ⭐ FOOTER / IDENTITY
    ============================================================ */
    .engine-footer {
      margin-top: 24px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      font-size: 11px;
      color: #9bb0c9;
    }

    .engine-footer span.highlight {
      color: #00ffa6;
      font-weight: 600;
    }

    .engine-footer a {
      color: #00eaff;
      text-decoration: none;
    }

    .engine-footer a:hover {
      text-decoration: underline;
    }

    /* ============================================================
       ⭐ PIXEL SURFACE (GPU TICKLE)
    ============================================================ */
    #pulse-engine-pixel {
      position: fixed;
      left: -10px;
      top: -10px;
      width: 1px;
      height: 1px;
      pointer-events: none;
    }