/* Nekon HUB tester v26.65 · 4 temas premium + animaciones de membresía y carga */

/* =========================
   1) PALETAS TESTER PREMIUM
   ========================= */
html.nekon-growth-tester-theme.vip-theme--standard{
  --page-bg:#020205;
  --surface:#121319;
  --panel:#1a1b22;
  --page-border:#373741;
  --border:#373741;
  --line:#373741;
  --text:#ffffff;
  --white:#ffffff;
  --muted:#c3c5ce;
  --vip-main:#a846ff;
  --vip-soft:#4d7dff;
  --vip-rgb:168,70,255;
  --tester-button-a:#b13dff;
  --tester-button-b:#246dff;
  --tester-button-text:#ffffff;
  --tester-glow:rgba(153,69,255,.34);
  --tester-card:#15161c;
  --tester-card-2:#1d1e26;
  --tester-border:#3b3946;
  --tester-text-main:#ffffff;
  --tester-text-muted:#c6c7cf;
  --tester-highlight:#b15cff;
  --tester-shadow:rgba(92,38,184,.26);
}

html.nekon-growth-tester-theme.vip-theme--bronze{
  --page-bg:#070504;
  --surface:#17100c;
  --panel:#24170f;
  --page-border:#714b34;
  --border:#714b34;
  --line:#714b34;
  --text:#fff7e9;
  --white:#fffaf1;
  --muted:#d4b99c;
  --vip-main:#df8340;
  --vip-soft:#f2b16d;
  --vip-rgb:223,131,64;
  --tester-button-a:#e58c47;
  --tester-button-b:#73401f;
  --tester-button-text:#fff7ea;
  --tester-glow:rgba(231,126,52,.34);
  --tester-card:#20130d;
  --tester-card-2:#2b1a12;
  --tester-border:#76482d;
  --tester-text-main:#fff7e9;
  --tester-text-muted:#d5bd9f;
  --tester-highlight:#f09a52;
  --tester-shadow:rgba(137,64,24,.32);
}

html.nekon-growth-tester-theme.vip-theme--silver{
  --page-bg:#020711;
  --surface:#0f1924;
  --panel:#1a2938;
  --page-border:#6f8498;
  --border:#6f8498;
  --line:#6f8498;
  --text:#f7fbff;
  --white:#ffffff;
  --muted:#c8d3de;
  --vip-main:#d9f1ff;
  --vip-soft:#83d8ff;
  --vip-rgb:137,216,255;
  --tester-button-a:#f4fbff;
  --tester-button-b:#6d7d8f;
  --tester-button-text:#101923;
  --tester-glow:rgba(95,210,255,.38);
  --tester-card:#14212d;
  --tester-card-2:#203242;
  --tester-border:#71879a;
  --tester-text-main:#f7fbff;
  --tester-text-muted:#cbd6e0;
  --tester-highlight:#9fe5ff;
  --tester-shadow:rgba(66,163,207,.28);
}

html.nekon-growth-tester-theme.vip-theme--gold{
  --page-bg:#010101;
  --surface:#0b0a07;
  --panel:#151109;
  --page-border:#d5b75d;
  --border:#d5b75d;
  --line:#d5b75d;
  --text:#ffe88a;
  --white:#fffdf7;
  --muted:#e7d6a4;
  --vip-main:#ffd85a;
  --vip-soft:#fff0a1;
  --vip-rgb:255,216,90;
  --tester-button-a:#ffe36f;
  --tester-button-b:#9f7419;
  --tester-button-text:#161005;
  --tester-glow:rgba(255,203,49,.54);
  --tester-card:#100e08;
  --tester-card-2:#1b160b;
  --tester-border:#d4b35a;
  --tester-text-main:#ffe88a;
  --tester-text-muted:#ead9a9;
  --tester-highlight:#ffe977;
  --tester-shadow:rgba(176,127,19,.38);
}

/* El usuario pidió que el fondo siga oscuro: en tester incluso el selector claro
   mantiene una base oscura, pero suaviza paneles y contraste sin recuperar rosas antiguos. */
