/* ======================================================================
   NEKON HUB · TESTER v26.68 · PREMIUM HIERARCHY REFINEMENT
   El rango es un acento, no un filtro. Superficies neutrales, texto blanco,
   metal solo en puntos de atención. Comparador VIP conserva el color propio
   de cada plan aunque el usuario tenga otro rango activo.
   ====================================================================== */

html.nekon-growth-tester-theme{
  --ui-bg:#0A0A0A;
  --ui-surface:#151618;
  --ui-surface-2:#101113;
  --ui-surface-3:#1B1C20;
  --ui-line:#2D2F35;
  --ui-line-soft:#24262B;
  --ui-text:#FFFFFF;
  --ui-muted:#B8BDC7;
  --ui-faint:#858B96;
  --tier-soft-rgb:138,43,226;
  --tier-local-tint:rgba(var(--tier-accent-rgb),.035);

  /* Evita que estilos anteriores vuelvan a teñir toda la app. */
  --surface:var(--ui-surface);
  --panel:var(--ui-surface);
  --page-bg:var(--ui-bg);
  --page-border:var(--ui-line);
  --border:var(--ui-line);
  --line:var(--ui-line);
  --text:#FFFFFF;
  --white:#FFFFFF;
  --muted:var(--ui-muted);
  --tester-card:var(--ui-surface);
  --tester-card-2:var(--ui-surface-2);
  --tester-border:var(--ui-line);
  --tester-text-main:#FFFFFF;
  --tester-text-muted:var(--ui-muted);
  --nova-bg:#0A0A0A;
  --nova-bg-2:#0A0A0A;
  --nova-surface:var(--ui-surface);
  --nova-surface-2:var(--ui-surface-2);
  --nova-surface-3:var(--ui-surface-3);
  --nova-text:#FFFFFF;
  --nova-muted:var(--ui-muted);
  --nova-line:var(--ui-line);
}

html.nekon-growth-tester-theme[data-tier="normal"],
html.nekon-growth-tester-theme.vip-theme--standard{
  --tier-accent:#8A2BE2;
  --tier-accent-2:#0066FF;
  --tier-accent-rgb:138,43,226;
  --tier-border:#604378;
  --tier-muted:#C2C5CC;
  --tier-button-text:#FFFFFF;
  --tier-local-tint:rgba(138,43,226,.038);
}
html.nekon-growth-tester-theme[data-tier="bronze"],
html.nekon-growth-tester-theme.vip-theme--bronze{
  --tier-accent:#CD7F32;
  --tier-accent-2:#8C4A1F;
  --tier-accent-rgb:205,127,50;
  --tier-border:#70482E;
  --tier-muted:#CFC5BB;
  --tier-button-text:#FFF9F1;
  --tier-local-tint:rgba(205,127,50,.038);
}
html.nekon-growth-tester-theme[data-tier="silver"],
html.nekon-growth-tester-theme.vip-theme--silver{
  --tier-accent:#D6E0EB;
  --tier-accent-2:#8694A8;
  --tier-accent-rgb:214,224,235;
  --tier-border:#647083;
  --tier-muted:#C9D0D8;
  --tier-button-text:#0B0E12;
  --tier-local-tint:rgba(190,215,239,.042);
}
html.nekon-growth-tester-theme[data-tier="gold"],
html.nekon-growth-tester-theme.vip-theme--gold{
  --tier-accent:#FFD84D;
  --tier-accent-2:#A98216;
  --tier-accent-rgb:255,216,77;
  --tier-border:#8F7528;
  --tier-muted:#D7D0B9;
  --tier-button-text:#111006;
  --tier-local-tint:rgba(255,216,77,.038);
}

