/* ══ SPARK M!NDS animated app-card scenes — extracted verbatim from index.html ══ */
    body[data-mode="spark"] .listen-dock { --listen-border: rgba(255, 215, 0, 0.20); --listen-glow: rgba(255, 200, 50, 0.12); }

    .presents-heading {
      font-family: 'VT323', monospace;
      font-size: 14px;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: rgba(255, 220, 180, 0.72);
      text-shadow: 0 0 22px rgba(255, 200, 150, 0.18);
      user-select: none;
      pointer-events: none;
    }

    .presents-grid {
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: nowrap;
      gap: 12px;
      /* Parent-relative now that .listen-dock owns the definite cross-device width.
         (Was calc(100vw - 40px), which mis-sized the scroller vs its container on Android.) */
      max-width: 100%;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 2px 4px 6px;
      scrollbar-width: none;
      scroll-snap-type: x proximity;
      /* NOTE: scroll-behavior: smooth removed — it fights with scroll-snap on touch */
      scroll-padding-left: 6px;
      scroll-padding-right: 6px;
      -webkit-overflow-scrolling: touch;
      cursor: grab;
    }
    /* Disable snap during active drag to prevent jerk/stutter */
    .presents-grid.is-dragging {
      scroll-snap-type: none !important;
    }
    .presents-grid::after{content:'';flex:0 0 20px;height:1px}
    .presents-grid::-webkit-scrollbar { display: none; }
    .presents-grid > * { scroll-snap-align: start; flex-shrink: 0; }
    .presents-grid > *:last-child { scroll-snap-align: start; }
    .presents-grid.is-grabbing { cursor: grabbing; }

    .presents-card {
      width: 148px;
      height: 104px;
      border-radius: 16px;
      border: 1px solid rgba(255, 200, 150, 0.14);
      /* Solid bg by default (safe for all devices including iOS Safari).
         Desktop gets glassmorphism via @media (hover:hover) below. */
      background: rgba(16, 12, 8, 0.82);
      box-shadow: 0 18px 46px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      color: rgba(255, 240, 220, 0.9);
      transition: transform .25s ease, border-color .35s ease, box-shadow .35s ease, background .6s ease;
      flex: 0 0 auto;
      cursor: pointer;
    }
    /* Desktop: keep the app cards OPAQUE so the cinematic scene never bleeds
       through / dilutes them — crystal-clear art (no glassmorphism / blur). */
    @media (hover: hover) and (pointer: fine) {
      .presents-card {
        background: rgba(15, 11, 8, 1);
      }
    }
    .presents-card::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background: radial-gradient(circle at var(--px, 50%) var(--py, 22%), rgba(255, 235, 205, 0.16) 0%, rgba(255, 210, 150, 0.08) 26%, transparent 62%);
      opacity: 0;
      transition: opacity .28s ease;
      z-index: 2;
      mix-blend-mode: screen;
    }
    .presents-card:focus-visible {
      outline: 2px solid rgba(255, 220, 180, 0.68);
      outline-offset: 2px;
    }
    button.presents-card { border: 1px solid rgba(255, 200, 150, 0.14); }

    .presents-card:hover {
      transform: translateY(-3px);
      border-color: rgba(255, 220, 180, 0.28);
      box-shadow: 0 26px 70px rgba(0,0,0,0.60), inset 0 1px 0 rgba(255,255,255,0.08);
    }
    .presents-card:hover::after,
    .presents-card:focus-visible::after {
      opacity: 1;
    }

    @keyframes presents-release {
      0% { transform: translateY(1px) scale(0.985); }
      56% { transform: translateY(-1px) scale(1.012); }
      100% { transform: translateY(0) scale(1); }
    }
    .presents-card.is-pressing {
      transform: translateY(1px) scale(0.985);
      border-color: rgba(255, 220, 180, 0.34);
      box-shadow: 0 14px 34px rgba(0,0,0,0.54), inset 0 1px 0 rgba(255,255,255,0.05);
      transition-duration: .09s;
    }
    .presents-card.is-pressing::after { opacity: 0.95; }
    .presents-card.is-release {
      animation: presents-release .24s cubic-bezier(.16,.84,.44,1);
    }

    .presents-card.is-active {
      transform: translateY(-2px);
      border-color: rgba(255, 232, 190, 0.56);
      background: rgba(10, 7, 2, 0.34);
      box-shadow: 0 30px 80px rgba(0,0,0,0.64), 0 0 0 1px rgba(255, 210, 140, 0.22), inset 0 1px 0 rgba(255,255,255,0.12);
    }
    @keyframes presents-active-pulse {
      0%, 100% { opacity: 0.55; transform: scale(0.995); }
      50% { opacity: 1; transform: scale(1.005); }
    }
    .presents-card.is-active::before {
      content: '';
      position: absolute;
      inset: 1px;
      border-radius: inherit;
      border: 1px solid rgba(255, 228, 185, 0.42);
      box-shadow: 0 0 0 1px rgba(255, 215, 150, 0.20), 0 0 28px rgba(255, 210, 140, 0.20);
      pointer-events: none;
      z-index: 4;
      animation: presents-active-pulse 2.4s ease-in-out infinite;
    }
    .presents-card.is-active .presents-row {
      border-top-color: rgba(255, 220, 180, 0.18);
      background: rgba(0,0,0,0.26);
    }
    .presents-card.is-active .presents-icon {
      color: rgba(255, 248, 232, 0.98);
      box-shadow: 0 0 32px rgba(255, 210, 140, 0.24);
    }
    .presents-card.is-active .presents-label {
      color: rgba(255, 248, 236, 0.98);
      font-weight: 600;
      letter-spacing: 1.9px;
    }

    @keyframes route-loading-stripe {
      0% { transform: translateX(-22%) rotate(10deg); opacity: 0.36; }
      50% { transform: translateX(24%) rotate(10deg); opacity: 0.9; }
      100% { transform: translateX(-22%) rotate(10deg); opacity: 0.36; }
    }
    .presents-card.is-loading {
      pointer-events: none;
      cursor: progress;
    }
    .presents-card.is-loading::after { opacity: 0.42; }
    .presents-card.is-loading .presents-thumb::after {
      opacity: 0.95;
      animation: route-loading-stripe .72s linear infinite;
    }
    .presents-card.is-loading .presents-row {
      opacity: 0.74;
    }
    body.route-loading .listen-dock {
      pointer-events: none;
    }

    .presents-card.is-locked,
    button.presents-card.is-locked,
    button.presents-card.is-locked:disabled {
      cursor: not-allowed;
      filter: saturate(0.68) brightness(0.9);
      border-color: rgba(255, 220, 180, 0.18);
    }
    .presents-card.is-locked:hover,
    button.presents-card.is-locked:hover,
    button.presents-card.is-locked:disabled:hover {
      transform: none;
      box-shadow: 0 18px 46px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06);
      border-color: rgba(255, 220, 180, 0.18);
    }
    .presents-card.is-locked .presents-thumb::after { opacity: 0.22; animation-duration: 6.5s; }
    .presents-card.is-locked::after { opacity: 0 !important; }
    .presents-card-lock {
      position: absolute;
      inset: 0;
      z-index: 6;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.40) 100%);
      opacity: 0;
      transition: opacity .35s ease;
    }
    .presents-card.is-locked .presents-card-lock { opacity: 1; }
    .presents-card-lock span {
      font-family: 'Orbitron', sans-serif;
      font-size: 9px;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      color: rgba(255,255,255,0.9);
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.24);
      background: rgba(0,0,0,0.55);
      box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    }

    /* Premium: NEW badge (YouTube) */
    .presents-badge {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 5;
      padding: 5px 8px;
      border-radius: 999px;
      font-family: 'Orbitron', sans-serif;
      font-size: 8px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: rgba(0,0,0,0.85);
      background: linear-gradient(90deg, rgba(255, 220, 180, 0.95), rgba(255, 150, 200, 0.92));
      box-shadow: 0 10px 26px rgba(0,0,0,0.35), 0 0 26px rgba(255, 180, 180, 0.16);
      opacity: 0;
      transform: translateY(-2px);
      transition: opacity .35s ease, transform .35s ease;
      pointer-events: none;
    }
    .presents-badge.visible { opacity: 1; transform: translateY(0); }

    .presents-thumb {
      flex: 1;
      position: relative;
      background:
        radial-gradient(circle at 30% 35%, rgba(255,255,255,0.08) 0%, transparent 55%),
        linear-gradient(135deg, rgba(255, 200, 150, 0.08) 0%, rgba(0,0,0,0) 60%),
        rgba(0,0,0,0.25);
      overflow: hidden;
    }
    .presents-thumb::after {
      content: '';
      position: absolute;
      inset: -40% -60%;
      background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.10) 50%, transparent 65%);
      transform: rotate(10deg);
      animation: presentsShimmer 3.2s ease-in-out infinite;
      opacity: 0.7;
    }
    .presents-thumb.has-img::after { opacity: 0.15; }

    /* YouTube card branded background */
    .presents-card.youtube .presents-thumb:not(.has-img) {
      background:
        radial-gradient(circle at 65% 35%, rgba(255, 0, 0, 0.15) 0%, transparent 55%),
        radial-gradient(circle at 30% 70%, rgba(255, 50, 50, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, #1a0000 0%, #2a0808 40%, #120404 100%);
    }
    .presents-card.youtube .presents-thumb:not(.has-img)::before {
      content: '▶';
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 26px;
      color: rgba(255, 40, 40, 0.45);
      text-shadow: 0 0 20px rgba(255, 0, 0, 0.3);
      z-index: 1;
      animation: yt-pulse 3s ease-in-out infinite;
    }
    @keyframes yt-pulse {
      0%, 100% { opacity: 0.45; transform: scale(1); }
      50% { opacity: 0.7; transform: scale(1.08); }
    }
    .presents-card.soundcloud .presents-thumb:not(.has-img) { background: linear-gradient(135deg, #1a0800 0%, #2a1505 40%, #1a0a00 100%); }
    .presents-card.soundcloud .presents-thumb:not(.has-img)::before { content: '☁'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 24px; color: rgba(255,85,0,0.3); z-index: 1; }
    .presents-card.soundcloud .presents-thumb:has(.sc-card-scene)::before{display:none !important}
    .presents-card.soundcloud .presents-thumb:has(.sc-card-scene){background:transparent !important}
    .presents-card.soundcloud .presents-thumb img.presents-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;opacity:.55;mix-blend-mode:screen;pointer-events:none;transition:opacity .3s ease}
    .presents-card.soundcloud:hover .presents-thumb img.presents-cover{opacity:.7}
    .presents-card.projects .presents-thumb:not(.has-img) { background: transparent; }
    .presents-card.projects .presents-thumb:not(.has-img)::before { display: none; }
    @keyframes presentsShimmer {
      0% { transform: translateX(-18%) rotate(10deg); opacity: 0.35; }
      50% { transform: translateX(18%) rotate(10deg); opacity: 0.75; }
      100% { transform: translateX(-18%) rotate(10deg); opacity: 0.35; }
    }

    .presents-thumb img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity .4s ease;
      filter: saturate(1.05) contrast(1.05);
    }
    .presents-thumb.has-img img { opacity: 1; }
    .presents-thumb.projects {
      background: transparent;
    }
    /* Projects card: use your logo as the thumbnail image */
    .presents-thumb.projects.has-img img { object-fit: contain; padding: 0; opacity: 0.98; }
    .presents-thumb.projects img {
      object-position: center;
      transform: scale(1.22);
      will-change: transform;
      z-index: 5;
      filter:
        invert(1)
        saturate(0)
        brightness(1.08)
        contrast(1.10)
        drop-shadow(0 0 10px rgba(255,255,255,0.22))
        drop-shadow(0 0 14px rgba(255,215,0,0.14))
        drop-shadow(0 0 18px rgba(120,220,255,0.10));
      mix-blend-mode: screen;
    }
    .presents-thumb.projects::before{
      content:'';
      position:absolute;
      inset: 0;
      background: radial-gradient(circle at 50% 55%, rgba(255,215,0,0.08), transparent 62%);
      pointer-events:none;
      opacity: 0.9;
    }
    @media (max-width: 520px){
      .presents-thumb.projects img{ transform: scale(1.16); }
    }

    .presents-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      border-top: 1px solid rgba(255, 200, 150, 0.08);
      background: rgba(0,0,0,0.16);
    }

    .presents-icon {
      width: 34px;
      height: 34px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0) 70%);
      color: rgba(255, 240, 220, 0.9);
      box-shadow: 0 0 22px rgba(255, 200, 150, 0.10);
      flex: 0 0 auto;
    }

    .presents-label {
      font-family: 'Orbitron', sans-serif;
      font-size: 10px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: rgba(255, 243, 224, 0.95);
      text-shadow: 0 1px 8px rgba(0,0,0,0.5), 0 0 14px rgba(255, 215, 145, 0.16);
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 52px;
      max-width: 170px;
      text-align: right;
    }

    /* Platform accents */
    .presents-card.spotify:hover .presents-icon { color: rgba(180, 255, 210, 1); box-shadow: 0 0 30px rgba(29, 185, 84, 0.22); }
    .presents-card.apple:hover .presents-icon { color: rgba(255, 220, 230, 1); box-shadow: 0 0 30px rgba(252, 60, 68, 0.16); }
    .presents-card.youtube:hover .presents-icon { color: rgba(255, 210, 210, 1); box-shadow: 0 0 30px rgba(255, 0, 0, 0.16); }
    .presents-card.soundcloud:hover .presents-icon { color: rgba(255, 230, 210, 1); box-shadow: 0 0 30px rgba(255, 85, 0, 0.14); }
    .presents-card.projects:hover .presents-icon { color: rgba(210, 250, 255, 1); box-shadow: 0 0 30px rgba(120, 220, 255, 0.16); }
    .presents-card.omnitv:hover .presents-icon { color: rgba(245, 197, 66, 1); box-shadow: 0 0 30px rgba(245, 197, 66, 0.22); }

    /* ── Premium hover glow for static cards ── */
    .presents-card.spotify:hover .presents-thumb{box-shadow:inset 0 0 30px rgba(29,185,84,.12),0 0 15px rgba(29,185,84,.08)}
    .presents-card.apple:hover .presents-thumb{box-shadow:inset 0 0 30px rgba(252,60,68,.1),0 0 15px rgba(252,60,68,.06)}
    .presents-card.youtube:hover .presents-thumb{box-shadow:inset 0 0 30px rgba(255,0,0,.1),0 0 15px rgba(255,0,0,.06)}
    .presents-card.soundcloud:hover .presents-thumb{box-shadow:inset 0 0 30px rgba(255,85,0,.1),0 0 15px rgba(255,85,0,.06)}
    .presents-card.projects:hover .presents-thumb{box-shadow:inset 0 0 30px rgba(120,220,255,.1),0 0 15px rgba(120,220,255,.06)}
    .presents-card.spotify .presents-thumb,
    .presents-card.apple .presents-thumb,
    .presents-card.youtube .presents-thumb,
    .presents-card.soundcloud .presents-thumb,
    .presents-card.projects .presents-thumb{transition:box-shadow .4s ease,filter .4s ease}
    .presents-card.spotify:hover .presents-thumb .presents-cover,
    .presents-card.apple:hover .presents-thumb .presents-cover,
    .presents-card.youtube:hover .presents-thumb .presents-cover,
    .presents-card.soundcloud:hover .presents-thumb .presents-cover,
    .presents-card.projects:hover .presents-thumb .presents-cover{filter:brightness(1.12) saturate(1.1);transition:filter .4s ease}

    /* ═══════════════════════════════════════════════════════════════════════════
       Premium: MUSIC panel (Projects drop-down)
       ═══════════════════════════════════════════════════════════════════════════ */
    .music-panel {
      position: fixed;
      inset: 0;
      z-index: 5000;
      opacity: 0;
      pointer-events: none;
      transition: opacity .28s ease;
      will-change: opacity;
      contain: layout style;
    }
    body.music-open .music-panel { opacity: 1; pointer-events: auto; }

    .music-panel-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.62);
      /* GPU-accelerated: use smaller blur radius for smoother open */
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
    /* Progressive enhancement: ramp up blur after panel has settled */
    body.music-settled .music-panel-backdrop {
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transition: backdrop-filter .4s ease;
    }

    .music-panel-shell {
      position: absolute;
      left: 50%;
      top: 50%;
      --music-from-x: 0px;
      --music-from-y: -120px;
      --music-from-scale: 0.90;
      transform: translate(-50%, -50%) translate(var(--music-from-x), var(--music-from-y)) scale(var(--music-from-scale));
      width: min(1180px, calc(100vw - 32px));
      max-height: calc(100vh - 120px);
      /* Real height constraint so the inner body can scroll (prevents clipping on short viewports) */
      height: min(860px, calc(100vh - 120px));
      transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1), opacity .28s ease;
      opacity: 0;
      will-change: transform, opacity;
      contain: layout style;
    }
    @supports (height: 100dvh) {
      .music-panel-shell { max-height: calc(100dvh - 120px); height: min(860px, calc(100dvh - 120px)); }
    }
    body.music-open .music-panel-shell {
      --music-from-x: 0px;
      --music-from-y: 0px;
      --music-from-scale: 1;
      opacity: 1;
    }

    .music-panel-frame {
      border-radius: 22px;
      background: radial-gradient(ellipse at 30% 10%, rgba(255,255,255,0.06) 0%, transparent 55%), rgba(0,0,0,0.88);
      border: 1px solid rgba(255, 200, 150, 0.14);
      box-shadow: 0 40px 120px rgba(0,0,0,0.85);
      overflow: hidden;
      position: relative;
      /* Prevent mobile/tablet clipping: header fixed, body scrolls */
      display: flex;
      flex-direction: column;
      max-height: 100%;
      height: 100%;
      /* GPU perf: promote to own layer, contain layout recalcs */
      transform: translateZ(0);
      contain: layout style;
    }
    /* Subtle “more below” fade (helps users discover scrolling) */
    .music-panel-frame::after{
      content:'';
      position:absolute;
      left:0; right:0; bottom:0;
      height: 34px;
      pointer-events:none;
      background: linear-gradient(180deg, transparent, rgba(0,0,0,0.65));
      opacity: 0.55;
    }
    .music-panel-frame::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 4px);
      opacity: 0.12;
      mix-blend-mode: overlay;
    }

    .music-panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 20px;
      border-bottom: 1px solid rgba(255, 200, 150, 0.10);
    }
        /* ═══ UN!VERSE — Living Nebula Aurora Card (AETHERIA) ═══ */
        .uni-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#020208 0%,#070718 30%,#050510 60%,#02020a 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}

        /* ── Drifting nebula clouds (cyan / violet / gold) ── */
        .uni-card-scene::before{content:'';position:absolute;inset:-20%;background:
          radial-gradient(ellipse 45% 50% at 28% 32%,rgba(0,240,255,.13) 0%,transparent 70%),
          radial-gradient(ellipse 40% 45% at 72% 60%,rgba(170,68,255,.12) 0%,transparent 70%),
          radial-gradient(ellipse 30% 35% at 55% 85%,rgba(255,170,0,.07) 0%,transparent 70%);
        animation:uniNebulaDrift 13s ease-in-out infinite;pointer-events:none}
        .uni-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(0,240,255,.1) 0%,rgba(170,68,255,.07) 35%,transparent 65%);animation:uniCoreGlow 3.6s ease-in-out infinite;pointer-events:none}
        @keyframes uniNebulaDrift{0%{transform:translate(0,0) scale(1) rotate(0deg)}33%{transform:translate(4%,-4%) scale(1.06) rotate(1.5deg)}66%{transform:translate(-4%,3%) scale(.96) rotate(-1.5deg)}100%{transform:translate(0,0) scale(1) rotate(0deg)}}
        @keyframes uniCoreGlow{0%,100%{opacity:.45}50%{opacity:1}}

        /* ── Twinkling stars ── */
        .uni-star{position:absolute;border-radius:50%;background:#bfe8ff;pointer-events:none;z-index:1;animation:uniTwinkle 3s ease-in-out infinite}
        .uni-star:nth-child(1){top:14%;left:18%;width:2px;height:2px;box-shadow:0 0 6px rgba(191,232,255,.8);animation-delay:0s}
        .uni-star:nth-child(2){top:22%;right:14%;width:1.5px;height:1.5px;background:#e8d5ff;box-shadow:0 0 5px rgba(232,213,255,.7);animation-delay:.8s}
        .uni-star:nth-child(3){bottom:20%;left:13%;width:1.5px;height:1.5px;background:#ffe6b0;box-shadow:0 0 5px rgba(255,230,176,.7);animation-delay:1.6s}
        .uni-star:nth-child(4){bottom:26%;right:18%;width:2px;height:2px;box-shadow:0 0 6px rgba(191,232,255,.8);animation-delay:.4s}
        .uni-star:nth-child(5){top:40%;left:8%;width:1px;height:1px;animation-delay:2.2s}
        .uni-star:nth-child(6){top:34%;right:9%;width:1px;height:1px;background:#e8d5ff;animation-delay:1.2s}
        @keyframes uniTwinkle{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.7)}}

        /* ── The living nebula orb ── */
        .uni-orb{position:relative;width:46px;height:46px;z-index:5;animation:uniOrbBreathe 4.5s ease-in-out infinite}
        .uni-orb-aurora{position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,#00f0ff,#aa44ff 28%,#ff3344 50%,#ffaa00 68%,#00ff99 84%,#00f0ff);filter:blur(8px) saturate(1.3);opacity:.85;animation:uniSwirl 9s linear infinite}
        .uni-orb-aurora2{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 180deg,rgba(170,68,255,.8),rgba(0,240,255,.5) 40%,rgba(255,170,0,.6) 70%,rgba(170,68,255,.8));filter:blur(5px);opacity:.7;animation:uniSwirl 6s linear infinite reverse}
        .uni-orb-core{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffffff 0%,#dff6ff 22%,rgba(0,240,255,.55) 55%,rgba(170,68,255,.35) 80%,transparent 100%);box-shadow:0 0 14px rgba(0,240,255,.7),0 0 30px rgba(170,68,255,.35),inset 0 0 8px rgba(255,255,255,.5);animation:uniCoreBeat 2.25s ease-in-out infinite}
        .uni-orb-spark{position:absolute;top:26%;left:30%;width:5px;height:5px;border-radius:50%;background:#fff;filter:blur(.5px);opacity:.9}
        @keyframes uniSwirl{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
        @keyframes uniOrbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
        @keyframes uniCoreBeat{0%,100%{box-shadow:0 0 14px rgba(0,240,255,.7),0 0 30px rgba(170,68,255,.35),inset 0 0 8px rgba(255,255,255,.5)}50%{box-shadow:0 0 22px rgba(0,240,255,.95),0 0 46px rgba(170,68,255,.55),inset 0 0 12px rgba(255,255,255,.8)}}

        /* ── Tilted orbit rings (cosmos) ── */
        .uni-ring{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;z-index:4}
        .uni-ring.r1{width:74px;height:74px;border:1px solid rgba(255,170,0,.4);transform:translate(-50%,-50%) rotateX(68deg);animation:uniRingSpin1 8s linear infinite}
        .uni-ring.r2{width:92px;height:92px;border:1px solid rgba(170,68,255,.35);transform:translate(-50%,-50%) rotateX(74deg) rotateY(12deg);animation:uniRingSpin2 13s linear infinite reverse}
        .uni-ring.r1::after{content:'';position:absolute;top:-2.5px;left:50%;width:4px;height:4px;border-radius:50%;background:#ffaa00;box-shadow:0 0 8px #ffaa00}
        .uni-ring.r2::after{content:'';position:absolute;top:-2px;left:30%;width:3px;height:3px;border-radius:50%;background:#aa44ff;box-shadow:0 0 7px #aa44ff}
        @keyframes uniRingSpin1{0%{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0deg)}100%{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
        @keyframes uniRingSpin2{0%{transform:translate(-50%,-50%) rotateX(74deg) rotateY(12deg) rotateZ(0deg)}100%{transform:translate(-50%,-50%) rotateX(74deg) rotateY(12deg) rotateZ(360deg)}}

        /* ── Floating motes ── */
        .uni-mote{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none;z-index:2;animation:uniMoteFloat 6s ease-in-out infinite}
        .uni-mote:nth-of-type(1){top:30%;left:24%;background:#7ee3ff;box-shadow:0 0 6px rgba(126,227,255,.8);animation-delay:0s}
        .uni-mote:nth-of-type(2){bottom:30%;right:22%;background:#d3a0ff;box-shadow:0 0 6px rgba(211,160,255,.8);animation-delay:2s;width:2.5px;height:2.5px}
        .uni-mote:nth-of-type(3){top:56%;left:15%;background:#ffd27e;box-shadow:0 0 5px rgba(255,210,126,.7);animation-delay:4s;width:2px;height:2px}
        @keyframes uniMoteFloat{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}

        /* ── Title ── */
        .uni-card-title{position:relative;z-index:10;text-align:center;margin-top:6px}
        .uni-card-title .uni-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#00f0ff,#9fdcff,#aa44ff,#e8d5ff,#ffaa00,#00f0ff) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:uniShimmer 4s linear infinite;filter:drop-shadow(0 0 7px rgba(0,240,255,.5)) drop-shadow(0 0 4px rgba(170,68,255,.4))}
        @keyframes uniShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

        /* ── Hover ── */
        .presents-card.universe:hover{box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 30px rgba(0,240,255,.18),0 0 60px rgba(170,68,255,.1),inset 0 1px 0 rgba(255,255,255,.12) !important}
        .presents-card.universe:hover .presents-icon{color:rgba(190,240,255,1);box-shadow:0 0 30px rgba(0,240,255,.25)}
        .presents-card.universe:hover .uni-orb-aurora{opacity:1;filter:blur(9px) saturate(1.6)}
        .presents-card.universe:hover .uni-orb{animation-duration:2.8s}
        /* ═══ SPARKM!NDS TV — Animated Card ═══ */
        .presents-card.omnitv .presents-thumb::after,
        .presents-card.radio .presents-thumb::after,
        .presents-card.sparkai .presents-thumb::after,
        .presents-card.conductor .presents-thumb::after,
        .presents-card.soundcloud .presents-thumb::after,
        .presents-card.spotify .presents-thumb:has(.spot-card-scene)::after,
        .presents-card.apple .presents-thumb:has(.am-card-scene)::after,
        .presents-card.youtube .presents-thumb:has(.yt-card-scene)::after{display:none !important}

        /* ═══ SPOTIFY — Vinyl Pulse Scene ═══ */
        .spot-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#000a02 0%,#041a08 25%,#0a1f0a 50%,#000d03 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .spot-card-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 55%,rgba(29,185,84,.08) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 30% 30%,rgba(29,185,84,.05) 0%,transparent 65%);animation:spotAmbient 5s ease-in-out infinite;pointer-events:none}
        @keyframes spotAmbient{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
        .spot-card-scene::after{content:'';position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(29,185,84,.1);animation:spotRipple 3s ease-out infinite;pointer-events:none}
        @keyframes spotRipple{0%{width:15px;height:15px;opacity:.5;border-width:1.5px}100%{width:90px;height:90px;opacity:0;border-width:.5px}}
        .spot-vinyl{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(29,185,84,.15);animation:spotSpin 6s linear infinite;pointer-events:none;z-index:2}
        .spot-vinyl::before{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(29,185,84,.08);background:radial-gradient(circle,rgba(29,185,84,.12) 0%,rgba(29,185,84,.02) 60%,transparent 100%)}
        .spot-vinyl::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#1DB954,#0a5c28);box-shadow:0 0 6px rgba(29,185,84,.5)}
        @keyframes spotSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
        .spot-groove{position:absolute;top:50%;left:50%;border-radius:50%;border:0.5px solid rgba(29,185,84,.04);pointer-events:none;transform:translate(-50%,-50%)}
        .spot-groove:nth-child(2){width:32px;height:32px}.spot-groove:nth-child(3){width:40px;height:40px}.spot-groove:nth-child(4){width:56px;height:56px}
        .spot-eq{position:absolute;bottom:10%;display:flex;align-items:flex-end;gap:2px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none}
        .spot-eq-bar{width:2px;border-radius:1px;background:linear-gradient(180deg,rgba(29,185,84,.7),rgba(29,185,84,.3));animation:spotEqPulse 1s ease-in-out infinite}
        .spot-eq-bar:nth-child(1){height:5px;animation-delay:0s}.spot-eq-bar:nth-child(2){height:10px;animation-delay:.1s}.spot-eq-bar:nth-child(3){height:7px;animation-delay:.2s}.spot-eq-bar:nth-child(4){height:12px;animation-delay:.05s}.spot-eq-bar:nth-child(5){height:8px;animation-delay:.15s}.spot-eq-bar:nth-child(6){height:14px;animation-delay:.08s}.spot-eq-bar:nth-child(7){height:6px;animation-delay:.22s}.spot-eq-bar:nth-child(8){height:11px;animation-delay:.12s}.spot-eq-bar:nth-child(9){height:9px;animation-delay:.18s}
        @keyframes spotEqPulse{0%,100%{transform:scaleY(1);opacity:.5}50%{transform:scaleY(1.8);opacity:1}}
        .spot-particle{position:absolute;width:1.5px;height:1.5px;background:#1DB954;border-radius:50%;opacity:0;pointer-events:none;animation:spotFloat 4s ease-in-out infinite}
        .spot-particle:nth-child(6){left:18%;bottom:20%;animation-delay:0s}.spot-particle:nth-child(7){left:75%;bottom:30%;animation-delay:1s}.spot-particle:nth-child(8){left:40%;bottom:15%;animation-delay:2s}.spot-particle:nth-child(9){left:85%;bottom:40%;animation-delay:.5s}
        @keyframes spotFloat{0%{transform:translateY(0);opacity:0}20%{opacity:.4}50%{transform:translateY(-18px);opacity:.7}80%{opacity:.2}100%{transform:translateY(-30px);opacity:0}}
        .spot-card-title{position:relative;z-index:10;text-align:center}
        .spot-card-title .spot-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(29,185,84,.4),0 0 2px rgba(255,255,255,.2);-webkit-text-fill-color:#fff !important}
        .spot-card-title .spot-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(90deg,#0a5c28,#1DB954,#4ade80,#1DB954,#0a5c28) !important;background-size:300% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:spotShimmer 3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 4px rgba(29,185,84,.5))}
        .spot-card-title .spot-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#0a5c28,#1DB954,#4ade80,#1DB954,#0a5c28) !important;background-size:300% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:spotShimmer 4s linear infinite;filter:drop-shadow(0 0 5px rgba(29,185,84,.5)) drop-shadow(0 0 3px rgba(255,255,255,.3))}
        @keyframes spotShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        /* Image overlay for Spotify */
        .presents-card.spotify .presents-thumb:has(.spot-card-scene)::before{display:none !important}
        .presents-card.spotify .presents-thumb:has(.spot-card-scene){background:transparent !important}
        .presents-card.spotify .presents-thumb:has(.spot-card-scene) img.presents-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:.85;mix-blend-mode:normal;pointer-events:none;transition:opacity .3s ease}
        .presents-card.spotify:hover .presents-thumb:has(.spot-card-scene) img.presents-cover{opacity:.75}
        /* Spotify overlay effects above image */
        .spot-vinyl{z-index:6 !important;width:60px !important;height:60px !important;border-color:rgba(29,185,84,.5) !important;box-shadow:0 0 20px rgba(29,185,84,.3),0 0 40px rgba(29,185,84,.1)}
        .spot-vinyl::before{border-color:rgba(29,185,84,.2) !important;background:radial-gradient(circle,rgba(29,185,84,.2) 0%,rgba(29,185,84,.05) 60%,transparent 100%) !important}
        .spot-vinyl::after{width:10px !important;height:10px !important;box-shadow:0 0 14px rgba(29,185,84,1),0 0 28px rgba(29,185,84,.5) !important}
        .spot-eq{z-index:6 !important;bottom:8% !important}
        .spot-eq-bar{width:3px !important;background:linear-gradient(180deg,rgba(29,185,84,1),rgba(29,185,84,.6)) !important;box-shadow:0 0 6px rgba(29,185,84,.7),0 0 12px rgba(29,185,84,.3)}
        .spot-particle{z-index:6 !important;width:3px !important;height:3px !important;background:#1DB954 !important;box-shadow:0 0 8px rgba(29,185,84,.8),0 0 16px rgba(29,185,84,.4)}
        .spot-groove{z-index:6 !important;border-color:rgba(29,185,84,.15) !important}
        .spot-card-scene::before{z-index:4 !important;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(29,185,84,.12) 0%,transparent 70%) !important;animation:spotAmbient 4s ease-in-out infinite !important}
        .spot-card-scene::after{z-index:4 !important;border-color:rgba(29,185,84,.2) !important}

        /* ═══ APPLE MUSIC — Sleek Waveform Scene ═══ */
        .am-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0a0004 0%,#1a0510 25%,#12030a 50%,#080003 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .am-card-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(252,60,68,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 70% 60%,rgba(175,60,255,.05) 0%,transparent 65%);animation:amAmbient 6s ease-in-out infinite;pointer-events:none}
        @keyframes amAmbient{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
        .am-card-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(252,60,68,.04) 70%,rgba(175,60,255,.03) 100%);pointer-events:none}
        .am-wave-line{position:absolute;width:100%;height:1px;top:50%;left:0;pointer-events:none;z-index:2}
        .am-wave-line svg{width:100%;height:30px;position:absolute;top:-15px}
        .am-wave-line:nth-child(1){opacity:.4;animation:amWaveDrift 8s ease-in-out infinite}
        .am-wave-line:nth-child(2){opacity:.25;top:45%;animation:amWaveDrift 10s ease-in-out infinite reverse}
        .am-wave-line:nth-child(3){opacity:.15;top:58%;animation:amWaveDrift 12s ease-in-out infinite}
        @keyframes amWaveDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
        .am-note{position:absolute;font-size:10px;opacity:0;pointer-events:none;animation:amNoteFloat 5s ease-in-out infinite;z-index:2}
        .am-note:nth-child(4){left:15%;top:25%;animation-delay:0s;color:rgba(252,60,68,.4)}.am-note:nth-child(5){left:78%;top:20%;animation-delay:1.5s;color:rgba(175,60,255,.35)}.am-note:nth-child(6){left:55%;top:65%;animation-delay:3s;color:rgba(252,60,68,.3)}
        @keyframes amNoteFloat{0%{transform:translateY(0) rotate(0deg);opacity:0}20%{opacity:.5}50%{transform:translateY(-12px) rotate(10deg);opacity:.6}80%{opacity:.2}100%{transform:translateY(-25px) rotate(-5deg);opacity:0}}
        .am-glow-orb{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(252,60,68,.2),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:amOrbPulse 3s ease-in-out infinite;pointer-events:none;z-index:1}
        .am-glow-orb::after{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(175,60,255,.08),transparent 70%);animation:amOrbPulse 4s ease-in-out infinite reverse}
        @keyframes amOrbPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}
        .am-card-title{position:relative;z-index:10;text-align:center}
        .am-card-title .am-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(252,60,68,.3),0 0 2px rgba(255,255,255,.2);-webkit-text-fill-color:#fff !important}
        .am-card-title .am-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(90deg,#fc3c44,#ff6b8a,#ffffff,#c084fc,#fc3c44) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:amShimmer 3.5s linear infinite;text-shadow:none;filter:drop-shadow(0 0 4px rgba(252,60,68,.4))}
        .am-card-title .am-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#fc3c44,#ff6b8a,#ffffff,#c084fc,#ffffff,#ff6b8a,#fc3c44) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:amShimmer 4s linear infinite;filter:drop-shadow(0 0 5px rgba(252,60,68,.4)) drop-shadow(0 0 3px rgba(175,60,255,.3))}
        @keyframes amShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        /* Image overlay for Apple Music */
        .presents-card.apple .presents-thumb:has(.am-card-scene)::before{display:none !important}
        .presents-card.apple .presents-thumb:has(.am-card-scene){background:transparent !important}
        .presents-card.apple .presents-thumb:has(.am-card-scene) img.presents-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:.85;mix-blend-mode:normal;pointer-events:none;transition:opacity .3s ease}
        .presents-card.apple:hover .presents-thumb:has(.am-card-scene) img.presents-cover{opacity:.75}
        /* Apple Music overlay effects above image */
        .am-wave-line{z-index:6 !important}
        .am-wave-line svg{height:40px !important}
        .am-wave-line svg path{stroke-width:2 !important;filter:drop-shadow(0 0 4px currentColor)}
        .am-wave-line:nth-child(1){opacity:.8 !important}.am-wave-line:nth-child(2){opacity:.6 !important}.am-wave-line:nth-child(3){opacity:.45 !important}
        .am-note{z-index:6 !important;font-size:16px !important;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor)}
        .am-glow-orb{z-index:6 !important;width:55px !important;height:55px !important;background:radial-gradient(circle,rgba(252,60,68,.35),rgba(175,60,255,.15) 50%,transparent 70%) !important;box-shadow:0 0 30px rgba(252,60,68,.15),0 0 60px rgba(175,60,255,.08)}

        /* ═══ YOUTUBE — Broadcast Signal Scene ═══ */
        .yt-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0a0000 0%,#1a0505 25%,#120202 50%,#0a0000 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .yt-card-scene::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,0,.015) 2px,rgba(255,0,0,.015) 4px);pointer-events:none;animation:ytScanDrift 10s linear infinite}
        @keyframes ytScanDrift{0%{background-position:0 0}100%{background-position:0 160px}}
        .yt-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,0,0,.1) 0%,rgba(255,0,0,.04) 35%,transparent 70%);animation:ytGlow 3.5s ease-in-out infinite;pointer-events:none}
        @keyframes ytGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}
        .yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:20px;border-radius:4px;background:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.2);display:flex;align-items:center;justify-content:center;animation:ytPlayPulse 2.5s ease-in-out infinite;z-index:3;pointer-events:none}
        .yt-play::after{content:'';width:0;height:0;border-left:8px solid rgba(255,255,255,.5);border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
        @keyframes ytPlayPulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 10px rgba(255,0,0,.15)}50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 20px rgba(255,0,0,.3)}}
        .yt-signal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,0,0,.08);pointer-events:none;animation:ytSignalPulse 3s ease-out infinite}
        .yt-signal:nth-child(2){animation-delay:0s}.yt-signal:nth-child(3){animation-delay:1s}.yt-signal:nth-child(4){animation-delay:2s}
        @keyframes ytSignalPulse{0%{width:20px;height:20px;opacity:.4;border-width:1.5px}100%{width:100px;height:100px;opacity:0;border-width:.5px}}
        .yt-filmstrip{position:absolute;width:100%;height:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 4px,transparent 4px,transparent 8px);pointer-events:none;z-index:2}
        .yt-filmstrip:nth-child(5){top:5px}.yt-filmstrip:nth-child(6){bottom:5px}
        .yt-particle{position:absolute;width:1.5px;height:1.5px;background:#ff0000;border-radius:50%;opacity:0;pointer-events:none;animation:ytFloat 4.5s ease-in-out infinite}
        .yt-particle:nth-child(7){left:15%;bottom:20%;animation-delay:0s}.yt-particle:nth-child(8){left:70%;bottom:35%;animation-delay:1.2s}.yt-particle:nth-child(9){left:45%;bottom:15%;animation-delay:2.4s}.yt-particle:nth-child(10){left:85%;bottom:25%;animation-delay:.6s}
        @keyframes ytFloat{0%{transform:translateY(0);opacity:0}20%{opacity:.4}50%{transform:translateY(-20px);opacity:.6}80%{opacity:.2}100%{transform:translateY(-32px);opacity:0}}
        .yt-card-title{position:relative;z-index:10;text-align:center}
        .yt-card-title .yt-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(255,0,0,.3),0 0 2px rgba(255,255,255,.2);-webkit-text-fill-color:#fff !important}
        .yt-card-title .yt-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(90deg,#990000,#ff0000,#ff4444,#ffffff,#ff4444,#ff0000,#990000) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:ytShimmer 3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 4px rgba(255,0,0,.5))}
        .yt-card-title .yt-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#990000,#ff0000,#ff6666,#ffffff,#ff6666,#ff0000,#990000) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:ytShimmer 4s linear infinite;filter:drop-shadow(0 0 5px rgba(255,0,0,.5)) drop-shadow(0 0 3px rgba(255,255,255,.3))}
        @keyframes ytShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        /* Image overlay for YouTube */
        .presents-card.youtube .presents-thumb:has(.yt-card-scene)::before{display:none !important}
        .presents-card.youtube .presents-thumb:has(.yt-card-scene){background:transparent !important}
        .presents-card.youtube .presents-thumb:has(.yt-card-scene) img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:.85;mix-blend-mode:normal;pointer-events:none;transition:opacity .3s ease}
        .presents-card.youtube:hover .presents-thumb:has(.yt-card-scene) img{opacity:.75}
        /* YouTube overlay effects above image */
        .yt-play{z-index:6 !important;width:36px !important;height:26px !important;background:rgba(255,0,0,.45) !important;border:2px solid rgba(255,0,0,.6) !important;box-shadow:0 0 20px rgba(255,0,0,.35),0 0 40px rgba(255,0,0,.15);border-radius:6px !important}
        .yt-play::after{border-left:10px solid rgba(255,255,255,.9) !important;border-top:7px solid transparent !important;border-bottom:7px solid transparent !important}
        .yt-signal{z-index:6 !important;border-color:rgba(255,0,0,.25) !important;border-width:1.5px !important;box-shadow:0 0 8px rgba(255,0,0,.1)}
        .yt-filmstrip{z-index:6 !important;height:8px !important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 5px,transparent 5px,transparent 10px) !important}
        .yt-particle{z-index:6 !important;width:3px !important;height:3px !important;background:#ff0000 !important;box-shadow:0 0 8px rgba(255,0,0,.8),0 0 16px rgba(255,0,0,.4)}
        .tv-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0a0a16 0%,#141038 30%,#0d2236 60%,#08081a 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .tv-card-scene::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(99,102,241,.025) 3px,rgba(99,102,241,.025) 6px);pointer-events:none;animation:tvStaticDrift 12s linear infinite}
        .tv-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(99,102,241,.14) 0%,rgba(139,92,246,.08) 35%,transparent 70%);animation:tvScreenGlow 4s ease-in-out infinite;pointer-events:none}
        @keyframes tvStaticDrift{0%{background-position:0 0}100%{background-position:0 180px}}
        @keyframes tvScreenGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
        @keyframes tvSignalPulse{0%,100%{transform:scaleX(1);opacity:.15}50%{transform:scaleX(1.5);opacity:.3}}
        .tv-signal{position:absolute;width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),rgba(139,92,246,.4),transparent);top:25%;left:20%;animation:tvSignalPulse 3s ease-in-out infinite}
        .tv-signal:nth-child(2){top:55%;animation-delay:1.5s;width:40%;left:30%;background:linear-gradient(90deg,transparent,rgba(245,197,66,.4),transparent)}
        .tv-screen-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.07;pointer-events:none;animation:tvFloat 5s ease-in-out infinite}
        @keyframes tvFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04) rotate(.5deg)}}
        .tv-card-title{position:relative;z-index:10;text-align:center}
        .tv-card-title .tv-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(99,102,241,.4),0 0 2px rgba(255,255,255,.3);-webkit-text-fill-color:#fff !important}
        .tv-card-title .tv-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#ffd700,#f5c542,#ffe066,#e8a800,#ffd700,#fff2a0) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:tvShimmer 3.5s linear infinite;text-shadow:none;filter:drop-shadow(0 0 4px rgba(245,197,66,.4))}
        .tv-card-title .tv-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:18px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#808898,#b0b8c8,#ffffff,#d0d8e0,#ffffff,#b0b8c8,#808898) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:tvShimmer 3.5s linear infinite;filter:drop-shadow(0 0 5px rgba(99,102,241,.4)) drop-shadow(0 0 3px rgba(255,255,255,.5))}
        @keyframes tvShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        .tv-corner{position:absolute;width:8px;height:8px;border:1px solid rgba(99,102,241,.3);pointer-events:none}
        .tv-corner.tl{top:4px;left:4px;border-right:none;border-bottom:none}.tv-corner.tr{top:4px;right:4px;border-left:none;border-bottom:none}.tv-corner.bl{bottom:4px;left:4px;border-right:none;border-top:none}.tv-corner.br{bottom:4px;right:4px;border-left:none;border-top:none}
        .tv-bar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,#6366f1,transparent);border-radius:1px;opacity:.4;animation:tvScreenGlow 2.5s ease-in-out infinite}

        /* ═══ SPARKM!NDS RADIO — Deep House Beat Dance Scene ═══ */
        .radio-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#150010 0%,#280520 30%,#1e0028 60%,#120010 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .radio-card-scene::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(236,72,153,.02) 4px,rgba(236,72,153,.02) 8px);pointer-events:none}
        .radio-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(236,72,153,.15) 0%,rgba(168,85,247,.1) 35%,transparent 70%);animation:radioGlow 1.6s ease-in-out infinite;pointer-events:none}
        @keyframes radioGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}

        /* ── Beat-synced EQ bars (deep house 128bpm = ~0.47s per beat) ── */
        @keyframes radioBeat{0%,100%{transform:scaleY(.2);opacity:.4}12%{transform:scaleY(1);opacity:1}25%{transform:scaleY(.5);opacity:.7}37%{transform:scaleY(.85);opacity:.9}50%{transform:scaleY(.3);opacity:.5}62%{transform:scaleY(.7);opacity:.8}75%{transform:scaleY(.15);opacity:.35}87%{transform:scaleY(.6);opacity:.7}}
        .radio-wave{position:absolute;bottom:8px;width:3px;border-radius:2px;transform-origin:bottom;pointer-events:none;animation:radioBeat .94s ease-in-out infinite}
        .radio-wave:nth-child(1){left:6%;height:22px;background:linear-gradient(0deg,#ec4899,rgba(236,72,153,.3));animation-delay:0s;box-shadow:0 0 4px rgba(236,72,153,.4)}
        .radio-wave:nth-child(2){left:13%;height:28px;background:linear-gradient(0deg,#a855f7,rgba(168,85,247,.3));animation-delay:.12s;box-shadow:0 0 4px rgba(168,85,247,.4)}
        .radio-wave:nth-child(3){left:20%;height:18px;background:linear-gradient(0deg,#06b6d4,rgba(6,182,212,.3));animation-delay:.24s;box-shadow:0 0 4px rgba(6,182,212,.4)}
        .radio-wave:nth-child(4){left:27%;height:32px;background:linear-gradient(0deg,#f59e0b,rgba(245,158,11,.3));animation-delay:.06s;box-shadow:0 0 4px rgba(245,158,11,.4)}
        .radio-wave:nth-child(5){left:34%;height:24px;background:linear-gradient(0deg,#ec4899,rgba(236,72,153,.3));animation-delay:.18s;box-shadow:0 0 4px rgba(236,72,153,.4)}
        .radio-wave:nth-child(6){left:41%;height:30px;background:linear-gradient(0deg,#8b5cf6,rgba(139,92,246,.3));animation-delay:.03s;box-shadow:0 0 5px rgba(139,92,246,.5)}
        .radio-wave:nth-child(7){left:48%;height:20px;background:linear-gradient(0deg,#10b981,rgba(16,185,129,.3));animation-delay:.15s;box-shadow:0 0 4px rgba(16,185,129,.4)}
        .radio-wave:nth-child(8){left:55%;height:26px;background:linear-gradient(0deg,#f43f5e,rgba(244,63,94,.3));animation-delay:.09s;box-shadow:0 0 4px rgba(244,63,94,.4)}
        .radio-wave:nth-child(9){left:62%;height:16px;background:linear-gradient(0deg,#06b6d4,rgba(6,182,212,.3));animation-delay:.21s;box-shadow:0 0 4px rgba(6,182,212,.4)}
        .radio-wave:nth-child(10){left:69%;height:34px;background:linear-gradient(0deg,#a855f7,rgba(168,85,247,.3));animation-delay:.04s;box-shadow:0 0 5px rgba(168,85,247,.5)}
        .radio-wave:nth-child(11){left:76%;height:22px;background:linear-gradient(0deg,#f59e0b,rgba(245,158,11,.3));animation-delay:.16s;box-shadow:0 0 4px rgba(245,158,11,.4)}
        .radio-wave:nth-child(12){left:83%;height:28px;background:linear-gradient(0deg,#ec4899,rgba(236,72,153,.3));animation-delay:.08s;box-shadow:0 0 4px rgba(236,72,153,.4)}
        .radio-wave:nth-child(13){left:90%;height:18px;background:linear-gradient(0deg,#8b5cf6,rgba(139,92,246,.3));animation-delay:.2s;box-shadow:0 0 4px rgba(139,92,246,.4)}

        /* ── Bouncing music notes ── */
        @keyframes radioNoteBounce{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:0}10%{opacity:.7}25%{transform:translateY(-14px) rotate(12deg) scale(1.15)}40%{transform:translateY(-4px) rotate(-5deg) scale(.95)}55%{transform:translateY(-18px) rotate(8deg) scale(1.1);opacity:.8}70%{transform:translateY(-6px) rotate(-3deg) scale(1)}85%{opacity:.4}100%{transform:translateY(-22px) rotate(15deg) scale(.8);opacity:0}}
        .radio-note{position:absolute;pointer-events:none;z-index:3;font-size:12px;animation:radioNoteBounce 2.5s ease-in-out infinite}
        .radio-note:nth-child(14){left:10%;top:30%;color:#ec4899;animation-delay:0s;font-size:14px}
        .radio-note:nth-child(15){left:82%;top:25%;color:#a855f7;animation-delay:.8s;font-size:11px}
        .radio-note:nth-child(16){left:25%;top:18%;color:#06b6d4;animation-delay:1.6s;font-size:13px}
        .radio-note:nth-child(17){left:70%;top:35%;color:#f59e0b;animation-delay:.4s;font-size:10px}
        .radio-note:nth-child(18){left:50%;top:15%;color:#10b981;animation-delay:1.2s;font-size:12px}
        .radio-note:nth-child(19){left:92%;top:20%;color:#f43f5e;animation-delay:2s;font-size:11px}

        /* ── Dancing light beams ── */
        @keyframes radioLightDance{0%{transform:translateX(-50%) scaleY(.3) rotate(-2deg);opacity:.15}25%{transform:translateX(-50%) scaleY(1) rotate(1deg);opacity:.35}50%{transform:translateX(-50%) scaleY(.5) rotate(-1deg);opacity:.2}75%{transform:translateX(-50%) scaleY(.8) rotate(2deg);opacity:.3}100%{transform:translateX(-50%) scaleY(.3) rotate(-2deg);opacity:.15}}
        .radio-light{position:absolute;bottom:0;width:8px;height:100%;pointer-events:none;border-radius:4px 4px 0 0;animation:radioLightDance .94s ease-in-out infinite;transform-origin:bottom}
        .radio-light:nth-child(20){left:15%;background:linear-gradient(0deg,transparent,rgba(236,72,153,.15),rgba(236,72,153,.05),transparent);animation-delay:0s}
        .radio-light:nth-child(21){left:35%;background:linear-gradient(0deg,transparent,rgba(168,85,247,.12),rgba(168,85,247,.04),transparent);animation-delay:.24s;width:10px}
        .radio-light:nth-child(22){left:55%;background:linear-gradient(0deg,transparent,rgba(6,182,212,.12),rgba(6,182,212,.04),transparent);animation-delay:.12s;width:6px}
        .radio-light:nth-child(23){left:75%;background:linear-gradient(0deg,transparent,rgba(245,158,11,.1),rgba(245,158,11,.03),transparent);animation-delay:.36s;width:8px}
        .radio-light:nth-child(24){left:90%;background:linear-gradient(0deg,transparent,rgba(244,63,94,.1),rgba(244,63,94,.03),transparent);animation-delay:.18s;width:7px}

        /* ── Beat flash (kick drum pulse) ── */
        @keyframes radioBeatFlash{0%,100%{opacity:0}5%{opacity:.2}10%{opacity:0}50%{opacity:0}55%{opacity:.15}60%{opacity:0}}
        .radio-card-scene .radio-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(236,72,153,.2),transparent 70%);pointer-events:none;animation:radioBeatFlash .94s ease-out infinite;z-index:1}

        .radio-dial-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.04;pointer-events:none;animation:radioFloat 6s ease-in-out infinite}
        @keyframes radioFloat{0%,100%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(2deg) scale(1.03)}}

        /* ── Title: RADIO bounces to beat ── */
        .radio-card-title{position:relative;z-index:4;text-align:center}
        .radio-card-title .radio-sm{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(236,72,153,.3),0 0 2px rgba(255,255,255,.3);-webkit-text-fill-color:#fff !important}
        .radio-card-title .radio-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(90deg,#808898,#a0a8b8,#ffffff,#e8ecf0,#ffffff,#a0a8b8,#808898) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:radioShimmer 3s linear infinite;filter:drop-shadow(0 0 5px rgba(236,72,153,.35)) drop-shadow(0 0 3px rgba(255,255,255,.4));text-shadow:none}
        @keyframes radioNameBounce{0%,100%{transform:scale(1) translateY(0);filter:drop-shadow(0 0 5px rgba(236,72,153,.4)) drop-shadow(0 0 3px rgba(255,255,255,.4))}12%{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 0 12px rgba(236,72,153,.7)) drop-shadow(0 0 6px rgba(255,255,255,.5))}25%{transform:scale(1) translateY(0)}50%{filter:drop-shadow(0 0 5px rgba(236,72,153,.4)) drop-shadow(0 0 3px rgba(255,255,255,.4))}62%{transform:scale(1.05) translateY(-1px);filter:drop-shadow(0 0 10px rgba(168,85,247,.6)) drop-shadow(0 0 5px rgba(255,255,255,.5))}75%{transform:scale(1) translateY(0)}}
        .radio-card-title .radio-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:18px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#808898,#b0b8c8,#ffffff,#ec4899,#ffffff,#b0b8c8,#808898) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:radioShimmer 4s linear infinite,radioNameBounce .94s ease-in-out infinite}
        @keyframes radioShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

        /* ── Pulsing rings (bass drops) ── */
        .radio-ring{position:absolute;border-radius:50%;pointer-events:none;animation:radioRingPulse 2.8s ease-out infinite}
        .radio-ring:nth-child(25){width:40px;height:40px;top:10%;left:8%;border:1.5px solid rgba(236,72,153,.2);box-shadow:0 0 8px rgba(236,72,153,.1)}
        .radio-ring:nth-child(26){width:30px;height:30px;top:5%;right:12%;animation-delay:1s;border:1.5px solid rgba(168,85,247,.18);box-shadow:0 0 8px rgba(168,85,247,.1)}
        .radio-ring:nth-child(27){width:22px;height:22px;bottom:25%;right:8%;animation-delay:1.8s;border:1px solid rgba(6,182,212,.15);box-shadow:0 0 6px rgba(6,182,212,.08)}
        @keyframes radioRingPulse{0%{transform:scale(.7);opacity:.5}30%{transform:scale(1.4);opacity:.15}100%{transform:scale(.7);opacity:0}}
        /* ═══ SPARKM!NDS ARCADE — Animated Card ═══ */
        .arcade-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#000a05 0%,#001a0e 30%,#00120a 60%,#000d06 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}
        .arcade-card-scene::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(57,255,20,.03) 2px,rgba(57,255,20,.03) 4px);pointer-events:none;animation:arcScanDrift 8s linear infinite}
        .arcade-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(57,255,20,.12) 0%,rgba(0,255,136,.06) 35%,transparent 70%);animation:arcGlowPulse 3s ease-in-out infinite;pointer-events:none}
        @keyframes arcScanDrift{0%{background-position:0 0}100%{background-position:0 120px}}
        @keyframes arcGlowPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
        @keyframes arcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
        @keyframes arcPixelRain{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}80%{opacity:.6}100%{transform:translateY(80px);opacity:0}}
        @keyframes arcNeonFlicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.7}97%{opacity:1}}
        @keyframes arcTextGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(57,255,20,.4))}50%{filter:drop-shadow(0 0 8px rgba(57,255,20,.8)) drop-shadow(0 0 16px rgba(0,255,136,.3))}}
        @keyframes arcControllerBob{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}}
        .arc-pixel{position:absolute;width:2px;height:2px;background:#39ff14;border-radius:0;opacity:0;animation:arcPixelRain 4s linear infinite}
        .arc-pixel:nth-child(1){left:15%;animation-delay:0s;animation-duration:3.2s}
        .arc-pixel:nth-child(2){left:35%;animation-delay:.8s;animation-duration:2.8s;background:#00ff88}
        .arc-pixel:nth-child(3){left:55%;animation-delay:1.6s;animation-duration:3.5s}
        .arc-pixel:nth-child(4){left:75%;animation-delay:.4s;animation-duration:3s;background:#7fff00}
        .arc-pixel:nth-child(5){left:88%;animation-delay:2s;animation-duration:2.6s;background:#00ff88}
        .arc-pixel:nth-child(6){left:8%;animation-delay:1.2s;animation-duration:3.8s}
        .arc-pixel:nth-child(7){left:48%;animation-delay:2.4s;animation-duration:2.4s;background:#7fff00}
        .arc-pixel:nth-child(8){left:68%;animation-delay:.2s;animation-duration:3.3s}
        .arc-controller-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.08;animation:arcControllerBob 6s ease-in-out infinite;pointer-events:none}
        .arc-card-title{position:relative;z-index:2;text-align:center;animation:arcFloat 4s ease-in-out infinite}
        .arc-card-title .arc-spark{font-size:13px;font-weight:900;letter-spacing:1px;color:#fff;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 6px rgba(255,255,255,.12)}
        .arc-card-title .arc-minds{font-size:13px;font-weight:900;letter-spacing:1px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#10b981,#34d399,#059669,#10b981,#6ee7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:arcShimmer 3s linear infinite}
        .arc-card-title .arc-name{display:inline-block;font-family:'Press Start 2P','VT323',monospace;font-size:15px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#39ff14,#00ff88,#39ff14,#7fff00,#39ff14);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:arcShimmer 4s linear infinite,arcNeonFlicker 6s ease-in-out infinite,arcTextGlow 3s ease-in-out infinite}
        @keyframes arcShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        .arc-corner{position:absolute;width:8px;height:8px;border:1px solid rgba(57,255,20,.35);pointer-events:none}
        .arc-corner.tl{top:4px;left:4px;border-right:none;border-bottom:none}
        .arc-corner.tr{top:4px;right:4px;border-left:none;border-bottom:none}
        .arc-corner.bl{bottom:4px;left:4px;border-right:none;border-top:none}
        .arc-corner.br{bottom:4px;right:4px;border-left:none;border-top:none}
        .arc-bar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,#39ff14,transparent);border-radius:1px;opacity:.5;animation:arcGlowPulse 2s ease-in-out infinite}
        /* ═══ SPARK AI — Golden God Neural Network Card ═══ */
        .sai-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0a0800 0%,#1a1005 25%,#120c02 50%,#0d0900 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}

        /* ── Divine golden nebula background ── */
        .sai-card-scene::before{content:'';position:absolute;inset:0;background:
          radial-gradient(ellipse 50% 50% at 30% 30%,rgba(245,197,66,.1) 0%,transparent 70%),
          radial-gradient(ellipse 40% 45% at 70% 65%,rgba(212,165,32,.08) 0%,transparent 70%);
        animation:saiNebulaShift 10s ease-in-out infinite;pointer-events:none}
        .sai-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,215,0,.1) 0%,rgba(212,165,32,.06) 30%,transparent 65%);animation:saiCorePulse 3s ease-in-out infinite;pointer-events:none}

        @keyframes saiNebulaShift{
          0%{transform:translate(0,0) scale(1)}
          33%{transform:translate(4%,-5%) scale(1.04)}
          66%{transform:translate(-3%,4%) scale(.97)}
          100%{transform:translate(0,0) scale(1)}
        }
        @keyframes saiCorePulse{0%,100%{opacity:.4}50%{opacity:.9}}

        /* ── Neural network SVG (connections + nodes) ── */
        .sai-neural-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

        /* ── Synaptic flashes ── */
        .sai-synapse{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none;z-index:2;animation:saiSynapseFlash 3s ease-in-out infinite}
        .sai-synapse:nth-child(2){top:18%;left:22%;background:#ffd700;box-shadow:0 0 6px #ffd700,0 0 12px rgba(255,215,0,.3);animation-delay:0s}
        .sai-synapse:nth-child(3){top:12%;right:18%;background:#f5c542;box-shadow:0 0 6px #f5c542,0 0 12px rgba(245,197,66,.3);animation-delay:1s;width:2px;height:2px}
        .sai-synapse:nth-child(4){bottom:22%;left:16%;background:#e8a800;box-shadow:0 0 6px #e8a800,0 0 12px rgba(232,168,0,.3);animation-delay:2s;width:2px;height:2px}
        .sai-synapse:nth-child(5){bottom:16%;right:20%;background:#fff2a0;box-shadow:0 0 5px #fff2a0,0 0 10px rgba(255,242,160,.3);animation-delay:.5s;width:2.5px;height:2.5px}
        .sai-synapse:nth-child(6){top:35%;left:10%;background:#d4a520;box-shadow:0 0 4px #d4a520;animation-delay:1.5s;width:1.5px;height:1.5px}
        .sai-synapse:nth-child(7){top:30%;right:12%;background:#ffe066;box-shadow:0 0 4px #ffe066;animation-delay:2.5s;width:1.5px;height:1.5px}
        @keyframes saiSynapseFlash{
          0%,70%,100%{opacity:.15;transform:scale(1)}
          75%{opacity:1;transform:scale(2)}
          80%{opacity:.2;transform:scale(1)}
          85%{opacity:.9;transform:scale(1.8)}
          90%{opacity:.1;transform:scale(1)}
        }

        /* ── Data stream particles (vertical falling) ── */
        .sai-data{position:absolute;width:1px;pointer-events:none;z-index:2;opacity:.3;animation:saiDataFall linear infinite}
        .sai-data:nth-child(8){left:15%;top:-10%;height:8px;background:linear-gradient(180deg,transparent,#ffd700);animation-duration:3s;animation-delay:0s}
        .sai-data:nth-child(9){left:35%;top:-15%;height:6px;background:linear-gradient(180deg,transparent,#f5c542);animation-duration:4s;animation-delay:1s}
        .sai-data:nth-child(10){left:65%;top:-8%;height:10px;background:linear-gradient(180deg,transparent,#e8a800);animation-duration:3.5s;animation-delay:.5s}
        .sai-data:nth-child(11){left:82%;top:-12%;height:5px;background:linear-gradient(180deg,transparent,#fff2a0);animation-duration:4.5s;animation-delay:2s}
        .sai-data:nth-child(12){left:50%;top:-10%;height:7px;background:linear-gradient(180deg,transparent,#d4a520);animation-duration:3.8s;animation-delay:1.5s}
        @keyframes saiDataFall{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.3}100%{transform:translateY(calc(100% + 120px));opacity:0}}

        /* ── AI Eye (centered, enhanced) ── */
        .sai-eye{width:36px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#1a1000,#0c0800);border:1.5px solid rgba(255,215,0,.5);position:relative;overflow:hidden;box-shadow:0 0 14px rgba(255,215,0,.35),0 0 28px rgba(245,197,66,.15),inset 0 0 8px rgba(212,165,32,.2);animation:saiEyePulse 2.5s ease-in-out infinite;z-index:5}
        .sai-iris{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#fff8dc,#ffd700,#d4a520);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(255,215,0,.7);animation:saiEyeLook 8s ease-in-out infinite}
        .sai-pupil{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#000 55%,#1a1000);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
        .sai-pupil::after{content:'';position:absolute;top:1px;left:1.5px;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.8)}
        @keyframes saiEyePulse{0%,100%{transform:scale(1);box-shadow:0 0 14px rgba(255,215,0,.35),0 0 28px rgba(245,197,66,.15)}50%{transform:scale(1.06);box-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(245,197,66,.25)}}
        @keyframes saiEyeLook{0%,100%{transform:translate(-50%,-50%)}12%{transform:translate(-38%,-50%)}28%{transform:translate(-50%,-42%)}45%{transform:translate(-58%,-50%)}62%{transform:translate(-50%,-56%)}78%{transform:translate(-44%,-48%)}}

        /* ── Orbit ring (golden) ── */
        .sai-orbit{position:absolute;top:50%;left:50%;width:65%;height:65%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid transparent;background:conic-gradient(from 0deg,rgba(255,215,0,.14),transparent 30%,rgba(245,197,66,.1) 50%,transparent 70%,rgba(255,215,0,.14)) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;z-index:1;animation:saiOrbitSpin 10s linear infinite;opacity:.4}
        @keyframes saiOrbitSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}

        /* ── Title (golden god) ── */
        .sai-card-title{position:relative;z-index:10;text-align:center;margin-bottom:4px}
        .sai-card-title .sai-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 12px rgba(255,215,0,.6),0 0 4px rgba(255,255,255,.4),0 0 20px rgba(139,92,246,.3);-webkit-text-fill-color:#fff !important}
        .sai-card-title .sai-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#c4b5fd,#a78bfa,#e0d4ff,#8b5cf6,#c4b5fd,#ddd6fe) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:saiShimmer 3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 6px rgba(139,92,246,.6)) drop-shadow(0 0 3px rgba(255,255,255,.4))}
        .sai-card-title .sai-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#ffd700,#a78bfa,#e0d4ff,#ffd700,#8b5cf6,#ffe066) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:saiShimmer 4s linear infinite;filter:drop-shadow(0 0 6px rgba(255,215,0,.4)) drop-shadow(0 0 4px rgba(139,92,246,.4))}
        @keyframes saiShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        /* ═══ SPARKM!NDS CONDUCTOR — Epic Animated Card ═══ */
        .cond-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#020208 0%,#08061a 25%,#0c0818 50%,#06040e 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}

        /* ── Lava lamp blobs ── */
        .cond-card-scene::before{content:'';position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:
          radial-gradient(ellipse 35% 40% at 25% 70%,rgba(245,197,66,.12) 0%,transparent 70%),
          radial-gradient(ellipse 30% 35% at 75% 25%,rgba(99,102,241,.1) 0%,transparent 70%),
          radial-gradient(ellipse 25% 30% at 50% 50%,rgba(139,92,246,.08) 0%,transparent 70%);
        animation:condLava 12s ease-in-out infinite;pointer-events:none}

        /* ── Electric field glow ── */
        .cond-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(245,197,66,.08) 0%,rgba(99,102,241,.04) 30%,transparent 65%);animation:condFieldPulse 3s ease-in-out infinite;pointer-events:none}

        @keyframes condLava{
          0%{transform:translate(0,0) scale(1) rotate(0deg)}
          25%{transform:translate(5%,-8%) scale(1.05) rotate(3deg)}
          50%{transform:translate(-3%,5%) scale(.95) rotate(-2deg)}
          75%{transform:translate(8%,3%) scale(1.08) rotate(4deg)}
          100%{transform:translate(0,0) scale(1) rotate(0deg)}
        }
        @keyframes condFieldPulse{0%,100%{opacity:.4}50%{opacity:.9}}

        /* ── Lightning bolt SVGs ── */
        .cond-bolt{position:absolute;pointer-events:none;z-index:2;opacity:0;animation:condBoltFlash 4s ease-in-out infinite}
        .cond-bolt:nth-child(1){top:5%;left:6%;width:18px;height:32px;animation-delay:0s}
        .cond-bolt:nth-child(2){top:8%;right:8%;width:14px;height:26px;animation-delay:1.8s;transform:scaleX(-1)}
        .cond-bolt:nth-child(3){bottom:12%;left:12%;width:12px;height:22px;animation-delay:3.2s}
        @keyframes condBoltFlash{
          0%,85%,100%{opacity:0}
          88%{opacity:.8}
          90%{opacity:.1}
          92%{opacity:.9}
          95%{opacity:0}
        }

        /* ── Electricity arcs ── */
        .cond-arc{position:absolute;pointer-events:none;z-index:2}
        .cond-arc:nth-child(4){top:15%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(245,197,66,.5) 20%,rgba(99,102,241,.6) 50%,rgba(245,197,66,.5) 80%,transparent 100%);animation:condArcSlide 3s ease-in-out infinite;opacity:.25;filter:blur(.5px)}
        .cond-arc:nth-child(5){bottom:20%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.4) 30%,rgba(245,197,66,.5) 60%,transparent 100%);animation:condArcSlide 4s ease-in-out infinite;animation-delay:1.5s;opacity:.2;filter:blur(.5px)}
        @keyframes condArcSlide{
          0%{transform:scaleX(0);transform-origin:left}
          30%{transform:scaleX(1);transform-origin:left}
          50%{transform:scaleX(1);transform-origin:right}
          80%{transform:scaleX(0);transform-origin:right}
          100%{transform:scaleX(0);transform-origin:right}
        }

        /* ── Spark particles (tiny electric sparks) ── */
        .cond-spark-p{position:absolute;width:2px;height:2px;border-radius:50%;pointer-events:none;z-index:2;animation:condSparkFloat 5s ease-in-out infinite}
        .cond-spark-p:nth-child(6){top:20%;left:15%;background:#f5c542;box-shadow:0 0 4px #f5c542;animation-delay:0s}
        .cond-spark-p:nth-child(7){top:12%;right:20%;background:#6366f1;box-shadow:0 0 4px #6366f1;animation-delay:1s}
        .cond-spark-p:nth-child(8){bottom:25%;left:20%;background:#8b5cf6;box-shadow:0 0 4px #8b5cf6;animation-delay:2s;width:1.5px;height:1.5px}
        .cond-spark-p:nth-child(9){bottom:15%;right:15%;background:#ffd700;box-shadow:0 0 4px #ffd700;animation-delay:3s;width:1.5px;height:1.5px}
        .cond-spark-p:nth-child(10){top:30%;left:80%;background:#f5c542;box-shadow:0 0 3px #f5c542;animation-delay:.5s;width:1px;height:1px}
        @keyframes condSparkFloat{
          0%{transform:translateY(0) scale(1);opacity:.3}
          25%{transform:translateY(-6px) scale(1.4);opacity:.8}
          50%{transform:translateY(-2px) scale(.8);opacity:.2}
          75%{transform:translateY(-8px) scale(1.6);opacity:.9}
          100%{transform:translateY(0) scale(1);opacity:.3}
        }

        /* ── Energy ring (rotating) ── */
        .cond-energy-ring{position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid transparent;background:conic-gradient(from 0deg,rgba(245,197,66,.15),transparent 25%,rgba(99,102,241,.1) 50%,transparent 75%,rgba(245,197,66,.15)) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;z-index:1;animation:condRingSpin 8s linear infinite;opacity:.3}
        @keyframes condRingSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}

        /* ── Bottom EQ bars (subtle) ── */
        @keyframes condBarBounce{0%,100%{transform:scaleY(.3)}20%{transform:scaleY(1)}40%{transform:scaleY(.5)}60%{transform:scaleY(.8)}80%{transform:scaleY(.4)}}
        .cond-bar{position:absolute;bottom:3px;width:2px;border-radius:1px;transform-origin:bottom;animation:condBarBounce 2.5s ease-in-out infinite;opacity:.25;z-index:1}
        .cond-bar:nth-child(12){left:6%;height:10px;background:linear-gradient(0deg,#f5c542,transparent);animation-delay:0s}
        .cond-bar:nth-child(13){left:12%;height:8px;background:linear-gradient(0deg,#6366f1,transparent);animation-delay:.2s}
        .cond-bar:nth-child(14){left:18%;height:12px;background:linear-gradient(0deg,#f5c542,transparent);animation-delay:.1s}
        .cond-bar:nth-child(15){right:18%;height:11px;background:linear-gradient(0deg,#8b5cf6,transparent);animation-delay:.35s}
        .cond-bar:nth-child(16){right:12%;height:9px;background:linear-gradient(0deg,#ffd700,transparent);animation-delay:.15s}
        .cond-bar:nth-child(17){right:6%;height:7px;background:linear-gradient(0deg,#6366f1,transparent);animation-delay:.25s}

        /* ── Title ── */
        .cond-card-title{position:relative;z-index:10;text-align:center}
        .cond-card-title .cond-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 10px rgba(245,197,66,.5),0 0 3px rgba(255,255,255,.4);-webkit-text-fill-color:#fff !important}
        .cond-card-title .cond-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#ffd700,#f5c542,#ffe066,#e8a800,#ffd700,#fff2a0) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:condShimmer 3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 6px rgba(245,197,66,.6))}
        .cond-card-title .cond-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#808898,#b0b8c8,#ffd700,#ffffff,#ffd700,#b0b8c8,#808898) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:condShimmer 4s linear infinite;filter:drop-shadow(0 0 6px rgba(245,197,66,.5)) drop-shadow(0 0 3px rgba(255,255,255,.4))}
        @keyframes condShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
        /* ═══ PROJECTS — Blueprint Animated Card ═══ */
        .proj-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#020a12 0%,#071825 25%,#051220 50%,#030c16 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .presents-card.projects .presents-thumb::after{display:none !important}

        /* ── Blueprint grid ── */
        .proj-card-scene::before{content:'';position:absolute;inset:0;background:
          linear-gradient(rgba(120,220,255,.04) 1px,transparent 1px),
          linear-gradient(90deg,rgba(120,220,255,.04) 1px,transparent 1px);
        background-size:14px 14px;pointer-events:none;animation:projGridShift 20s linear infinite}
        .proj-card-scene::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(120,220,255,.08) 0%,rgba(56,189,248,.04) 30%,transparent 65%);animation:projGlow 4s ease-in-out infinite;pointer-events:none}
        @keyframes projGridShift{0%{background-position:0 0}100%{background-position:14px 14px}}
        @keyframes projGlow{0%,100%{opacity:.4}50%{opacity:.9}}

        /* ── Floating hex nodes ── */
        .proj-hex{position:absolute;pointer-events:none;z-index:2;opacity:0;animation:projHexFloat 6s ease-in-out infinite}
        .proj-hex:nth-child(1){top:12%;left:15%;animation-delay:0s}
        .proj-hex:nth-child(2){top:8%;right:18%;animation-delay:2s}
        .proj-hex:nth-child(3){bottom:15%;left:20%;animation-delay:4s}
        .proj-hex:nth-child(4){bottom:10%;right:14%;animation-delay:1s}
        @keyframes projHexFloat{
          0%{opacity:0;transform:translateY(4px) scale(.8)}
          30%{opacity:.5;transform:translateY(-2px) scale(1)}
          60%{opacity:.3;transform:translateY(0) scale(.95)}
          100%{opacity:0;transform:translateY(4px) scale(.8)}
        }

        /* ── Connection lines ── */
        .proj-conn{position:absolute;height:1px;pointer-events:none;z-index:1;animation:projConnPulse 4s ease-in-out infinite}
        .proj-conn:nth-child(5){top:20%;left:10%;width:35%;background:linear-gradient(90deg,transparent,rgba(120,220,255,.2),transparent);transform:rotate(12deg);animation-delay:0s}
        .proj-conn:nth-child(6){bottom:22%;right:8%;width:30%;background:linear-gradient(90deg,transparent,rgba(56,189,248,.15),transparent);transform:rotate(-8deg);animation-delay:2s}
        @keyframes projConnPulse{0%,100%{opacity:0}50%{opacity:1}}

        /* ── Scan line ── */
        .proj-scan{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(120,220,255,.3),rgba(56,189,248,.5),rgba(120,220,255,.3),transparent);pointer-events:none;z-index:2;animation:projScanMove 5s ease-in-out infinite;opacity:.4}
        @keyframes projScanMove{0%{top:5%;opacity:0}10%{opacity:.5}90%{opacity:.4}100%{top:90%;opacity:0}}

        /* ── Title ── */
        .proj-card-title{position:relative;z-index:10;text-align:center}
        .proj-card-title .proj-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 10px rgba(120,220,255,.4),0 0 3px rgba(255,255,255,.3);-webkit-text-fill-color:#fff !important}
        .proj-card-title .proj-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#7dd3fc,#38bdf8,#bae6fd,#0ea5e9,#7dd3fc,#e0f2fe) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:projShimmer 3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 4px rgba(56,189,248,.5))}
        .proj-card-title .proj-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#e0f2fe,#bae6fd,#7dd3fc,#fff,#7dd3fc,#bae6fd,#e0f2fe) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:projShimmer 5s linear infinite;filter:drop-shadow(0 0 5px rgba(120,220,255,.4));text-shadow:none}
        @keyframes projShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

        /* ═══ SOUNDCLOUD — Audio Waveform Animated Card ═══ */
        .sc-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0c0400 0%,#1a0a02 25%,#120600 50%,#0a0300 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        /* Warm ambient glow */
        .sc-card-scene::before{content:'';position:absolute;inset:0;background:
          radial-gradient(ellipse 60% 50% at 50% 60%,rgba(255,85,0,.06) 0%,transparent 70%),
          radial-gradient(ellipse 40% 40% at 25% 35%,rgba(255,140,50,.04) 0%,transparent 65%),
          radial-gradient(ellipse 35% 35% at 75% 30%,rgba(255,100,20,.03) 0%,transparent 60%);
        animation:scAmbient 6s ease-in-out infinite;pointer-events:none}
        @keyframes scAmbient{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
        /* Sound wave ripples */
        .sc-card-scene::after{content:'';position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,85,0,.08);animation:scRipple 3s ease-out infinite;pointer-events:none}
        @keyframes scRipple{0%{width:20px;height:20px;opacity:.5;border-width:1.5px}100%{width:120px;height:120px;opacity:0;border-width:.5px}}
        .sc-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,120,40,.06);pointer-events:none;animation:scRipple 3s ease-out infinite}
        .sc-ripple:nth-child(1){animation-delay:.8s}
        .sc-ripple:nth-child(2){animation-delay:1.6s}
        .sc-ripple:nth-child(3){animation-delay:2.4s}
        /* Waveform bars */
        .sc-wave{position:absolute;bottom:18%;display:flex;align-items:flex-end;gap:2px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none}
        .sc-bar{width:2px;border-radius:1px;background:linear-gradient(180deg,rgba(255,85,0,.7),rgba(255,140,50,.4));animation:scBarPulse 1.2s ease-in-out infinite}
        .sc-bar:nth-child(1){height:6px;animation-delay:0s}
        .sc-bar:nth-child(2){height:12px;animation-delay:.1s}
        .sc-bar:nth-child(3){height:18px;animation-delay:.15s}
        .sc-bar:nth-child(4){height:10px;animation-delay:.25s}
        .sc-bar:nth-child(5){height:22px;animation-delay:.05s}
        .sc-bar:nth-child(6){height:14px;animation-delay:.2s}
        .sc-bar:nth-child(7){height:8px;animation-delay:.3s}
        .sc-bar:nth-child(8){height:16px;animation-delay:.12s}
        .sc-bar:nth-child(9){height:20px;animation-delay:.08s}
        .sc-bar:nth-child(10){height:11px;animation-delay:.22s}
        .sc-bar:nth-child(11){height:7px;animation-delay:.18s}
        .sc-bar:nth-child(12){height:15px;animation-delay:.28s}
        .sc-bar:nth-child(13){height:19px;animation-delay:.06s}
        .sc-bar:nth-child(14){height:9px;animation-delay:.16s}
        .sc-bar:nth-child(15){height:13px;animation-delay:.24s}
        @keyframes scBarPulse{0%,100%{transform:scaleY(1);opacity:.6}50%{transform:scaleY(1.6);opacity:1}}
        /* Cloud silhouette */
        .sc-cloud{position:absolute;top:18%;left:50%;transform:translateX(-50%);opacity:.06;pointer-events:none;animation:scCloudFloat 8s ease-in-out infinite}
        @keyframes scCloudFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}
        /* Floating particles */
        .sc-particle{position:absolute;width:1.5px;height:1.5px;background:#ff5500;border-radius:50%;opacity:0;pointer-events:none;animation:scFloat 4s ease-in-out infinite}
        .sc-particle:nth-child(1){left:20%;bottom:25%;animation-delay:0s}
        .sc-particle:nth-child(2){left:40%;bottom:30%;animation-delay:.6s}
        .sc-particle:nth-child(3){left:60%;bottom:20%;animation-delay:1.2s}
        .sc-particle:nth-child(4){left:75%;bottom:28%;animation-delay:1.8s}
        .sc-particle:nth-child(5){left:35%;bottom:35%;animation-delay:2.4s}
        @keyframes scFloat{0%{transform:translateY(0);opacity:0}20%{opacity:.5}50%{transform:translateY(-20px);opacity:.7}80%{opacity:.3}100%{transform:translateY(-35px);opacity:0}}
        /* Title */
        .sc-card-title{position:relative;z-index:10;text-align:center}
        .sc-card-title .sc-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 8px rgba(255,85,0,.3),0 0 2px rgba(255,255,255,.2);-webkit-text-fill-color:#fff !important}
        .sc-card-title .sc-mns{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(90deg,#808898,#a0a8b8,#ffffff,#e8ecf0,#ffffff,#a0a8b8,#808898) !important;background-size:400% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:scShimmer 3s linear infinite;filter:drop-shadow(0 0 5px rgba(255,85,0,.3)) drop-shadow(0 0 3px rgba(255,255,255,.4));text-shadow:none}
        @keyframes scShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

        /* ═══ SPARK-JAM — orange scene + opalescent name (COMING SOON) ═══ */
        .presents-card.sparkjam{border-color:rgba(255,140,60,.32) !important}
        .presents-card.sparkjam:hover{border-color:rgba(255,140,60,.62) !important;box-shadow:0 12px 42px -12px rgba(255,120,40,.5) !important;transform:translateY(-3px)}
        .presents-card.sparkjam .presents-thumb::after{display:none !important}
        .presents-card.sparkjam .presents-icon{color:#ff9a4a}
        .jam-card-scene{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0a0402 0%,#1c0d03 28%,#180a04 55%,#0b0502 100%) !important;overflow:hidden;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column;z-index:1}
        .jam-card-scene::before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 42%,rgba(255,140,40,.16),rgba(255,90,30,.05) 35%,transparent 66%);animation:condFieldPulse 3s ease-in-out infinite;pointer-events:none}
        .jam-p{position:absolute;width:2px;height:2px;border-radius:50%;pointer-events:none;z-index:2;animation:condSparkFloat 5s ease-in-out infinite}
        .jam-p:nth-child(1){top:20%;left:16%;background:#ff9a4a;box-shadow:0 0 4px #ff9a4a;animation-delay:0s}
        .jam-p:nth-child(2){top:14%;right:20%;background:#ffd36e;box-shadow:0 0 4px #ffd36e;animation-delay:1s}
        .jam-p:nth-child(3){bottom:32%;left:22%;background:#ff6ec4;box-shadow:0 0 4px #ff6ec4;animation-delay:2s;width:1.5px;height:1.5px}
        .jam-p:nth-child(4){bottom:24%;right:18%;background:#8affc8;box-shadow:0 0 4px #8affc8;animation-delay:3s;width:1.5px;height:1.5px}
        .jam-p:nth-child(5){top:32%;right:34%;background:#6ea8ff;box-shadow:0 0 3px #6ea8ff;animation-delay:.5s;width:1px;height:1px}
        .jam-p:nth-child(6){top:26%;left:42%;background:#ff7a3c;box-shadow:0 0 3px #ff7a3c;animation-delay:1.5s;width:1px;height:1px}
        .jam-eq{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:flex;gap:3px;align-items:flex-end;height:20px;z-index:2;opacity:.8}
        .jam-eq i{width:3px;border-radius:2px;background:linear-gradient(180deg,#ffd36e,#ff7a3c);animation:jamEq 1.1s ease-in-out infinite}
        .jam-eq i:nth-child(2){animation-delay:.14s}.jam-eq i:nth-child(3){animation-delay:.28s}.jam-eq i:nth-child(4){animation-delay:.42s}.jam-eq i:nth-child(5){animation-delay:.56s}.jam-eq i:nth-child(6){animation-delay:.7s}
        @keyframes jamEq{0%,100%{height:4px}50%{height:20px}}
        .jam-soon{position:absolute;top:8px;right:8px;z-index:5;font-family:'Orbitron',system-ui,sans-serif;font-size:6.5px;font-weight:800;letter-spacing:.14em;color:#ffb066;border:1px solid rgba(255,150,70,.55);border-radius:999px;padding:3px 6px;background:rgba(22,9,2,.72);box-shadow:0 0 10px -3px rgba(255,140,60,.6);animation:jamSoonPulse 2s ease-in-out infinite}
        @keyframes jamSoonPulse{0%,100%{opacity:.7}50%{opacity:1}}
        .jam-card-title{position:relative;z-index:4;text-align:center;line-height:1.15}
        .jam-spark{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff !important;font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 10px rgba(255,140,60,.5),0 0 3px rgba(255,255,255,.4);-webkit-text-fill-color:#fff !important}
        .jam-minds{font-size:11px;font-weight:900;letter-spacing:2px;font-family:'Orbitron',system-ui,sans-serif;background:linear-gradient(135deg,#ffd700,#f5c542,#ffe066,#e8a800,#ffd700,#fff2a0) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;animation:condShimmer 3s linear infinite;filter:drop-shadow(0 0 6px rgba(245,197,66,.5))}
        .jam-name{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:16px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#ff7a3c,#ffd36e,#8affc8,#6ea8ff,#c86eff,#ff6ec4,#ff7a3c) !important;background-size:300% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent;animation:jamOpal 5s linear infinite;filter:drop-shadow(0 0 7px rgba(255,140,60,.55)) drop-shadow(0 0 3px rgba(140,200,255,.4))}
        @keyframes jamOpal{to{background-position:300% 50%}}

        /* ═══ SPARK-JAM coming-soon popup ═══ */
        .jam-soon-pop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;font-family:'Space Grotesk','Inter',system-ui,sans-serif}
        .jam-soon-pop.open{opacity:1;visibility:visible}
        .jsp-backdrop{position:absolute;inset:0;background:rgba(4,3,7,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
        .jsp-card{position:relative;z-index:1;width:min(400px,90vw);padding:34px 28px 26px;text-align:center;border-radius:20px;border:1px solid rgba(255,140,60,.3);background:linear-gradient(180deg,rgba(20,11,5,.98),rgba(10,6,3,.99));box-shadow:0 30px 90px -30px rgba(0,0,0,.85),0 0 40px -18px rgba(255,140,60,.5);transform:translateY(10px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
        .jam-soon-pop.open .jsp-card{transform:none}
        .jsp-eyebrow{font-family:'Orbitron',system-ui,sans-serif;font-size:9px;letter-spacing:.3em;color:#ffb066;text-transform:uppercase;margin-bottom:10px}
        .jsp-title{font-family:'Orbitron',system-ui,sans-serif;font-weight:900;font-size:30px;letter-spacing:.03em;margin-bottom:10px}
        .jsp-title .jam-spark{font-size:30px}
        .jsp-title .jam-name{font-size:30px}
        .jsp-sub{color:#c9cdd6;font-size:13.5px;line-height:1.55;margin-bottom:16px}
        .jsp-tag{display:inline-block;font-family:'Orbitron',system-ui,sans-serif;font-size:9px;letter-spacing:.28em;color:#ffb066;border:1px solid rgba(255,150,70,.5);border-radius:999px;padding:7px 14px;margin-bottom:22px;text-transform:uppercase}
        .jsp-ok{display:block;width:100%;padding:13px;border:none;border-radius:12px;cursor:pointer;font-family:'Orbitron',system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1a0d02;background:linear-gradient(135deg,#ffd36e,#ff8a3c);transition:.2s}
        .jsp-ok:hover{filter:brightness(1.08);transform:translateY(-1px)}