html[data-theme="light"].nekon-growth-tester-theme.vip-theme--standard{
  --page-bg:#08080d;--surface:#171820;--panel:#21222c;--page-border:#454552;--border:#454552;--line:#454552;
  --text:#ffffff;--white:#ffffff;--muted:#d2d3da;--vip-main:#b45cff;--vip-soft:#6790ff;--vip-rgb:180,92,255;
  --tester-button-a:#ba51ff;--tester-button-b:#397aff;--tester-button-text:#fff;--tester-glow:rgba(171,79,255,.30);
  --tester-card:#1a1b23;--tester-card-2:#242631;--tester-border:#4a4658;--tester-text-main:#fff;--tester-text-muted:#d2d3da;--tester-highlight:#c27aff;--tester-shadow:rgba(100,44,184,.23);
}
html[data-theme="light"].nekon-growth-tester-theme.vip-theme--bronze{
  --page-bg:#0d0906;--surface:#1f1510;--panel:#2d1c13;--page-border:#81583d;--border:#81583d;--line:#81583d;
  --text:#fff9ee;--white:#fffaf3;--muted:#dfc6aa;--vip-main:#eb9555;--vip-soft:#f4c08b;--vip-rgb:235,149,85;
  --tester-button-a:#ee9857;--tester-button-b:#86502b;--tester-button-text:#fff8ed;--tester-glow:rgba(235,136,67,.30);
  --tester-card:#261811;--tester-card-2:#342117;--tester-border:#86563a;--tester-text-main:#fff8ed;--tester-text-muted:#dec5a7;--tester-highlight:#f0a266;--tester-shadow:rgba(143,70,28,.28);
}
html[data-theme="light"].nekon-growth-tester-theme.vip-theme--silver{
  --page-bg:#07101b;--surface:#152331;--panel:#233647;--page-border:#8399ab;--border:#8399ab;--line:#8399ab;
  --text:#fbfdff;--white:#fff;--muted:#d7e0e8;--vip-main:#e9f7ff;--vip-soft:#9de0ff;--vip-rgb:157,224,255;
  --tester-button-a:#fbfdff;--tester-button-b:#8090a0;--tester-button-text:#111c27;--tester-glow:rgba(116,211,255,.31);
  --tester-card:#1a2a38;--tester-card-2:#294052;--tester-border:#8298a9;--tester-text-main:#fbfdff;--tester-text-muted:#d5e0e9;--tester-highlight:#b5e9ff;--tester-shadow:rgba(75,163,204,.25);
}
html[data-theme="light"].nekon-growth-tester-theme.vip-theme--gold{
  --page-bg:#050403;--surface:#121009;--panel:#1e190d;--page-border:#e0c36e;--border:#e0c36e;--line:#e0c36e;
  --text:#fff0a0;--white:#fffdf7;--muted:#efdfb6;--vip-main:#ffe27a;--vip-soft:#fff1b0;--vip-rgb:255,226,122;
  --tester-button-a:#ffe887;--tester-button-b:#af8127;--tester-button-text:#171106;--tester-glow:rgba(255,206,62,.48);
  --tester-card:#151108;--tester-card-2:#211a0d;--tester-border:#dfc06a;--tester-text-main:#fff0a0;--tester-text-muted:#efdfb5;--tester-highlight:#ffec8b;--tester-shadow:rgba(191,139,24,.34);
}

/* =========================
   2) SUPERFICIES Y JERARQUÍA
   ========================= */