/* ----------------------------------------------------------------------
   BASE: negro real. El rango solo aparece como ambiente casi imperceptible.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme,
html.nekon-growth-tester-theme[data-theme="light"],
html.nekon-growth-tester-theme body,
html.nekon-growth-tester-theme[data-theme="light"] body,
html.nekon-growth-tester-theme main,
html.nekon-growth-tester-theme .view,
html.nekon-growth-tester-theme .view.inner{
  background-color:#0A0A0A!important;
  color:#FFFFFF!important;
  color-scheme:dark!important;
}
html.nekon-growth-tester-theme body{
  background:
    radial-gradient(circle at 88% -4%,rgba(var(--tier-accent-rgb),.025),transparent 23rem),
    #0A0A0A!important;
}

/* ----------------------------------------------------------------------
   SIN GLOW EN LETRAS / NÚMEROS. Los brillos quedan en bordes e iconos.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme :is(
  h1,h2,h3,h4,h5,h6,p,small,strong,b,span,label,li,a,button,input,select,textarea,
  .growth-kicker,.section-kicker,.card-kicker,.metric-label,.dashboard-number,
  .wallet-balance-value,.header-wallet-chip strong,.points-balance,.loyalty-points,
  .growth-stat strong,.prediction-metric strong,.growth-card__badge
){text-shadow:none!important}

/* ----------------------------------------------------------------------
   TOPBAR / MENÚ: negro limpio, acento solamente en estado activo.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme :is(body>header,#menu,.side-menu,.mobile-menu,.arena-bottom-nav,.bottom-nav){
  background:linear-gradient(180deg,#101012,#09090A)!important;
  border-color:#292B30!important;
  box-shadow:0 14px 36px rgba(0,0,0,.42)!important;
}
html.nekon-growth-tester-theme :is(.menu-link,.menu-group-toggle,.menu-submenu button,.arena-bottom-nav button,.bottom-nav button){
  color:#CED1D8!important;
  background-color:transparent!important;
}
html.nekon-growth-tester-theme :is(.menu-link,.menu-group-toggle,.menu-submenu button):hover{
  color:#FFFFFF!important;
  background:#15161A!important;
}
html.nekon-growth-tester-theme :is(
  .menu-link.is-active,.menu-group-toggle.is-active,.menu-submenu button.is-active,
  .arena-bottom-nav button.is-active,.bottom-nav button.is-active,
  [data-view="cuentas-premium"].is-active,[data-view="cuentas-premium"][aria-current="page"]
){
  color:#FFFFFF!important;
  background:linear-gradient(90deg,rgba(var(--tier-accent-rgb),.12),#15161A 68%)!important;
  border-color:rgba(var(--tier-accent-rgb),.36)!important;
  box-shadow:inset 3px 0 0 var(--tier-accent),0 0 14px rgba(var(--tier-accent-rgb),.08)!important;
}
html.nekon-growth-tester-theme :is(.arena-bottom-nav button.is-active,.bottom-nav button.is-active) svg,
html.nekon-growth-tester-theme :is(.menu-link.is-active,.menu-group-toggle.is-active,.menu-submenu button.is-active) svg{
  color:var(--tier-accent)!important;
  filter:drop-shadow(0 0 5px rgba(var(--tier-accent-rgb),.28))!important;
}

/* ----------------------------------------------------------------------
   SISTEMA DE SUPERFICIES: neutral. Ya no se pinta cada panel del rango.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme :is(
  .growth-hero,.growth-card,.vip-current,.vip-journey-card,.vip-member-showcase,
  .vip-ranking-card,.member-panel,.wallet-panel,.ranking-panel,.profile-card,.premium-product-card,
  .premium-product-detail-shell,.premium-purchase-shell,.premium-status-shell,.premium-support-shell,
  .streaming-account-card,.shared-account-card,.notification-center-shell,.notification-accordion-item,
  .notification-inline-detail,.tester-service-shell,.points-store-host,.points-summary,.points-reward,
  .operator-card,.operator-package-card,.sportsbook-card,.recharge-operator-card,.recharge-sportsbook-card,
  .benefit-card,.methodology-card,.faq-item,.member-info-card,.member-data-item,.profile-stat,.profile-field,
  .wallet-balance-card,.wallet-request-card,.wallet-transaction-card,.growth-stat,.prediction-metric,
  .activity-item,.onboarding-item,.premium-sale-banner,.wallet-bank-info,.referral-share-card,
  .page-title,.member-page-title,.modern-empty,.empty
){
  background:linear-gradient(145deg,#17181B,#111214)!important;
  color:#FFFFFF!important;
  border:1px solid #2C2E34!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Tarjetas que representan el rango actual: acento localizado, no baño de color. */
