/* 0AIM_ FLIP CARDS / v4 — front/back trading cards with their own external CTA.
   Existing brand color and backgrounds stay intact. */
.social-flip-back {display:none}
.social-flip-toggle {display:none}
.social-flip-rotor {width:100%;height:100%}
.social-flip-front{display:flex;flex-direction:column;min-height:100%}
.social-flip-actions{display:flex;align-items:center;gap:14px;margin-top:auto;width:100%;border-top:1px solid rgba(255,255,255,.25);padding-top:13px}
.social-flip-actions .social-link{border:0!important;padding:11px 2px!important;margin:0!important;flex:1 1 auto;justify-content:space-between;display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}
.social-flip-actions .social-link:hover,.social-flip-actions .social-link:focus-visible{color:#fff;text-shadow:0 0 13px var(--card-glow);outline-offset:3px}
.social-carousel.is-ready .social-flip-toggle{display:inline-flex}
.social-flip-toggle,.social-unflip-toggle{appearance:none;border:1px solid rgba(255,255,255,.29);background:rgba(8,11,25,.7);color:#fff;cursor:pointer;align-items:center;justify-content:center;gap:8px;font:800 11px var(--font-display);letter-spacing:.55px;padding:12px 13px;border-radius:7px;line-height:1.2;transition:background .22s,box-shadow .22s,border-color .22s,transform .22s;white-space:nowrap}
.social-flip-toggle span[aria-hidden],.social-unflip-toggle span[aria-hidden]{font-size:18px;color:var(--card-glow);line-height:0}
.social-flip-toggle:hover,.social-unflip-toggle:hover,.social-flip-toggle:focus-visible,.social-unflip-toggle:focus-visible{background:rgba(21,27,45,.93);border-color:var(--card-glow);box-shadow:0 0 22px color-mix(in srgb,var(--card-glow),transparent 68%);outline-offset:3px;transform:translateY(-2px)}
.social-carousel.is-ready .social-flip-card{padding:0!important;display:block;min-height:0!important;height:540px;overflow:visible;border-radius:19px;perspective:1400px;isolation:isolate}
.social-carousel.is-ready .social-flip-rotor{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,.68,.14,1)}
.social-carousel.is-ready .social-flip-card.is-flipped .social-flip-rotor{transform:rotateY(180deg)}
.social-carousel.is-ready .social-flip-face{position:absolute;inset:0;width:100%;height:100%;padding:24px 30px 24px;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:17px;transform-style:preserve-3d;scrollbar-width:thin;scrollbar-color:#606275 transparent}
.social-carousel.is-ready .social-flip-front{background:linear-gradient(115deg,rgba(7,9,20,.26),rgba(12,12,25,.04))}
.social-carousel.is-ready .social-flip-back{display:flex;transform:rotateY(180deg);background:radial-gradient(ellipse 75% 58% at 95% 2%,color-mix(in srgb,var(--card-glow),transparent 82%),transparent 100%),linear-gradient(150deg,rgba(17,23,41,.98),rgba(10,13,27,.98) 70%);border:1px solid color-mix(in srgb,var(--card-glow),transparent 60%)}
.social-carousel.is-ready .social-flip-card .collectible-description{margin:12px 0}
.social-carousel.is-ready .social-flip-card .collectible-traits{margin-top:12px;padding-bottom:12px}
.social-carousel.is-ready .social-flip-card .social-icon{margin:10px 0 10px}
.social-carousel.is-ready .social-flip-card .social-number{margin-top:12px}
.social-carousel.is-ready .social-flip-card .social-handle{margin-bottom:0}
.social-carousel.is-ready .social-flip-card::after{border-radius:0 0 18px 18px;z-index:4;pointer-events:none}
.social-carousel.is-ready .social-flip-card:hover{transform:translateY(-3px);box-shadow:0 34px 80px rgba(0,0,0,.62),0 0 35px color-mix(in srgb,var(--card-glow),transparent 80%),inset 0 0 0 1px rgba(255,255,255,.12)}
/* Back layout: holographic details and a dedicated profile summary. */
.social-back-overline{font:800 10px var(--font-display);letter-spacing:2.1px;color:var(--card-glow);border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:13px}
.social-back-mark{position:absolute;right:28px;top:50px;font-size:90px;line-height:1;color:color-mix(in srgb,var(--card-glow),transparent 85%);pointer-events:none}
.social-back-label{margin-top:22px;color:#b0c3db;font:800 10px var(--font-display);letter-spacing:2px}
.social-carousel.is-ready .social-flip-card .social-back-heading{margin:8px 0 8px;font:800 clamp(26px,4.2vw,34px)/1.06 var(--font-display);color:#fff;text-shadow:0 0 28px color-mix(in srgb,var(--card-glow),transparent 75%);letter-spacing:-.5px}
.social-back-lead{font:700 18px/1.26 var(--font-body);color:color-mix(in srgb,var(--card-glow),#fff 35%);margin:0 0 10px}
.social-back-copy{font:500 16px/1.42 var(--font-body);color:#d8deed;margin:0 0 13px;max-width:480px}
.social-back-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.social-back-list li{font:650 14px/1.25 var(--font-body);color:#eff5ff;display:flex;align-items:flex-start;gap:10px}
.social-back-list li::before{content:'✦';color:var(--card-glow);font-size:14px;flex:none}
.social-back-actions{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}
.social-back-open{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid color-mix(in srgb,var(--card-glow),transparent 16%);border-radius:6px;background:linear-gradient(110deg,color-mix(in srgb,var(--card-glow),#0a1122 25%),color-mix(in srgb,var(--card-glow),#0a1122 60%));text-decoration:none;font:800 12px var(--font-display);letter-spacing:.75px;color:#fff;transition:filter .2s,box-shadow .2s}
.social-back-open:hover,.social-back-open:focus-visible{filter:brightness(1.18);box-shadow:0 0 22px color-mix(in srgb,var(--card-glow),transparent 68%);outline-offset:2px}
.social-back-actions .social-unflip-toggle{min-height:44px}
.social-carousel.is-ready .social-flip-card.social-card--pending .social-back-open,.social-carousel.is-ready .social-flip-card.social-card--pending .social-link{opacity:.5;pointer-events:none}
@media(max-width:600px){
 .social-carousel.is-ready .social-flip-card{height:555px;border-radius:16px}
 .social-carousel.is-ready .social-flip-face{padding:20px 20px 21px;border-radius:14px}
 .social-carousel.is-ready .social-flip-card .social-back-heading{font-size:26px}
 .social-back-lead{font-size:17px}
 .social-back-copy{font-size:15px}
 .social-back-list li{font-size:13px}
 .social-flip-actions{gap:8px;align-items:center}
 .social-flip-toggle,.social-unflip-toggle{padding:10px 9px;font-size:10px;letter-spacing:.1px}
 .social-flip-actions .social-link{font-size:11px}
 .social-back-actions{gap:8px}
 .social-back-open{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .social-carousel.is-ready .social-flip-rotor{transition:none!important}
 .social-flip-toggle,.social-unflip-toggle,.social-back-open{transition:none!important}
}

/* v5 holo upgrade for front and back faces */
.social-carousel.is-ready .social-flip-face{
  background-image:
    radial-gradient(circle at 12% 14%, color-mix(in srgb,var(--card-glow),white 22%) 0%, transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.09), transparent 34%),
    linear-gradient(160deg, color-mix(in srgb,var(--card-glow),#0a1020 74%) 0%, #101626 42%, #090d17 100%);
  background-blend-mode:screen,overlay,normal;
}
.social-carousel.is-ready .social-flip-face::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.07) 16%,
      rgba(255,116,210,.12) 24%,
      rgba(86,243,255,.14) 33%,
      rgba(255,255,255,.2) 38%,
      rgba(166,122,255,.15) 43%,
      rgba(255,255,255,0) 52%),
    repeating-linear-gradient(125deg, rgba(255,255,255,.03) 0 2px, transparent 2px 8px);
  background-size:250% 100%, 100% 100%;
  background-position:100% 0, 0 0;
  mix-blend-mode:screen;
  opacity:.85;
  transition:background-position .7s ease, opacity .3s ease;
}
.social-carousel.is-ready .social-flip-card:hover .social-flip-face::before,
.social-carousel.is-ready .social-flip-card.is-flipped .social-flip-back::before{
  background-position:0 0, 0 0;
  opacity:1;
}
.social-carousel.is-ready .social-flip-face > *{position:relative;z-index:1}

/* v6 social logo restore */
.social-carousel.is-ready .social-flip-front{position:relative;isolation:isolate}
.social-carousel.is-ready .social-flip-front .social-watermark{
  position:absolute;
  right:18px;
  top:86px;
  width:min(42%,230px);
  height:min(52%,250px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:color-mix(in srgb,var(--card-glow),white 24%);
  opacity:.22;
  pointer-events:none;
  z-index:0;
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--card-glow),transparent 65%));
}
.social-carousel.is-ready .social-flip-front .social-watermark svg{
  width:100%;height:100%;display:block;
}
.social-carousel.is-ready .social-flip-front > *:not(.social-watermark):not(.collectible-foil){position:relative;z-index:1}
.social-carousel.is-ready .social-card .social-icon{
  width:82px;height:82px;margin:14px 0 14px;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow:0 0 28px color-mix(in srgb,var(--card-glow),transparent 68%), inset 0 0 0 1px rgba(255,255,255,.09);
}
.social-carousel.is-ready .social-card .social-icon svg{width:40px;height:40px}
.social-carousel.is-ready .social-card .collectible-description,
.social-carousel.is-ready .social-card .collectible-traits,
.social-carousel.is-ready .social-card .social-flip-actions,
.social-carousel.is-ready .social-card .social-handle,
.social-carousel.is-ready .social-card strong,
.social-carousel.is-ready .social-card .social-number{max-width:58%}
.social-carousel.is-ready .youtube-card .social-watermark{opacity:.24}
.social-carousel.is-ready .instagram-card .social-watermark{opacity:.21}
.social-carousel.is-ready .x-card .social-watermark{opacity:.18}
.social-carousel.is-ready .tiktok-card .social-watermark{opacity:.24}
.social-carousel.is-ready .x-card .social-watermark{right:24px; width:min(36%,185px)}
.social-carousel.is-ready .tiktok-card .social-watermark{right:22px; width:min(38%,195px)}
@media(max-width:600px){
  .social-carousel.is-ready .social-flip-front .social-watermark{right:10px;top:86px;width:38%;height:34%;opacity:.19}
  .social-carousel.is-ready .social-card .social-icon{width:68px;height:68px}
  .social-carousel.is-ready .social-card .social-icon svg{width:34px;height:34px}
  .social-carousel.is-ready .social-card .collectible-description,
  .social-carousel.is-ready .social-card .collectible-traits,
  .social-carousel.is-ready .social-card .social-flip-actions,
  .social-carousel.is-ready .social-card .social-handle,
  .social-carousel.is-ready .social-card strong,
  .social-carousel.is-ready .social-card .social-number{max-width:66%}
}