html.nekon-growth-tester-theme body{
  background:
    radial-gradient(circle at 84% 6%,rgba(var(--vip-rgb),.075),transparent 28rem),
    radial-gradient(circle at 8% 92%,rgba(var(--vip-rgb),.045),transparent 24rem),
    var(--page-bg)!important;
  color:var(--tester-text-main)!important;
  background-size:118% 118%,118% 118%,auto!important;
  animation:nekonTesterAmbient 16s ease-in-out infinite alternate;
}
html.nekon-growth-tester-theme body>header,
html.nekon-growth-tester-theme #menu,
html.nekon-growth-tester-theme .arena-bottom-nav{
  background:linear-gradient(145deg,var(--tester-card),color-mix(in srgb,var(--tester-card-2) 76%,#000 24%))!important;
  border-color:color-mix(in srgb,var(--tester-border) 84%,var(--vip-main) 16%)!important;
  color:var(--tester-text-main)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.30),0 0 22px color-mix(in srgb,var(--tester-glow) 42%,transparent)!important;
}

html.nekon-growth-tester-theme .member-panel,
html.nekon-growth-tester-theme .wallet-panel,
html.nekon-growth-tester-theme .ranking-panel,
html.nekon-growth-tester-theme .growth-card,
html.nekon-growth-tester-theme .growth-hero,
html.nekon-growth-tester-theme .vip-current,
html.nekon-growth-tester-theme .vip-journey-card,
html.nekon-growth-tester-theme .vip-plan,
html.nekon-growth-tester-theme .vip-member-showcase,
html.nekon-growth-tester-theme .profile-card,
html.nekon-growth-tester-theme .premium-product-card,
html.nekon-growth-tester-theme .streaming-account-card,
html.nekon-growth-tester-theme .notification-center-shell,
html.nekon-growth-tester-theme .tester-service-shell,
html.nekon-growth-tester-theme .points-store-host,
html.nekon-growth-tester-theme .vip-ranking-card,
html.nekon-growth-tester-theme .operator-card,
html.nekon-growth-tester-theme .sportsbook-card,
html.nekon-growth-tester-theme .points-summary,
html.nekon-growth-tester-theme .points-reward,
html.nekon-growth-tester-theme .faq-item,
html.nekon-growth-tester-theme .notification-accordion-item,
html.nekon-growth-tester-theme .notification-inline-detail{
  background:linear-gradient(145deg,var(--tester-card),var(--tester-card-2))!important;
  color:var(--tester-text-main)!important;
  border-color:color-mix(in srgb,var(--tester-border) 80%,var(--vip-main) 20%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20),0 0 20px color-mix(in srgb,var(--tester-glow) 24%,transparent)!important;
}

html.nekon-growth-tester-theme .member-panel p,
html.nekon-growth-tester-theme .wallet-panel p,
html.nekon-growth-tester-theme .growth-card p,
html.nekon-growth-tester-theme .growth-hero p,
html.nekon-growth-tester-theme .vip-current p,
html.nekon-growth-tester-theme .vip-journey-card p,
html.nekon-growth-tester-theme .vip-plan p,
html.nekon-growth-tester-theme .vip-plan li,
html.nekon-growth-tester-theme .profile-card p,
html.nekon-growth-tester-theme .profile-card small,
html.nekon-growth-tester-theme .notification-list-item__preview,
html.nekon-growth-tester-theme .notification-list-item__meta,
html.nekon-growth-tester-theme .vip-ranking-row__name small,
html.nekon-growth-tester-theme .vip-ranking-row__time small{
  color:var(--tester-text-muted)!important;
}

html.nekon-growth-tester-theme .member-primary-button,
html.nekon-growth-tester-theme .vip-plan button,
html.nekon-growth-tester-theme .premium-finalize-button,
html.nekon-growth-tester-theme .growth-lab-entry__actions button:not(.secondary),
html.nekon-growth-tester-theme .points-reward button:not(:disabled),
html.nekon-growth-tester-theme .operator-recharge-tabs button.is-active,
html.nekon-growth-tester-theme .v266-slide__actions button:not(.v266-slide__text-action){
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--tester-button-a),var(--tester-button-b))!important;
  color:var(--tester-button-text)!important;
  border-color:color-mix(in srgb,var(--vip-main) 74%,#fff 26%)!important;
  box-shadow:0 9px 28px var(--tester-glow),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease,background .35s ease!important;
}
html.nekon-growth-tester-theme .member-primary-button::after,
html.nekon-growth-tester-theme .vip-plan button::after,
html.nekon-growth-tester-theme .premium-finalize-button::after,
html.nekon-growth-tester-theme .points-reward button:not(:disabled)::after,
html.nekon-growth-tester-theme .v266-slide__actions button:not(.v266-slide__text-action)::after{
  content:"";position:absolute;inset:-2px auto -2px -48%;width:38%;transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:0;pointer-events:none;
}
@media (hover:hover){
  html.nekon-growth-tester-theme .member-primary-button:hover,
  html.nekon-growth-tester-theme .vip-plan button:hover,
  html.nekon-growth-tester-theme .premium-finalize-button:hover,
  html.nekon-growth-tester-theme .points-reward button:not(:disabled):hover,
  html.nekon-growth-tester-theme .v266-slide__actions button:not(.v266-slide__text-action):hover{
    transform:translateY(-2px) scale(1.01)!important;filter:saturate(1.08) brightness(1.04)!important;
    box-shadow:0 13px 34px var(--tester-glow),0 0 24px color-mix(in srgb,var(--vip-main) 30%,transparent)!important;
  }
  html.nekon-growth-tester-theme .member-primary-button:hover::after,
  html.nekon-growth-tester-theme .vip-plan button:hover::after,
  html.nekon-growth-tester-theme .premium-finalize-button:hover::after,
  html.nekon-growth-tester-theme .points-reward button:not(:disabled):hover::after,
  html.nekon-growth-tester-theme .v266-slide__actions button:not(.v266-slide__text-action):hover::after{
    opacity:1;animation:nekonButtonSweep .78s ease forwards;
  }
  html.nekon-growth-tester-theme .member-panel:hover,
  html.nekon-growth-tester-theme .wallet-panel:hover,
  html.nekon-growth-tester-theme .growth-card:hover,
  html.nekon-growth-tester-theme .vip-plan:hover,
  html.nekon-growth-tester-theme .premium-product-card:hover,
  html.nekon-growth-tester-theme .vip-ranking-card:hover{
    transform:translateY(-2px);box-shadow:0 20px 48px rgba(0,0,0,.24),0 0 25px color-mix(in srgb,var(--tester-glow) 36%,transparent)!important;
  }
}

