/* LIFE RPG · arte final de navegación y tarjetas de cuidado. */

/* La captura de navegación es la propia barra; seis enlaces superpuestos conservan el cambio de pestaña. */
nav#nav{
 width:96%!important;height:auto!important;min-height:0!important;aspect-ratio:852/154!important;
 margin:0 auto 2%!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;position:relative!important;
 display:flex!important;align-items:stretch!important;gap:0!important;border:0!important;border-radius:0!important;
 background:#100a05 url('assets/nav-ultimate.png') center/100% 100% no-repeat!important;box-shadow:none!important;
}
body:has(.reference-home) nav#nav{margin-top:-16.3%!important;margin-bottom:2%!important;min-height:0!important;}
nav#nav a{
 position:relative!important;display:block!important;flex:1 1 0!important;min-width:0!important;height:100%!important;padding:0!important;
 overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;
 color:transparent!important;font-size:0!important;text-indent:-9999px!important;text-shadow:none!important;
}
nav#nav .nav-symbol{display:none!important;}
nav#nav a:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 48%,#ff9b294e 0%,#e5791827 43%,transparent 72%);box-shadow:inset 0 0 18px #ffad3745;transition:opacity .2s ease;}
nav#nav a.active:after{opacity:1;}
nav#nav a:focus-visible{outline:2px solid #ffbd63!important;outline-offset:-4px!important;z-index:1;}
@media(max-width:520px){nav#nav{width:98%!important;margin-bottom:calc(2% + env(safe-area-inset-bottom,0px))!important;}body:has(.reference-home) nav#nav{margin-top:-16.3%!important;}}

/* Las cuatro ilustraciones ocupan más superficie; títulos y datos siguen siendo texto vivo. */
.daily-care-card{
 background-image:linear-gradient(90deg,#080604c4 0%,#08060483 39%,#08060408 100%),url('assets/cuidado-referencia.png')!important;
 background-size:100% 100%,1066.67% 1264.2%!important;
 background-position:center,var(--care-x) 85.5%!important;
 filter:brightness(1.14) saturate(1.25)!important;
}
.daily-care-card .care-title{display:block!important;position:absolute!important;left:20%!important;top:13%!important;width:58%!important;color:var(--care-color)!important;font:6.3cqw/1.1 Georgia,'Times New Roman',serif!important;text-shadow:0 1px 4px #000!important;}
.daily-care-card .care-icon{display:block!important;position:absolute!important;right:7%!important;top:10%!important;color:var(--care-color)!important;font:9cqw/1 Georgia,serif!important;text-shadow:0 0 8px color-mix(in srgb,var(--care-color) 55%,transparent)!important;}
.daily-care-card .care-number{left:20%!important;top:34%!important;max-width:69%!important;height:25%!important;color:#f1dfbf!important;font-size:6.3cqw!important;}
.daily-care-card .care-meter{top:70%!important;}
@media(max-width:520px){.daily-care-card .care-title{font-size:6.4cqw!important;}.daily-care-card .care-icon{font-size:9cqw!important;}.daily-care-card .care-number{font-size:6.4cqw!important;}}

/* Halo pequeño y ceñido al cofre: se eliminan las auras anchas heredadas. */
.home-chest-banner .banner-chest{position:relative!important;isolation:isolate!important;}
.home-chest-banner .banner-chest .chest-aura{inset:24%!important;opacity:.24!important;filter:none!important;animation:none!important;background:radial-gradient(ellipse at 50% 58%,#ffd98648 0%,#e98e3020 42%,transparent 70%)!important;}
.home-chest-banner .banner-chest .treasure-chest{filter:saturate(1.02) drop-shadow(0 0 2px #ffd47c2c) drop-shadow(0 4px 5px #000b)!important;}
.home-chest-rewards .gift-art .chest-aura{inset:24%!important;opacity:.24!important;filter:none!important;background:radial-gradient(ellipse at 50% 58%,#ffd98648 0%,#e98e3020 42%,transparent 70%)!important;}

/* El juramento deja ver parte del paisaje de ruinas que continúa detrás. */
.reference-home .ref-weekly-oath{background:linear-gradient(115deg,#0b0806a8,#10090480)!important;backdrop-filter:blur(1px);box-shadow:inset 0 0 10px #0007,0 2px 6px #0007!important;}