/* VIDA RPG · identidad y navegación afinadas a partir de las capturas del jugador. */

/* Reemplaza el rótulo del masthead por el emblema facilitado, en todas las pestañas. */
body:not(:has(.reference-home)) .masthead{
 position:relative!important;isolation:isolate;background-image:linear-gradient(90deg,#0b0806f4 0%,#0b0806e6 42%,#0b08069a 60%,transparent 100%),url('assets/castillo-sombrio.png')!important;
 background-size:cover!important;background-position:center 42%!important;border-bottom:1px solid #9a692e66;
}
body:not(:has(.reference-home)) .masthead:before{
 content:"";position:absolute;left:3.2%;top:8%;height:84%;aspect-ratio:1;background:url('assets/logo-shield.png') center/contain no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 7px #f39c3150);
}
.reference-home .ref-brand{left:3.3%!important;top:2.7%!important;width:15.5%!important;height:7.5%!important;background:none!important;}
.reference-home .ref-brand-mark,.reference-home .ref-brand-copy{display:none!important;}
.reference-home .ref-brand-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #efaa4055);}

/* El botón de inicio usa la insignia de ajustes de la captura, limpia y sin placa negra. */
.reference-home .ref-settings{left:90.15%!important;top:3.35%!important;width:8.3%!important;height:4.35%!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;text-indent:0!important;filter:none!important;}
.reference-home .ref-settings:before{display:none!important;}
.reference-home .ref-settings img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px #e5a64b48);}

/* Los enlaces siguen los separadores reales de la ilustración, para centrar el brillo. */
nav#nav{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
nav#nav a{position:absolute!important;top:0!important;bottom:0!important;height:100%!important;flex:none!important;min-width:0!important;padding:0!important;z-index:1!important;}
nav#nav a:nth-child(1){left:0!important;width:18.45%!important;}
nav#nav a:nth-child(2){left:18.45%!important;width:16.05%!important;}
nav#nav a:nth-child(3){left:34.5%!important;width:15.75%!important;}
nav#nav a:nth-child(4){left:50.25%!important;width:15.7%!important;}
nav#nav a:nth-child(5){left:65.95%!important;width:15.65%!important;}
nav#nav a:nth-child(6){left:81.6%!important;width:18.4%!important;}
nav#nav a.active{background:radial-gradient(ellipse at 50% 60%,#ff982d9c 0%,#da751b61 45%,transparent 82%)!important;box-shadow:inset 0 0 20px #ffad376e!important;}
nav#nav a:after{inset:3px 2px 5px!important;background:radial-gradient(ellipse at 50% 60%,#ff9b2968 0%,#e5791837 48%,transparent 78%)!important;box-shadow:inset 0 0 20px #ffad3755!important;}
nav#nav a.active:after{opacity:1!important;}
nav#nav a:focus-visible{outline:2px solid #ffbd63!important;outline-offset:-5px!important;z-index:2!important;}
body:has(.reference-home):has(.home-streak) nav#nav{margin-top:0!important;}

/* Recupera la frase que acompaña los cofres; deja un espacio visible antes del menú. */
.home-streak{display:block!important;position:relative!important;z-index:2!important;min-height:0!important;margin:13px 3.4% 15px!important;padding:12px 15px!important;border:1.2cqw solid transparent!important;border-image:url('assets/frame.svg') 25 fill stretch!important;background:linear-gradient(110deg,#100b07d2,#0b0806b8)!important;box-shadow:inset 0 0 11px #0008!important;text-align:center!important;}
.home-streak-quote{display:block!important;margin:0!important;color:#e6cda4!important;font:italic clamp(13px,2.8cqw,19px)/1.4 Georgia,serif!important;text-shadow:0 1px 3px #000!important;}

/* El título del juramento comparte tamaño y peso con «Tu objetivo actual». */
.weekly-oath-heading{font-size:3.05cqw!important;font-weight:600!important;}
.weekly-oath-heading strong,.ref-objective-heading strong{font-weight:600!important;}

/* Las tarjetas de cuidado muestran completas las ilustraciones originales en vertical. */
.daily-care-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
.daily-care-card{
 width:100%!important;aspect-ratio:376/177!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden!important;box-sizing:border-box!important;container-type:inline-size!important;
 border:0!important;border-image:none!important;border-radius:0!important;box-shadow:0 3px 10px #0009!important;
 background-image:url('assets/cuidado-referencia.png')!important;background-size:408.52% 578.53%!important;background-position:var(--care-x) 83.3%!important;filter:none!important;
}
.daily-care-card:after{content:""!important;display:none!important;}
.daily-care-card:not(.has-record):after{display:block!important;position:absolute!important;left:7.4%!important;top:59%!important;width:62%!important;height:10%!important;z-index:20!important;pointer-events:none!important;box-sizing:border-box!important;border:1px solid #72502d!important;border-radius:8px!important;background:#090705ff!important;opacity:1!important;}
.daily-care-card .care-title,.daily-care-card .care-icon{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
.daily-care-card .care-number{
 position:absolute!important;left:26%!important;top:30%!important;width:70%!important;max-width:none!important;height:23%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;overflow:hidden!important;padding:0 1.5%!important;
 background:linear-gradient(90deg,#100d0af9 0%,#100d0af4 88%,#100d0ad9 100%)!important;color:#f1dfbf!important;font:7.1cqw/1 Georgia,'Times New Roman',serif!important;letter-spacing:-.025em!important;white-space:nowrap!important;text-shadow:0 1px 3px #000!important;
}
.daily-care-card .care-meter{
 position:absolute!important;left:7.4%!important;top:59%!important;width:62%!important;height:10%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:0 1%!important;z-index:11!important;border:1px solid #72502d!important;border-radius:8px!important;background:#090705ff!important;
}
.daily-care-card:not(.has-record) .care-meter{visibility:hidden!important;}
.daily-care-card .care-meter>span{display:block!important;height:60%!important;min-height:4px!important;flex:none!important;border:1px solid color-mix(in srgb,var(--care-color) 72%,#15100a)!important;border-radius:9px!important;background:linear-gradient(#0b0907,#060504)!important;box-shadow:inset 0 1px 3px #000!important;transition:width .45s ease!important;}
.daily-care-card .care-meter>span:not(.recorded){border:0!important;background:transparent!important;box-shadow:none!important;}
.daily-care-card:not(.has-record) .care-meter>span{display:none!important;}
.daily-care-card .care-meter>span.recorded{background:linear-gradient(color-mix(in srgb,var(--care-color) 68%,#fff),var(--care-color))!important;box-shadow:0 0 7px color-mix(in srgb,var(--care-color) 35%,transparent)!important;}
.daily-care-card .care-action{display:none!important;}
@media(max-width:520px){.daily-care-grid{gap:8px!important;}.daily-care-card .care-number{font-size:7.3cqw!important;}}