html.nekon-growth-tester-theme .menu-icon,
html.nekon-growth-tester-theme .page-title__index,
html.nekon-growth-tester-theme .notification-center-title__icon,
html.nekon-growth-tester-theme .notification-list-item__icon{
  color:var(--vip-main)!important;
  background:rgba(var(--vip-rgb),.09)!important;
  border-color:rgba(var(--vip-rgb),.28)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--tester-glow) 45%,transparent)!important;
}

html.nekon-growth-tester-theme .menu-link.active,
html.nekon-growth-tester-theme .menu-group.is-open>.menu-group-toggle,
html.nekon-growth-tester-theme .menu-link:hover,
html.nekon-growth-tester-theme .menu-group-toggle:hover,
html.nekon-growth-tester-theme .menu-submenu button:hover{
  background:linear-gradient(135deg,rgba(var(--vip-rgb),.18),rgba(var(--vip-rgb),.055))!important;
  border-color:rgba(var(--vip-rgb),.34)!important;
  box-shadow:inset 0 0 18px rgba(var(--vip-rgb),.05),0 0 18px color-mix(in srgb,var(--tester-glow) 26%,transparent)!important;
}

html.nekon-growth-tester-theme input,
html.nekon-growth-tester-theme select,
html.nekon-growth-tester-theme textarea{
  background:color-mix(in srgb,var(--tester-card) 88%,#000 12%)!important;
  color:var(--tester-text-main)!important;
  border-color:color-mix(in srgb,var(--tester-border) 82%,var(--vip-main) 18%)!important;
}
html.nekon-growth-tester-theme input:focus,
html.nekon-growth-tester-theme select:focus,
html.nekon-growth-tester-theme textarea:focus{
  outline:none!important;border-color:var(--vip-main)!important;
  box-shadow:0 0 0 3px rgba(var(--vip-rgb),.11),0 0 20px color-mix(in srgb,var(--tester-glow) 30%,transparent)!important;
}

/* Oro de lujo: negro real, nunca mostaza en superficies. */
html.nekon-growth-tester-theme.vip-theme--gold .vip-current,
html.nekon-growth-tester-theme.vip-theme--gold .vip-plan,
html.nekon-growth-tester-theme.vip-theme--gold .growth-card,
html.nekon-growth-tester-theme.vip-theme--gold .member-panel,
html.nekon-growth-tester-theme.vip-theme--gold .wallet-panel,
html.nekon-growth-tester-theme.vip-theme--gold .profile-card,
html.nekon-growth-tester-theme.vip-theme--gold .premium-product-card{
  background:
    radial-gradient(circle at 92% 4%,rgba(255,210,71,.07),transparent 18rem),
    linear-gradient(145deg,#0a0906,#171208)!important;
}
html.nekon-growth-tester-theme.vip-theme--gold .vip-current,
html.nekon-growth-tester-theme.vip-theme--gold .vip-plan.is-active,
html.nekon-growth-tester-theme.vip-theme--gold .member-account-button,
html.nekon-growth-tester-theme.vip-theme--gold .profile-card{
  box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 34px rgba(255,199,34,.20)!important;
}

/* Plata con más vida, manteniendo elegancia acero. */
html.nekon-growth-tester-theme.vip-theme--silver .vip-current,
html.nekon-growth-tester-theme.vip-theme--silver .vip-plan,
html.nekon-growth-tester-theme.vip-theme--silver .premium-product-card,
html.nekon-growth-tester-theme.vip-theme--silver .profile-card{
  background:
    radial-gradient(circle at 94% 4%,rgba(128,220,255,.08),transparent 20rem),
    linear-gradient(145deg,#111d28,#203342)!important;
}

/* =========================
   3) CAMBIO DE TEMA SUAVE
   ========================= */
html.nekon-growth-tester-theme.vip-theme-transitioning body,
html.nekon-growth-tester-theme.vip-theme-transitioning body>header,
html.nekon-growth-tester-theme.vip-theme-transitioning #menu,
html.nekon-growth-tester-theme.vip-theme-transitioning .arena-bottom-nav,
html.nekon-growth-tester-theme.vip-theme-transitioning .member-panel,
html.nekon-growth-tester-theme.vip-theme-transitioning .wallet-panel,
html.nekon-growth-tester-theme.vip-theme-transitioning .ranking-panel,
html.nekon-growth-tester-theme.vip-theme-transitioning .growth-card,
html.nekon-growth-tester-theme.vip-theme-transitioning .growth-hero,
html.nekon-growth-tester-theme.vip-theme-transitioning .vip-current,
html.nekon-growth-tester-theme.vip-theme-transitioning .vip-journey-card,
html.nekon-growth-tester-theme.vip-theme-transitioning .vip-plan,
html.nekon-growth-tester-theme.vip-theme-transitioning .vip-member-showcase,
html.nekon-growth-tester-theme.vip-theme-transitioning .profile-card,
html.nekon-growth-tester-theme.vip-theme-transitioning .premium-product-card,
html.nekon-growth-tester-theme.vip-theme-transitioning .streaming-account-card,
html.nekon-growth-tester-theme.vip-theme-transitioning .notification-center-shell,
html.nekon-growth-tester-theme.vip-theme-transitioning .tester-service-shell,
html.nekon-growth-tester-theme.vip-theme-transitioning .points-store-host,
html.nekon-growth-tester-theme.vip-theme-transitioning button,
html.nekon-growth-tester-theme.vip-theme-transitioning input,
html.nekon-growth-tester-theme.vip-theme-transitioning select,
html.nekon-growth-tester-theme.vip-theme-transitioning textarea{
  transition:background 1.65s ease,background-color 1.65s ease,border-color 1.65s ease,color 1.45s ease,box-shadow 1.65s ease,filter 1.65s ease!important;
}
.vip-theme-paint-layer{
  position:fixed;inset:0;z-index:99998;pointer-events:none;opacity:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--paint-rgb),.24),rgba(var(--paint-rgb),.06) 32%,transparent 68%);
  mix-blend-mode:screen;transition:opacity .52s ease;
}
.vip-theme-paint-layer.is-visible{opacity:1}
.vip-theme-paint-layer.is-leaving{opacity:0;transition-duration:.75s}

