/* Beta-only visual signals: red problem cards, reversible lime checks, and back-to-top control. */
#entrada .entry-node.problem-node{
  border-color:rgba(255,108,124,.18)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,86,108,.10),transparent 42%),
    linear-gradient(145deg,rgba(255,100,118,.045),rgba(255,255,255,.014))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.12),0 0 22px rgba(255,86,108,.025);
}

#entrada .entry-node.problem-node .ic{
  color:#ff9aa7;
  border-color:rgba(255,108,124,.24);
  background:linear-gradient(145deg,rgba(63,30,43,.96),rgba(24,20,34,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 20px rgba(255,86,108,.08);
}

#entrada .entry-node.problem-node>.circuit-sheen::before{
  background:linear-gradient(
    90deg,
    transparent 0 35%,
    rgba(255,72,98,0) 39%,
    rgba(255,72,98,.13) 43%,
    rgba(255,112,130,.38) 47%,
    rgba(255,205,212,.58) 50%,
    rgba(255,90,112,.30) 54%,
    rgba(255,72,98,0) 60%,
    transparent 65% 100%
  )!important;
  filter:blur(13px) saturate(1.34)!important;
}

#entrada .problem-badge,
.solution-badge{
  position:absolute!important;
  top:14px;
  right:16px;
  z-index:3!important;
  display:grid;
  place-items:center;
  pointer-events:none;
}

#entrada .problem-badge{
  width:29px;
  height:29px;
  border:1px solid rgba(255,108,124,.27);
  border-radius:10px;
  color:#ff7f90;
  background:rgba(73,26,39,.42);
  box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 16px rgba(255,86,108,.08);
  transition:transform .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,background .3s ease;
}

#entrada .problem-badge svg{
  width:15px;
  height:15px;
  stroke-width:1.9;
}

.solution-badge{
  width:25px;
  height:25px;
  overflow:visible;
  border:1px solid rgba(183,255,72,.20);
  border-radius:9px;
  color:#b8ff52;
  background:rgba(21,38,24,.38);
  box-shadow:0 7px 18px rgba(0,0,0,.14),0 0 9px rgba(174,255,62,.045);
  opacity:.62;
  transform:scale(.96);
  transition:transform .38s cubic-bezier(.19,1,.22,1),border-color .3s ease,color .3s ease,box-shadow .36s ease,background .3s ease,opacity .3s ease;
}

.solution-badge::after{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-1;
  border-radius:50%;
  opacity:0;
  transform:scale(.55);
  background:radial-gradient(circle,rgba(187,255,76,.30) 0%,rgba(174,255,62,.10) 42%,transparent 72%);
  filter:blur(2px);
  pointer-events:none;
}

.solution-check{
  width:15px;
  height:15px;
  overflow:visible;
  fill:none;
}

.solution-check-path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.45;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  filter:drop-shadow(0 0 4px rgba(183,255,72,.16));
  transition:stroke-dashoffset .62s cubic-bezier(.22,.78,.2,1),filter .32s ease;
}

.solution-node.is-checked>.solution-badge{
  opacity:1;
  transform:scale(1);
  border-color:rgba(183,255,72,.42);
  background:rgba(23,44,23,.54);
  box-shadow:0 8px 20px rgba(0,0,0,.17),0 0 14px rgba(174,255,62,.12);
}

.solution-node.is-checked>.solution-badge .solution-check-path{
  stroke-dashoffset:0;
  filter:drop-shadow(0 0 5px rgba(183,255,72,.28));
}

.solution-node.is-checked>.solution-badge::after{
  animation:solutionCheckArrival .82s ease-out 1;
}

@keyframes solutionCheckArrival{
  0%{opacity:.08;transform:scale(.55)}
  48%{opacity:.52}
  100%{opacity:0;transform:scale(1.55)}
}

@keyframes solutionLimeRadiance{
  0%{opacity:.12;transform:scale(.58)}
  48%{opacity:.56}
  100%{opacity:0;transform:scale(1.75)}
}

@keyframes problemRedSheen{
  0%{opacity:0;transform:translateX(-54%) rotate(8deg) scaleY(1.14)}
  18%{opacity:.76}
  64%{opacity:.60}
  100%{opacity:0;transform:translateX(54%) rotate(8deg) scaleY(1.14)}
}

