/* LIFE RPG · últimos ajustes guiados por las capturas del jugador. */

/* Mantiene el mismo aire entre escudo y rótulo que en la pantalla de Inicio. */
body:not(:has(.reference-home)) .masthead:after{left:14.35%!important;}

/* Separación más clara entre el dato registrado y el botón impreso en la ilustración. */
.daily-care-card .care-number{top:69.5%!important;}

/* Logros: medalla limpia, centrada y un poco más visible dentro de su tarjeta. */
.achievement-gallery .achievement .medal{
  display:block!important;position:relative!important;flex:0 0 auto!important;
  width:clamp(96px,24cqw,158px)!important;height:clamp(96px,24cqw,158px)!important;
  max-width:none!important;aspect-ratio:1!important;margin:0 auto 14px!important;
  background-color:transparent!important;border:0!important;border-radius:50%!important;
  overflow:hidden!important;mix-blend-mode:screen!important;
}
.achievement-gallery .achievement{align-items:center!important;text-align:center!important;}

/* Brillo radial bajo el icono activo: acompaña la selección sin pintar un recuadro. */
nav#nav a.active .nav-symbol{
  position:relative!important;isolation:isolate!important;border-radius:50%!important;
  color:#ffd18a!important;
  background:radial-gradient(circle,#ffae352f 0%,#e9842018 42%,transparent 70%)!important;
  box-shadow:0 0 10px 3px #ec922b68!important;
  filter:drop-shadow(0 0 4px #f6a33dba)!important;
  animation:activeNavSpark 2.4s ease-in-out infinite!important;
}
nav#nav a.active .nav-symbol svg{color:#ffd18a!important;filter:brightness(1.32) drop-shadow(0 0 4px #ff9e2fdd)!important;}
@keyframes activeNavSpark{0%,100%{opacity:.88}50%{opacity:1;filter:drop-shadow(0 0 4px #ffad4499)!important}}
@media(prefers-reduced-motion:reduce){nav#nav a.active .nav-symbol{animation:none!important;}}
nav#nav a.active{position:relative!important;isolation:isolate!important;overflow:visible!important;background:radial-gradient(ellipse 46% 38% at 50% 31%,#ffae3970 0%,#e5853033 48%,transparent 100%)!important;}
nav#nav a.active:before{
  content:""!important;display:block!important;position:absolute!important;
  left:50%!important;top:4%!important;width:6px!important;height:6px!important;
  transform:translateX(-50%) rotate(45deg)!important;border:1px solid #ffe2a0!important;border-radius:1px!important;
  background:#ffb947!important;
  filter:drop-shadow(0 0 3px #ff9b2e)!important;box-shadow:0 0 7px 3px #f2912c9c!important;opacity:.9!important;z-index:2!important;pointer-events:none!important;
  animation:activeTileSpark 2.4s ease-in-out infinite!important;
}
nav#nav a.active .nav-symbol{z-index:1!important;}
@keyframes activeTileSpark{0%,100%{opacity:.62;transform:translateX(-50%) rotate(45deg) scale(.86)}50%{opacity:1;transform:translateX(-50%) rotate(45deg) scale(1.18)}}
@media(prefers-reduced-motion:reduce){nav#nav a.active:before{animation:none!important;opacity:.72!important;}}

/* El saldo conserva sus monedas y gemas, pero se funde con el arte del encabezado. */
.wallet-hud,body:has(.reference-home) .wallet-hud{
  border:0!important;border-image:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;clip-path:none!important;
  padding:0!important;text-shadow:0 1px 3px #080503,0 0 5px #0009!important;
}
.wallet-hud .currency-icon{filter:drop-shadow(0 0 2px #f6b04a55)!important;}
.wallet-hud:focus-visible{outline:2px solid #eaa64d!important;outline-offset:3px!important;}