/* =========================
   4) CELEBRACIÓN DE COMPRA
   ========================= */
.vip-celebration{
  position:fixed;inset:0;z-index:100500;overflow:hidden;display:grid;place-items:center;pointer-events:none;
  background:radial-gradient(circle at center,rgba(7,7,9,.22),rgba(0,0,0,.72));
  opacity:0;transition:opacity .22s ease;
}
.vip-celebration.is-active{opacity:1}
.vip-celebration.is-leaving{opacity:0;transition-duration:.34s}
.vip-celebration__particles{position:absolute;inset:0;overflow:hidden}
.vip-celebration__particle{position:absolute;display:block;pointer-events:none;will-change:transform,opacity}
.vip-celebration__center{position:relative;z-index:3;display:grid;justify-items:center;gap:16px;transform:scale(.72);opacity:0;animation:nekonCelebrationCenter 1.2s .32s cubic-bezier(.16,.8,.24,1) forwards}
.vip-celebration__center strong{font-size:clamp(1.25rem,4vw,2.1rem);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 0 28px currentColor}
.vip-celebration__center small{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.vip-celebration__emblem{width:104px;height:104px;display:grid;place-items:center;border-radius:50%;font-size:48px;position:relative}

.vip-celebration--bronze{--celebration:#e68b48;--celebration-soft:#ffc084}
.vip-celebration--silver{--celebration:#eaf8ff;--celebration-soft:#8cdcff}
.vip-celebration--gold{--celebration:#ffd94f;--celebration-soft:#fff1a3}
.vip-celebration__emblem{color:var(--celebration);border:1px solid color-mix(in srgb,var(--celebration) 72%,#fff 28%);background:rgba(3,3,5,.62);box-shadow:0 0 24px color-mix(in srgb,var(--celebration) 56%,transparent),0 0 70px color-mix(in srgb,var(--celebration) 28%,transparent)}
.vip-celebration--bronze .vip-celebration__emblem::before{content:"🐾";filter:drop-shadow(0 0 14px rgba(230,139,72,.65));animation:nekonEmblemSpin 2.4s ease-in-out infinite}
.vip-celebration--silver .vip-celebration__emblem::before{content:"☾";font-size:56px;filter:drop-shadow(0 0 14px rgba(143,220,255,.72));animation:nekonEmblemSpin 2.8s ease-in-out infinite}
.vip-celebration--silver .vip-celebration__emblem::after{content:"♕";position:absolute;top:12px;right:12px;font-size:24px;color:#fff;text-shadow:0 0 12px #fff}
.vip-celebration--gold .vip-celebration__emblem{border:none;background:transparent;box-shadow:none}
.vip-celebration--gold .vip-celebration__emblem::before,
.site-splash--gold .site-splash__emblem::before{
  content:"";width:78px;height:56px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);
  background:linear-gradient(180deg,#fff2a0 0,#ffd03f 42%,#a56d08 100%);
  clip-path:polygon(0 100%,6% 34%,24% 58%,35% 10%,50% 51%,66% 8%,77% 58%,95% 28%,100% 100%);
  filter:drop-shadow(0 0 11px rgba(255,211,52,.9)) drop-shadow(0 0 28px rgba(255,194,27,.55));
}
.vip-celebration--gold .vip-celebration__emblem::after,
.site-splash--gold .site-splash__emblem::after{
  content:"";position:absolute;left:50%;top:24px;width:78px;height:18px;transform:translateX(-50%);
  border-bottom:8px solid #ffd94d;border-radius:50%;box-shadow:0 8px 20px rgba(255,204,36,.50);
}

.vip-celebration--bronze .vip-celebration__particle{
  width:var(--s);height:var(--s);left:var(--x);top:55%;border-radius:50%;
  background:radial-gradient(circle,#fff1d6 0 14%,#f1a45e 20% 50%,#9c4d1d 65%,transparent 70%);
  box-shadow:0 0 10px #e7853d;animation:nekonBronzeSpark var(--d) var(--delay) ease-out forwards;
}
.vip-celebration--silver .vip-celebration__particle[data-kind="spark"]{
  width:var(--s);height:var(--s);left:var(--x);top:var(--y);border-radius:50%;
  background:#f6fcff;box-shadow:0 0 12px #eaf8ff,0 0 24px #85dbff;animation:nekonSilverSpark var(--d) var(--delay) ease-in-out infinite alternate;
}
.vip-celebration--silver .vip-celebration__particle[data-kind="moon"]{
  left:var(--x);top:-40px;font-size:var(--s);color:#dff6ff;text-shadow:0 0 16px #a8e7ff;animation:nekonMoonFall var(--d) var(--delay) linear forwards;
}
.vip-celebration--silver .vip-celebration__particle[data-kind="moon"]::before{content:"☾"}
.vip-celebration--gold .vip-celebration__particle[data-kind="rain"]{
  left:var(--x);top:-60px;width:3px;height:var(--s);border-radius:999px;background:linear-gradient(180deg,#fff9c0,#ffd530,transparent);box-shadow:0 0 14px #ffce31;animation:nekonGoldRain var(--d) var(--delay) linear forwards;
}
.vip-celebration--gold .vip-celebration__particle[data-kind="spark"]{
  left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#fff3a4;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);box-shadow:0 0 18px #ffcf34;animation:nekonGoldTwinkle var(--d) var(--delay) ease-in-out infinite;
}

/* =========================
   5) SPLASH DINÁMICO TESTER
   ========================= */
html[data-tester-splash-theme] .site-splash{
  background:#030305!important;color:#fff!important;overflow:hidden!important;
}
html[data-tester-splash-theme="standard"] .site-splash{--splash-a:#aa48ff;--splash-b:#246dff;--splash-rgb:168,70,255;background:radial-gradient(circle at 50% 38%,rgba(168,70,255,.15),#07070d 36%,#020205 76%)!important}
html[data-tester-splash-theme="bronze"] .site-splash{--splash-a:#e58d48;--splash-b:#75401f;--splash-rgb:229,141,72;background:radial-gradient(circle at 50% 38%,rgba(229,141,72,.16),#15100c 34%,#070504 76%)!important}
html[data-tester-splash-theme="silver"] .site-splash{--splash-a:#e8f8ff;--splash-b:#80d9ff;--splash-rgb:128,217,255;background:radial-gradient(circle at 50% 38%,rgba(128,217,255,.16),#0c1722 34%,#020711 78%)!important}
html[data-tester-splash-theme="gold"] .site-splash{--splash-a:#ffe26a;--splash-b:#b98216;--splash-rgb:255,218,90;background:radial-gradient(circle at 50% 38%,rgba(255,214,70,.14),#0b0904 34%,#010101 78%)!important}
html[data-tester-splash-theme] .site-splash__content{position:relative;z-index:3;gap:14px!important}
html[data-tester-splash-theme] .site-splash__logo-shell{position:relative;width:150px;height:150px;display:grid;place-items:center}
html[data-tester-splash-theme] .site-splash__logo-shell::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(var(--splash-rgb),.36);box-shadow:0 0 26px rgba(var(--splash-rgb),.35),inset 0 0 22px rgba(var(--splash-rgb),.09);animation:nekonSplashRing 2.2s ease-in-out infinite}
html[data-tester-splash-theme] .site-splash__content img{width:104px!important;height:104px!important;filter:drop-shadow(0 0 18px rgba(var(--splash-rgb),.36)) drop-shadow(0 14px 28px rgba(0,0,0,.55))!important}
html[data-tester-splash-theme] .site-splash__content strong{color:#fff!important;text-shadow:0 0 18px rgba(var(--splash-rgb),.22)}
.site-splash__emblem{position:absolute;right:-2px;bottom:4px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--splash-a);background:#08090d;border:1px solid rgba(var(--splash-rgb),.40);box-shadow:0 0 22px rgba(var(--splash-rgb),.40);font-size:24px}
.site-splash--standard .site-splash__emblem::before{content:"✦";animation:nekonEmblemSpin 2.4s linear infinite}
.site-splash--bronze .site-splash__emblem::before{content:"🐾";animation:nekonEmblemSpin 2.5s ease-in-out infinite}
.site-splash--silver .site-splash__emblem::before{content:"☾";font-size:28px;animation:nekonEmblemSpin 2.6s ease-in-out infinite}
.site-splash--silver .site-splash__emblem::after{content:"♕";position:absolute;right:-5px;top:-6px;font-size:15px;color:#fff;text-shadow:0 0 10px #fff}
.site-splash--gold .site-splash__emblem{width:56px;height:56px;border:none;background:transparent;box-shadow:none}
.site-splash__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.site-splash__particle{position:absolute;left:var(--x);top:-40px;opacity:.85;animation:nekonSplashFall var(--d) var(--delay) linear infinite}
.site-splash--standard .site-splash__particle{width:var(--s);height:var(--s);border-radius:50%;background:linear-gradient(135deg,#c068ff,#3f7dff);box-shadow:0 0 14px rgba(157,69,255,.55)}
.site-splash--bronze .site-splash__particle{width:var(--s);height:var(--s);border-radius:50%;background:#e58d48;box-shadow:0 0 13px rgba(229,141,72,.65)}
.site-splash--silver .site-splash__particle{font-size:var(--s);color:#e7f8ff;text-shadow:0 0 12px #93dcff;background:none!important}
.site-splash--silver .site-splash__particle::before{content:"☾"}
.site-splash--gold .site-splash__particle{width:2px;height:var(--s);border-radius:999px;background:linear-gradient(180deg,#fff6ad,#ffd02c,transparent);box-shadow:0 0 12px rgba(255,207,44,.70)}

/* =========================
   6) KEYFRAMES
   ========================= */
@keyframes nekonTesterAmbient{0%{background-position:82% 4%,4% 90%,0 0}100%{background-position:76% 8%,9% 84%,0 0}}
@keyframes nekonButtonSweep{0%{left:-48%}100%{left:118%}}
@keyframes nekonCelebrationCenter{0%{transform:scale(.72);opacity:0;filter:blur(6px)}55%{transform:scale(1.08);opacity:1;filter:blur(0)}100%{transform:scale(1);opacity:1}}
@keyframes nekonEmblemSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(1)}}
@keyframes nekonBronzeSpark{0%{transform:translate3d(0,0,0) scale(.35);opacity:0}12%{opacity:1}100%{transform:translate3d(var(--dx),var(--dy),0) scale(1.1);opacity:0}}
@keyframes nekonSilverSpark{0%{transform:scale(.45);opacity:.25}100%{transform:scale(1.35);opacity:1}}
@keyframes nekonMoonFall{0%{transform:translateY(-30px) rotate(0);opacity:0}14%{opacity:1}100%{transform:translateY(112vh) rotate(280deg);opacity:.05}}
@keyframes nekonGoldRain{0%{transform:translateY(-80px) rotate(8deg);opacity:0}8%{opacity:1}100%{transform:translateY(115vh) rotate(8deg);opacity:0}}
@keyframes nekonGoldTwinkle{0%,100%{transform:scale(.35) rotate(0);opacity:.15}50%{transform:scale(1.45) rotate(90deg);opacity:1}}
@keyframes nekonSplashRing{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.04);opacity:1}}
@keyframes nekonSplashFall{0%{transform:translateY(-8vh) rotate(0deg);opacity:0}12%{opacity:.86}100%{transform:translateY(112vh) rotate(260deg);opacity:0}}

@media(max-width:680px){
  .vip-celebration__emblem{width:88px;height:88px;font-size:40px}
  .vip-celebration__center{gap:12px;padding:20px}
  .vip-celebration__center strong{font-size:1.2rem}
  html[data-tester-splash-theme] .site-splash__logo-shell{width:132px;height:132px}
  html[data-tester-splash-theme] .site-splash__content img{width:92px!important;height:92px!important}
}

@media(prefers-reduced-motion:reduce){
  html.nekon-growth-tester-theme body{animation:none!important}
  html.nekon-growth-tester-theme .member-primary-button,
  html.nekon-growth-tester-theme .vip-plan button,
  html.nekon-growth-tester-theme .premium-finalize-button,
  html.nekon-growth-tester-theme .points-reward button:not(:disabled){transition:none!important}
  .vip-celebration__particle,.site-splash__particle{animation-duration:4.5s!important}
}
/* Normal: solo logo + brillo violeta/azul, sin medallón adicional. */
.site-splash--standard .site-splash__emblem{display:none!important}
/* Iconografía de carga dibujada con CSS para conservar el color real del rango. */
.site-splash--bronze .site-splash__emblem,
.vip-celebration--bronze .vip-celebration__emblem{animation:nekonEmblemSpin 2.8s ease-in-out infinite}
.site-splash--bronze .site-splash__emblem::before,
.vip-celebration--bronze .vip-celebration__emblem::before{
  content:""!important;width:38px;height:34px;display:block;
  background:
    radial-gradient(circle at 50% 70%,#f2a15d 0 24%,transparent 26%),
    radial-gradient(circle at 17% 30%,#e68843 0 12%,transparent 14%),
    radial-gradient(circle at 38% 16%,#f0a05a 0 12%,transparent 14%),
    radial-gradient(circle at 63% 16%,#f0a05a 0 12%,transparent 14%),
    radial-gradient(circle at 84% 30%,#e68843 0 12%,transparent 14%);
  filter:drop-shadow(0 0 8px rgba(235,133,62,.86)) drop-shadow(0 0 18px rgba(218,101,28,.50));
  animation:none!important;
}
.site-splash--silver .site-splash__emblem{animation:nekonEmblemSpin 3.2s ease-in-out infinite}
.site-splash--silver .site-splash__emblem::before{animation:none!important}
.site-splash--silver .site-splash__emblem::after{color:#effaff!important;text-shadow:0 0 12px #fff,0 0 22px #8edcff!important}
.site-splash--gold .site-splash__emblem{animation:nekonEmblemSpin 3.1s ease-in-out infinite}