@media (hover:hover) and (pointer:fine){
  #entrada .entry-node.problem-node:hover{
    border-color:rgba(255,104,122,.56)!important;
    background:
      radial-gradient(circle at 88% 12%,rgba(255,72,98,.24),transparent 46%),
      linear-gradient(145deg,rgba(255,98,120,.115),rgba(255,255,255,.028))!important;
    box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 38px rgba(255,74,99,.15),0 0 20px rgba(255,103,122,.08)!important;
  }

  #entrada .entry-node.problem-node:hover>.circuit-sheen::before{
    animation:problemRedSheen 1.9s cubic-bezier(.18,.68,.2,1) 1 both!important;
  }

  #entrada .entry-node.problem-node:hover .ic{
    color:#ffc0c8!important;
    border-color:rgba(255,104,122,.68)!important;
    background:linear-gradient(145deg,rgba(88,34,51,.98),rgba(31,22,39,.98))!important;
    box-shadow:0 17px 38px rgba(0,0,0,.32),0 0 28px rgba(255,78,102,.20)!important;
  }

  #entrada .entry-node.problem-node:hover h3{
    color:#ffe1e6!important;
    text-shadow:0 0 15px rgba(255,83,106,.16)!important;
  }

  #entrada .entry-node.problem-node:hover .problem-badge{
    color:#ffc2ca;
    border-color:rgba(255,104,122,.70);
    background:rgba(98,31,47,.58);
    box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 25px rgba(255,76,101,.24);
    transform:translateY(-1px) scale(1.05);
  }

  .solution-node:hover>.solution-badge{
    color:#d5ff7a;
    border-color:rgba(193,255,86,.68);
    background:rgba(31,55,26,.66);
    box-shadow:0 9px 24px rgba(0,0,0,.2),0 0 18px rgba(183,255,72,.22),0 0 30px rgba(156,255,47,.10);
    transform:translateY(-2px) scale(1.07);
  }

  .solution-node:hover>.solution-badge::after{
    animation:solutionLimeRadiance 1.35s ease-out infinite;
  }
}

.back-to-top{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-left:4px;
  border:1px solid rgba(232,201,122,.25);
  border-radius:50%;
  color:rgba(255,248,238,.82);
  background:
    radial-gradient(circle at 35% 28%,rgba(232,201,122,.13),transparent 44%),
    rgba(255,255,255,.035);
  box-shadow:0 10px 26px rgba(0,0,0,.17),0 0 15px rgba(232,201,122,.045);
  transition:transform .34s cubic-bezier(.19,1,.22,1),border-color .28s ease,color .28s ease,box-shadow .34s ease,background .28s ease;
}

.back-to-top svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (hover:hover) and (pointer:fine){
  .back-to-top:hover{
    transform:translateY(-4px);
    color:#fff0b6;
    border-color:rgba(232,201,122,.58);
    background:
      radial-gradient(circle at 35% 28%,rgba(232,201,122,.23),transparent 48%),
      rgba(255,255,255,.06);
    box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 22px rgba(232,201,122,.12);
  }
}

@media (max-width:1100px), (pointer:coarse), (hover:none){
  #entrada .entry-node.problem-node{
    background:
      radial-gradient(circle at 88% 12%,rgba(255,86,108,.09),transparent 42%),
      linear-gradient(145deg,rgba(255,100,118,.04),rgba(255,255,255,.014))!important;
  }

  #entrada .entry-node.problem-node.is-gold-reflecting{
    border-color:rgba(255,104,122,.48)!important;
    background:
      radial-gradient(circle at 88% 12%,rgba(255,72,98,.21),transparent 45%),
      linear-gradient(145deg,rgba(255,98,120,.095),rgba(255,255,255,.026))!important;
    box-shadow:0 16px 42px rgba(0,0,0,.21),0 0 28px rgba(255,76,101,.12)!important;
  }

  #entrada .entry-node.problem-node.is-gold-reflecting>.circuit-sheen::before{
    animation:problemRedSheen 1.9s cubic-bezier(.18,.68,.2,1) 1 both!important;
  }

  #entrada .entry-node.problem-node.is-gold-reflecting .ic{
    color:#ffc0c8!important;
    border-color:rgba(255,104,122,.60)!important;
    box-shadow:0 13px 30px rgba(0,0,0,.27),0 0 24px rgba(255,76,101,.18)!important;
  }

  #entrada .entry-node.problem-node.is-gold-reflecting h3{
    color:#ffe1e6!important;
    text-shadow:0 0 14px rgba(255,83,106,.14)!important;
  }

  #entrada .entry-node.problem-node.is-gold-reflecting .problem-badge{
    color:#ffc0c8;
    border-color:rgba(255,104,122,.60);
    box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 22px rgba(255,76,101,.20);
  }

  .solution-node.is-gold-reflecting>.solution-badge{
    color:#d5ff7a;
    border-color:rgba(193,255,86,.62);
    box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 17px rgba(183,255,72,.20);
    transform:scale(1.05);
  }

  .solution-node.is-gold-reflecting>.solution-badge::after{
    animation:solutionLimeRadiance 1.35s ease-out infinite;
  }

  #entrada .problem-badge,
  .solution-badge{
    top:13px;
    right:14px;
    left:auto!important;
  }

  .foot-inner{
    align-items:center;
    gap:12px;
  }

  .back-to-top{
    margin-left:auto;
  }
}

@media (prefers-reduced-motion:reduce){
  .solution-check-path{
    transition:none!important;
  }

  .solution-node.is-checked>.solution-badge::after,
  .solution-node:hover>.solution-badge::after,
  #entrada .entry-node.problem-node:hover>.circuit-sheen::before,
  #entrada .entry-node.problem-node.is-gold-reflecting>.circuit-sheen::before{
    animation:none!important;
  }
}