html.nekon-growth-tester-theme :is(.growth-hero,.vip-current,.profile-card,.wallet-balance-card){
  background:
    radial-gradient(circle at 96% 0,var(--tier-local-tint),transparent 15rem),
    linear-gradient(145deg,#18191C,#101113)!important;
  border-color:color-mix(in srgb,var(--tier-border) 56%,#32343A 44%)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.48),0 0 18px rgba(var(--tier-accent-rgb),.055)!important;
  position:relative;
}
html.nekon-growth-tester-theme :is(.growth-hero,.vip-current,.profile-card,.wallet-balance-card)::before{
  content:"";
  position:absolute;
  left:22px;right:22px;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--tier-accent),transparent);
  opacity:.55;
  pointer-events:none;
}

/* Subpaneles y métricas vuelven a grafito, no al color del rango. */
html.nekon-growth-tester-theme :is(
  .growth-stat,.prediction-metric,.vip-current__meta>div,.vip-journey-stats>div,
  .member-data-item,.profile-stat,.wallet-metric,.points-summary__metric,.activity-item,.onboarding-item
){
  background:linear-gradient(145deg,#1B1C1F,#151619)!important;
  border-color:#2E3035!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

/* ----------------------------------------------------------------------
   TIPOGRAFÍA: grande blanco, pequeño acento, secundario gris.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme :is(
  h1,h2,h3,h4,.growth-hero h2,.growth-card h3,.member-panel h2,.member-panel h3,
  .loyalty-main strong,.growth-level-name,.dashboard-greeting,.member-name,.vip-current__head strong,
  .growth-vip-chip strong,.vip-plan h3,.vip-section-head h2,.premium-product-detail-title,
  .premium-purchase-topbar h2,.activity-item strong,.onboarding-item strong
){color:#FFFFFF!important}

html.nekon-growth-tester-theme :is(
  .growth-kicker,.growth-card__head small,.growth-stat small,.growth-vip-chip small,
  .vip-current__head small,.vip-current__meta small,.vip-section-head small,.vip-journey-card>div>small,
  .vip-journey-stats small,.member-panel__head>span,.member-panel__eyebrow,.section-kicker,.card-kicker,
  .notification-list-item__category,.points-summary small,.operator-card small,.sportsbook-card small,
  .premium-purchase-topbar small,.premium-product-detail-content>small,.profile-field>small,
  .growth-help-intro>small,.faq-item button small
){
  color:color-mix(in srgb,var(--tier-accent) 82%,#FFFFFF 18%)!important;
  font-weight:820!important;
  letter-spacing:.065em!important;
}
html.nekon-growth-tester-theme :is(
  p,.muted,.secondary-text,.growth-hero p,.growth-card p,.vip-current p,.profile-card p,
  .notification-list-item__preview,.notification-list-item__meta,.activity-item span,.prediction-metric span,
  .loyalty-main span,.member-panel p,.wallet-panel p,.premium-product-card p,.shared-account-card p,
  .faq-item p,.vip-plan__subtitle,.vip-plan li
){color:#B8BDC7!important}
html.nekon-growth-tester-theme small{color:#AEB3BD}

/* Valores: cero blanco; valor real metal sin iluminación tipográfica. */
html.nekon-growth-tester-theme :is(
  .growth-stat strong,.prediction-metric strong,.growth-card__badge,.wallet-balance-value,
  .header-wallet-chip strong,.points-balance,.loyalty-points,.dashboard-number,[data-tier-metric],
  .wallet-metric strong,.vip-ranking-row__time strong
){color:#FFFFFF!important;text-shadow:none!important}
html.nekon-growth-tester-theme :is(
  .growth-stat strong,.prediction-metric strong,.growth-card__badge,.wallet-balance-value,
  .header-wallet-chip strong,.points-balance,.loyalty-points,.dashboard-number,[data-tier-metric],
  .wallet-metric strong
).has-tier-value{
  color:color-mix(in srgb,var(--tier-accent) 76%,#FFFFFF 24%)!important;
  text-shadow:none!important;
}

/* Iconos generales neutros; los iconos de rango sí reciben el metal. */
html.nekon-growth-tester-theme :is(
  .member-panel svg,.wallet-panel svg,.growth-card svg,.profile-card svg,.premium-product-card svg,
  .notification-center-shell svg,.points-store-host svg,.operator-card svg,.sportsbook-card svg
){color:#D9DCE2!important;filter:none!important}
html.nekon-growth-tester-theme :is(.growth-vip-chip i,.vip-current__icon){
  color:var(--tier-accent)!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(var(--tier-accent-rgb),.42))!important;
}

/* ----------------------------------------------------------------------
   COMPARADOR VIP: cada plan conserva SU color, no el color del usuario.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme .vip-plan{
  --plan-accent:#8A2BE2;
  --plan-accent-2:#0066FF;
  --plan-rgb:138,43,226;
  --plan-line:#5F4078;
  --plan-button-text:#FFFFFF;
  background:
    radial-gradient(circle at 93% 7%,rgba(var(--plan-rgb),.045),transparent 9rem),
    linear-gradient(145deg,#17181B,#101113)!important;
  border:1px solid color-mix(in srgb,var(--plan-line) 54%,#303238 46%)!important;
  box-shadow:0 17px 39px rgba(0,0,0,.44)!important;
  position:relative;
  overflow:hidden;
}
html.nekon-growth-tester-theme .vip-plan::before{
  content:"";
  position:absolute;left:18px;right:18px;top:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--plan-accent),transparent);
  opacity:.72;pointer-events:none;
}
html.nekon-growth-tester-theme .vip-plan.vip-tier--bronze{
  --plan-accent:#CD7F32;--plan-accent-2:#8C4A1F;--plan-rgb:205,127,50;--plan-line:#754829;--plan-button-text:#FFF8EF;
}
html.nekon-growth-tester-theme .vip-plan.vip-tier--silver{
  --plan-accent:#E1E8F0;--plan-accent-2:#8794A5;--plan-rgb:225,232,240;--plan-line:#697687;--plan-button-text:#0A0D11;
}
html.nekon-growth-tester-theme .vip-plan.vip-tier--gold{
  --plan-accent:#FFD84D;--plan-accent-2:#A98216;--plan-rgb:255,216,77;--plan-line:#8E7426;--plan-button-text:#111006;
}
html.nekon-growth-tester-theme .vip-plan.is-active{
  border-color:color-mix(in srgb,var(--plan-accent) 58%,#3A3C42 42%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 18px rgba(var(--plan-rgb),.085)!important;
}
html.nekon-growth-tester-theme .vip-plan :is(.growth-card__badge,.vip-plan__active,.vip-plan__theme-note){
  color:var(--plan-accent)!important;
  border-color:rgba(var(--plan-rgb),.24)!important;
  background:rgba(var(--plan-rgb),.055)!important;
  text-shadow:none!important;
}
html.nekon-growth-tester-theme .vip-plan .vip-plan__icon{
  color:var(--plan-accent)!important;
  border-color:rgba(var(--plan-rgb),.28)!important;
  background:linear-gradient(145deg,rgba(var(--plan-rgb),.09),#17181B)!important;
  box-shadow:0 0 13px rgba(var(--plan-rgb),.075)!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 5px rgba(var(--plan-rgb),.26))!important;
}
html.nekon-growth-tester-theme .vip-plan .vip-plan__art{color:var(--plan-accent)!important;opacity:.075!important}
html.nekon-growth-tester-theme .vip-plan button{
  background:linear-gradient(135deg,var(--plan-accent),var(--plan-accent-2))!important;
  color:var(--plan-button-text)!important;
  border-color:rgba(var(--plan-rgb),.52)!important;
  box-shadow:0 9px 25px rgba(0,0,0,.34),0 0 12px rgba(var(--plan-rgb),.11)!important;
  text-shadow:none!important;
}

/* ----------------------------------------------------------------------
   CONTROLES: solo el control activo usa metal. El resto permanece grafito.
   ---------------------------------------------------------------------- */
html.nekon-growth-tester-theme :is(
  .member-primary-button,.premium-finalize-button,.premium-detail-buy,
  .growth-lab-entry__actions button:not(.secondary),.points-reward button:not(:disabled),
  .operator-recharge-tabs button.is-active,.cta-primary,.primary-button,button.primary,
  .notification-detail-card__action,.streaming-platform-tabs button.is-active,.wallet-history-tabs button.is-active
){
  background:linear-gradient(135deg,var(--tier-accent),var(--tier-accent-2))!important;
  color:var(--tier-button-text)!important;
  border:1px solid rgba(var(--tier-accent-rgb),.52)!important;
  box-shadow:0 9px 25px rgba(0,0,0,.35),0 0 12px rgba(var(--tier-accent-rgb),.11),inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-shadow:none!important;
}
html.nekon-growth-tester-theme :is(
  .secondary,.secondary-button,.ghost-button,.member-tab,.profile-tab,.security-tab,
  .tester-vip-menu-actions button,.wallet-history-tabs button:not(.is-active),
  .streaming-platform-tabs button:not(.is-active),.operator-recharge-tabs button:not(.is-active),
  .notification-mark-read,.notification-center-close
){
  background:linear-gradient(145deg,#1A1B1E,#111214)!important;
  color:#F4F5F7!important;
  border:1px solid #34363C!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html.nekon-growth-tester-theme :is(
  .member-tab.is-active,.profile-tab.is-active,.security-tab.is-active,.tester-vip-menu-actions button.is-active
){
  background:rgba(var(--tier-accent-rgb),.075)!important;
  color:#FFFFFF!important;
  border-color:rgba(var(--tier-accent-rgb),.34)!important;
  box-shadow:inset 0 -2px 0 var(--tier-accent)!important;
}

/* ----------------------------------------------------------------------
   CONFIRMACIÓN DE COMPRA / RENOVACIÓN VIP
   ---------------------------------------------------------------------- */
.vip-purchase-confirm{
  --confirm-accent:var(--tier-accent);
  --confirm-accent-2:var(--tier-accent-2);
  --confirm-rgb:var(--tier-accent-rgb);
  --confirm-text:var(--tier-button-text);
  position:fixed;inset:0;z-index:100500;
  display:grid;place-items:center;
  padding:22px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
  animation:vipConfirmIn .2s ease-out both;
}

.vip-purchase-confirm--bronze{--confirm-accent:#CD7F32;--confirm-accent-2:#8C4A1F;--confirm-rgb:205,127,50;--confirm-text:#FFF8EF}
.vip-purchase-confirm--silver{--confirm-accent:#E1E8F0;--confirm-accent-2:#8794A5;--confirm-rgb:225,232,240;--confirm-text:#0A0D11}
.vip-purchase-confirm--gold{--confirm-accent:#FFD84D;--confirm-accent-2:#A98216;--confirm-rgb:255,216,77;--confirm-text:#111006}
.vip-purchase-confirm__card{
  width:min(520px,100%);
  background:linear-gradient(150deg,#1A1B1E,#0F1012);
  border:1px solid color-mix(in srgb,var(--confirm-accent) 34%,#3A3C42 66%);
  border-radius:24px;
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 22px rgba(var(--confirm-rgb),.08);
  color:#FFFFFF;
  overflow:hidden;
  transform-origin:50% 58%;
  animation:vipConfirmCardIn .24s cubic-bezier(.22,.8,.3,1) both;
}
.vip-purchase-confirm__head{
  display:flex;gap:15px;align-items:center;
  padding:24px 24px 18px;
  border-bottom:1px solid #292B30;
}
.vip-purchase-confirm__icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:rgba(var(--confirm-rgb),.07);
  border:1px solid rgba(var(--confirm-rgb),.28);
  color:var(--confirm-accent);
  font-size:24px;
  filter:drop-shadow(0 0 6px rgba(var(--confirm-rgb),.28));
}
.vip-purchase-confirm__head small{display:block;color:var(--confirm-accent)!important;font-weight:850;letter-spacing:.08em;margin-bottom:3px}
.vip-purchase-confirm__head h3{margin:0;color:#FFFFFF!important;font-size:1.24rem}
.vip-purchase-confirm__body{padding:20px 24px 8px}
.vip-purchase-confirm__plan{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:15px 16px;border-radius:16px;
  background:#151619;border:1px solid #2C2E34;
}
.vip-purchase-confirm__plan strong{color:#FFFFFF!important}
.vip-purchase-confirm__plan span{color:var(--tier-muted)!important;font-size:.84rem}
.vip-purchase-confirm__plan b{color:#FFFFFF!important;font-size:1.15rem}
.vip-purchase-confirm__metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.vip-purchase-confirm__metric{padding:12px 14px;border-radius:14px;background:#131416;border:1px solid #292B30}
.vip-purchase-confirm__metric small{display:block;color:#9298A3!important;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:800}
.vip-purchase-confirm__metric strong{display:block;margin-top:4px;color:#FFFFFF!important}
.vip-purchase-confirm__note{margin:14px 2px 0;color:#B8BDC7!important;line-height:1.55;font-size:.86rem}
.vip-purchase-confirm__warning{margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(255,82,82,.07);border:1px solid rgba(255,82,82,.2);color:#FFB6B6!important;font-size:.82rem}
.vip-purchase-confirm__actions{display:flex;gap:10px;padding:20px 24px 24px}
.vip-purchase-confirm__actions button{flex:1;min-height:46px;border-radius:14px;font-weight:850;letter-spacing:.02em;cursor:pointer}
.vip-purchase-confirm__cancel{background:#191A1D!important;color:#F4F5F7!important;border:1px solid #35373D!important;box-shadow:none!important}
.vip-purchase-confirm__accept{background:linear-gradient(135deg,var(--confirm-accent),var(--confirm-accent-2))!important;color:var(--confirm-text)!important;border:1px solid rgba(var(--confirm-rgb),.52)!important;box-shadow:0 9px 24px rgba(0,0,0,.35),0 0 12px rgba(var(--confirm-rgb),.10)!important}
.vip-purchase-confirm__accept:disabled{opacity:.44;cursor:not-allowed;filter:none!important}
@keyframes vipConfirmIn{from{opacity:0}to{opacity:1}}
@keyframes vipConfirmCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* ----------------------------------------------------------------------
   CAMBIO DE TEMA FLUIDO SIN PARPADEOS
   Cubre la vista con una lámina oscura de borde orgánico, cambia el tema
   cuando la pantalla está cubierta y luego lo revela de arriba hacia abajo.
   ---------------------------------------------------------------------- */
.vip-theme-flow-layer{
  position:fixed;inset:0;z-index:100450;pointer-events:none;overflow:hidden;
  --flow-rgb:138,43,226;
}
.vip-theme-flow-layer__sheet{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 76% 18%,rgba(var(--flow-rgb),.07),transparent 24rem),
    linear-gradient(180deg,#0C0C0D,#080809);
  clip-path:polygon(0 0,100% 0,100% 0,90% 0,80% 0,70% 0,60% 0,50% 0,40% 0,30% 0,20% 0,10% 0,0 0);
  will-change:clip-path;
}
.vip-theme-flow-layer.is-covering .vip-theme-flow-layer__sheet{
  animation:nekonFluidCover .66s cubic-bezier(.65,0,.35,1) forwards;
}
.vip-theme-flow-layer.is-revealing .vip-theme-flow-layer__sheet{
  clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%);
  animation:nekonFluidReveal .74s cubic-bezier(.65,0,.35,1) forwards;
}
.vip-theme-flow-layer__edge{
  position:absolute;left:0;right:0;top:0;height:4px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(var(--flow-rgb),.38),rgb(var(--flow-rgb)),rgba(var(--flow-rgb),.38),transparent);
  box-shadow:0 0 12px rgba(var(--flow-rgb),.34);
  will-change:transform,opacity;
}
.vip-theme-flow-layer.is-covering .vip-theme-flow-layer__edge{opacity:.8;animation:nekonFluidEdgeDown .66s cubic-bezier(.65,0,.35,1) forwards}
.vip-theme-flow-layer.is-revealing .vip-theme-flow-layer__edge{opacity:.65;top:auto;bottom:0;animation:nekonFluidEdgeFade .74s ease forwards}
.vip-theme-flow-layer__blob{
  position:absolute;top:-30px;left:var(--x);width:var(--size);height:var(--size);
  border-radius:45% 55% 58% 42%;
  background:#09090A;
  border-bottom:1px solid rgba(var(--flow-rgb),.13);
  opacity:.96;
  transform:translateY(0) rotate(var(--rot));
}
.vip-theme-flow-layer.is-covering .vip-theme-flow-layer__blob{animation:nekonFlowBlob .66s var(--delay) cubic-bezier(.65,0,.35,1) forwards}
.vip-theme-flow-layer.is-revealing .vip-theme-flow-layer__blob{opacity:0;transition:opacity .22s ease}
html.nekon-growth-tester-theme.vip-theme-settling,
html.nekon-growth-tester-theme.vip-theme-settling *{
  transition:background-color .72s ease,border-color .72s ease,color .58s ease,box-shadow .72s ease,filter .5s ease!important;
}
@keyframes nekonFluidCover{
  0%{clip-path:polygon(0 0,100% 0,100% 0,90% 0,80% 0,70% 0,60% 0,50% 0,40% 0,30% 0,20% 0,10% 0,0 0)}
  35%{clip-path:polygon(0 0,100% 0,100% 31%,91% 36%,82% 29%,73% 40%,64% 32%,55% 38%,46% 30%,37% 41%,28% 33%,18% 39%,0 34%)}
  70%{clip-path:polygon(0 0,100% 0,100% 70%,91% 76%,82% 68%,73% 81%,64% 72%,55% 78%,46% 69%,37% 82%,28% 73%,18% 79%,0 74%)}
  100%{clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%)}
}
@keyframes nekonFluidReveal{
  0%{clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%)}
  32%{clip-path:polygon(0 28%,12% 34%,22% 27%,33% 38%,43% 30%,54% 36%,64% 28%,74% 40%,84% 31%,92% 36%,100% 30%,100% 100%,0 100%)}
  68%{clip-path:polygon(0 67%,12% 73%,22% 66%,33% 77%,43% 69%,54% 75%,64% 67%,74% 79%,84% 70%,92% 75%,100% 69%,100% 100%,0 100%)}
  100%{clip-path:polygon(0 100%,12% 100%,22% 100%,33% 100%,43% 100%,54% 100%,64% 100%,74% 100%,84% 100%,92% 100%,100% 100%,100% 100%,0 100%)}
}
@keyframes nekonFluidEdgeDown{from{transform:translateY(-5vh)}to{transform:translateY(102vh)}}
@keyframes nekonFluidEdgeFade{0%{opacity:.65}100%{opacity:0}}
@keyframes nekonFlowBlob{0%{transform:translateY(0) rotate(var(--rot))}100%{transform:translateY(106vh) rotate(calc(var(--rot) + 18deg))}}

/* Compra: el texto del overlay no emite luz; partículas e icono sí pueden hacerlo. */
.vip-celebration__center strong,.vip-celebration__center small{text-shadow:none!important}

/* Hovers discretos, sin convertir la tarjeta al color del rango. */
@media(hover:hover){
  html.nekon-growth-tester-theme :is(
    .growth-card,.premium-product-card,.vip-member-card,.vip-ranking-card,.points-reward,
    .operator-card,.sportsbook-card,.streaming-account-card,.shared-account-card
  ):hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--tier-accent) 26%,#34363C 74%)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 13px rgba(var(--tier-accent-rgb),.055)!important;
  }
  html.nekon-growth-tester-theme .vip-plan:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--plan-accent) 42%,#3A3C42 58%)!important;
    box-shadow:0 20px 43px rgba(0,0,0,.5),0 0 14px rgba(var(--plan-rgb),.07)!important;
  }
}

@media(max-width:820px){
  html.nekon-growth-tester-theme body{background:#0A0A0A!important}
  html.nekon-growth-tester-theme :is(
    .growth-card,.growth-hero,.member-panel,.wallet-panel,.premium-product-card,.vip-current,
    .vip-plan,.profile-card,.points-reward,.vip-ranking-card
  ){box-shadow:0 12px 28px rgba(0,0,0,.44)!important}
  .vip-purchase-confirm{padding:14px;align-items:end}
  .vip-purchase-confirm__card{border-radius:22px 22px 16px 16px}
  .vip-purchase-confirm__metrics{grid-template-columns:1fr}
  .vip-purchase-confirm__actions{flex-direction:column-reverse}
}

@media(prefers-reduced-motion:reduce){
  .vip-theme-flow-layer__sheet,.vip-theme-flow-layer__edge,.vip-theme-flow-layer__blob{animation-duration:.01ms!important}
  html.nekon-growth-tester-theme.vip-theme-settling,html.nekon-growth-tester-theme.vip-theme-settling *{transition-duration:.01ms!important}
}

/* Ajustes finos del comparador: ningún detalle hereda accidentalmente el rango activo. */
html.nekon-growth-tester-theme .vip-plan .vip-plan__theme-note i{
  background:var(--plan-accent)!important;
  box-shadow:0 0 8px rgba(var(--plan-rgb),.18)!important;
}
html.nekon-growth-tester-theme .vip-plan li::before{color:var(--plan-accent)!important;text-shadow:none!important}
html.nekon-growth-tester-theme .vip-plan .vip-plan__price strong{color:#FFFFFF!important;text-shadow:none!important}
html.nekon-growth-tester-theme .vip-plan .vip-plan__price span{color:#9FA5AF!important;text-shadow:none!important}