/* ══════════════════════════════════════════════════════════════════════════
   FATIGA — estilos de la sección (public/fatiga/)

   · La PANTALLA #scr-fatigue: verde cristal, dos paletas (noche y día) por
     variables CSS, y el fondo que respira según el nivel (sólo opacity).
   · La HOJA de ayuda y el documento cuelgan de <body> (#fat-hoja).
   · La TARJETA del Home (.dh-fat-*) y la de la ficha del día del roster
     (.rst-fat, panel claro en los dos temas: una sola paleta).
   ══════════════════════════════════════════════════════════════════════════ */

#scr-fatigue,#fat-hoja{background:#021F13!important;isolation:isolate;
--f-tx:#ECFDF3;--f-mut:#CDEBD9;--f-line:rgba(190,255,215,.20);--f-sep:rgba(255,255,255,.09);--f-track:rgba(255,255,255,.12);--f-tick:rgba(220,255,235,.40);
--f-glass:rgba(255,255,255,.06);--f-sh:0 8px 24px rgba(0,30,15,.35),inset 0 1px 0 rgba(255,255,255,.10);
--f-red:#FF6B7A;--f-redTx:#FFB3BB;--f-redBg:rgba(255,92,108,.22);--f-amb:#FBBF24;--f-ambTx:#FCD34D;--f-ambBg:rgba(251,191,36,.18);--f-teal:#5EEAD4;--f-tealTx:#99F6E4;--f-tealBg:rgba(94,234,212,.18);
--f-acc:#4ADE80;--f-accBg:rgba(74,222,128,.18);--f-accOn:#032012;--f-blue:#93C5FD;--f-vio:#C084FC;--f-sheet:#05261A;--f-velo:rgba(2,20,12,.55);
--f-qb:rgba(255,255,255,.16);--f-qt:#BBF7D0;--f-hub:#021F13;--f-needle:#FFFFFF;--f-tip:rgba(255,255,255,.07);--f-ring:rgba(255,255,255,.08);--f-ring0:rgba(255,255,255,.14)}
html.day #scr-fatigue,html.day #fat-hoja{background:#D3F4E2!important;
--f-tx:#01170D;--f-mut:#173D2C;--f-line:rgba(4,100,70,.28);--f-sep:rgba(4,40,26,.14);--f-track:rgba(4,40,26,.16);--f-tick:rgba(4,40,26,.45);
--f-glass:rgba(255,255,255,.80);--f-sh:0 8px 24px rgba(6,78,59,.20),inset 0 1px 0 rgba(255,255,255,.9);
--f-red:#E11D48;--f-redTx:#9F1239;--f-redBg:rgba(225,29,72,.12);--f-amb:#F59E0B;--f-ambTx:#92400E;--f-ambBg:rgba(245,158,11,.16);--f-teal:#14B8A6;--f-tealTx:#0F766E;--f-tealBg:rgba(20,184,166,.16);
--f-acc:#047857;--f-accBg:rgba(4,120,87,.12);--f-accOn:#FFFFFF;--f-blue:#2563EB;--f-vio:#7C3AED;--f-sheet:#F4FDF8;--f-velo:rgba(4,40,26,.30);
--f-qb:rgba(4,120,87,.20);--f-qt:#065F46;--f-hub:#FFFFFF;--f-needle:#01170D;--f-tip:rgba(236,253,245,.95);--f-ring:rgba(255,255,255,.9);--f-ring0:rgba(4,40,26,.22)}
#scr-fatigue .fat-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(60% 35% at 12% 8%,rgba(34,255,122,.18) 0%,rgba(34,255,122,0) 100%),radial-gradient(55% 30% at 92% 58%,rgba(45,212,191,.12) 0%,rgba(45,212,191,0) 100%),radial-gradient(50% 25% at 20% 95%,rgba(134,239,172,.08) 0%,rgba(134,239,172,0) 100%),linear-gradient(160deg,#010D08 0%,#021F13 50%,#04301D 100%)}
html.day #scr-fatigue .fat-sky{background:radial-gradient(55% 30% at 88% 4%,rgba(255,236,190,.85) 0%,rgba(255,236,190,0) 100%),radial-gradient(60% 35% at 10% 20%,rgba(110,231,183,.55) 0%,rgba(110,231,183,0) 100%),radial-gradient(55% 30% at 90% 70%,rgba(94,234,212,.40) 0%,rgba(94,234,212,0) 100%),linear-gradient(160deg,#EFFCF5 0%,#D3F4E2 50%,#A8E5C3 100%)}
#scr-fatigue .fat-resp{position:absolute;inset:0;opacity:0;will-change:opacity}
#scr-fatigue[data-nivel="bajo"] .fat-resp{background:radial-gradient(60% 35% at 12% 8%,rgba(45,212,191,.22) 0%,rgba(45,212,191,0) 100%),linear-gradient(160deg,#011014 0%,#032A2E 50%,#06404A 100%);animation:fatResp 16s ease-in-out infinite alternate}
#scr-fatigue[data-nivel="moderado"] .fat-resp{background:radial-gradient(60% 35% at 12% 8%,rgba(251,191,36,.20) 0%,rgba(251,191,36,0) 100%),linear-gradient(160deg,#0D0A02 0%,#2A1E05 50%,#3D2A06 100%);animation:fatResp 12s ease-in-out infinite alternate}
#scr-fatigue[data-nivel="alto"] .fat-resp{background:radial-gradient(60% 35% at 12% 8%,rgba(255,92,108,.22) 0%,rgba(255,92,108,0) 100%),linear-gradient(160deg,#120206 0%,#2E0811 50%,#45101C 100%);animation:fatResp 9s ease-in-out infinite alternate}
html.day #scr-fatigue[data-nivel="bajo"] .fat-resp{background:radial-gradient(55% 30% at 88% 4%,rgba(255,236,190,.85) 0%,rgba(255,236,190,0) 100%),linear-gradient(160deg,#EFFFFC 0%,#C9F5EE 50%,#9EE7DC 100%)}
html.day #scr-fatigue[data-nivel="moderado"] .fat-resp{background:radial-gradient(55% 30% at 88% 4%,rgba(255,236,190,.85) 0%,rgba(255,236,190,0) 100%),linear-gradient(160deg,#FFFBEB 0%,#FDEBC0 50%,#F8D58A 100%)}
html.day #scr-fatigue[data-nivel="alto"] .fat-resp{background:radial-gradient(55% 30% at 88% 4%,rgba(255,236,190,.85) 0%,rgba(255,236,190,0) 100%),linear-gradient(160deg,#FFF1F3 0%,#FFD3DB 50%,#F9AFBD 100%)}
@keyframes fatResp{0%,12%{opacity:0}88%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){#scr-fatigue .fat-resp{animation:none!important;opacity:0}}
#scr-fatigue>.inner-header,#scr-fatigue>.scroll-body{position:relative;z-index:1}
#scr-fatigue .back-btn{color:var(--f-qt)}#scr-fatigue .ih-title{color:var(--f-tx)}
#fat-body{color:var(--f-tx);font-family:"Space Grotesk",system-ui,sans-serif;display:flex;flex-direction:column;gap:12px;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
:is(#fat-body,#fat-hoja) .fcard{position:relative;border-radius:18px;background:var(--f-glass);border:1px solid var(--f-line);box-shadow:var(--f-sh);padding:12px 14px;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
:is(#fat-body,#fat-hoja) .flab{display:flex;align-items:center;font-size:10.5px;letter-spacing:.12em;color:var(--f-mut);font-weight:600;min-height:20px}
:is(#fat-body,#fat-hoja) .fsub{font-size:11.5px;color:var(--f-mut)}:is(#fat-body,#fat-hoja) .fsub2{font-size:12.5px;color:var(--f-mut);line-height:1.45;margin-top:6px}
:is(#fat-body,#fat-hoja) .fmono{font-family:"JetBrains Mono","Space Mono",monospace;font-weight:600}
:is(#fat-body,#fat-hoja) .ftit{font-size:15px;font-weight:600}:is(#fat-body,#fat-hoja) .ftit2{font-size:14px;font-weight:600;display:flex;align-items:center}
:is(#fat-body,#fat-hoja) .fgrow{flex:1;min-width:0}:is(#fat-body,#fat-hoja) .fsp{display:flex;align-items:center;justify-content:space-between;gap:8px}
:is(#fat-body,#fat-hoja) .fq{width:44px;height:44px;margin:-12px -9px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
:is(#fat-body,#fat-hoja) .fq span{width:20px;height:20px;border-radius:50%;background:var(--f-qb);color:var(--f-qt);font:700 12px/20px "JetBrains Mono",monospace;text-align:center}
:is(#fat-body,#fat-hoja) .fq-abs{position:absolute;right:10px;top:10px;margin:0}
:is(#fat-body,#fat-hoja) .fhead{display:flex;align-items:center;gap:8px}
:is(#fat-body,#fat-hoja) .fhead-t{flex:1;text-align:center;min-width:0}
:is(#fat-body,#fat-hoja) .feye{display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.16em;color:var(--f-mut);font-weight:600;min-height:20px}
:is(#fat-body,#fat-hoja) .fday{font-size:18px;font-weight:700}:is(#fat-body,#fat-hoja) .froute{font-size:12px;color:var(--f-mut);font-family:"JetBrains Mono",monospace}
:is(#fat-body,#fat-hoja) .fnav{width:44px;height:44px;border-radius:12px;border:1px solid var(--f-line);background:var(--f-glass);color:var(--f-tx);display:flex;align-items:center;justify-content:center;box-shadow:var(--f-sh)}
:is(#fat-body,#fat-hoja) .fnav[disabled]{opacity:.35}:is(#fat-body,#fat-hoja) .fnav svg,:is(#fat-body,#fat-hoja) .fic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
:is(#fat-body,#fat-hoja) .ftabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--f-glass);border:1px solid var(--f-line);box-shadow:var(--f-sh)}
:is(#fat-body,#fat-hoja) .ftabs button{min-height:40px;border-radius:10px;border:none;background:transparent;color:var(--f-mut);font:600 12.5px "Space Grotesk",sans-serif;padding:0 2px}
:is(#fat-body,#fat-hoja) .ftabs button.on{background:var(--f-acc);color:var(--f-accOn)}
:is(#fat-body,#fat-hoja) .fview{display:flex;flex-direction:column;gap:12px}
:is(#fat-body,#fat-hoja) svg{display:block;width:100%;height:auto;font-family:"JetBrains Mono",monospace}
:is(#fat-body,#fat-hoja) .s-track,:is(#fat-body,#fat-hoja) .s-red,:is(#fat-body,#fat-hoja) .s-amb,:is(#fat-body,#fat-hoja) .s-teal,:is(#fat-body,#fat-hoja) .s-acc,:is(#fat-body,#fat-hoja) .s-blue,:is(#fat-body,#fat-hoja) .s-vio,:is(#fat-body,#fat-hoja) .s-ring,:is(#fat-body,#fat-hoja) .s-ring0{fill:none}
:is(#fat-body,#fat-hoja) .s-track{stroke:var(--f-track)}:is(#fat-body,#fat-hoja) .s-red{stroke:var(--f-red)}:is(#fat-body,#fat-hoja) .s-red.glow{opacity:.14}:is(#fat-body,#fat-hoja) .s-amb{stroke:var(--f-amb)}:is(#fat-body,#fat-hoja) .s-teal{stroke:var(--f-teal)}
:is(#fat-body,#fat-hoja) .s-acc{stroke:var(--f-acc)}:is(#fat-body,#fat-hoja) .f-accA{fill:var(--f-acc);fill-opacity:.10}:is(#fat-body,#fat-hoja) .s-blue{stroke:var(--f-blue)}:is(#fat-body,#fat-hoja) .s-vio{stroke:var(--f-vio)}
:is(#fat-body,#fat-hoja) .s-ring{stroke:var(--f-ring)}:is(#fat-body,#fat-hoja) .s-ring0{stroke:var(--f-ring0)}:is(#fat-body,#fat-hoja) .s-tick{stroke:var(--f-tick)}:is(#fat-body,#fat-hoja) .s-grid{stroke:var(--f-sep)}
:is(#fat-body,#fat-hoja) .s-needle{stroke:var(--f-needle)}:is(#fat-body,#fat-hoja) .s-hub{fill:var(--f-hub);stroke:var(--f-needle)}:is(#fat-body,#fat-hoja) .s-hubR{fill:var(--f-hub);stroke:var(--f-red)}
:is(#fat-body,#fat-hoja) .t-mut{fill:var(--f-mut)}:is(#fat-body,#fat-hoja) text.t-tx{fill:var(--f-tx)}
:is(#fat-body,#fat-hoja) .f-red{fill:var(--f-red)}:is(#fat-body,#fat-hoja) .f-amb{fill:var(--f-amb)}:is(#fat-body,#fat-hoja) .f-teal{fill:var(--f-teal)}:is(#fat-body,#fat-hoja) .f-blue{fill:var(--f-blue)}:is(#fat-body,#fat-hoja) .f-acc{fill:var(--f-acc)}
:is(#fat-body,#fat-hoja) .f-pbg-alto{fill:var(--f-redBg)}:is(#fat-body,#fat-hoja) .f-pbg-moderado{fill:var(--f-ambBg)}:is(#fat-body,#fat-hoja) .f-pbg-bajo{fill:var(--f-tealBg)}
:is(#fat-body,#fat-hoja) text.t-p-alto{fill:var(--f-redTx)}:is(#fat-body,#fat-hoja) text.t-p-moderado{fill:var(--f-ambTx)}:is(#fat-body,#fat-hoja) text.t-p-bajo{fill:var(--f-tealTx)}
:is(#fat-body,#fat-hoja) span.t-p-alto,:is(#fat-body,#fat-hoja) .t-alto,:is(#fat-body,#fat-hoja) .t-red{color:var(--f-redTx)}:is(#fat-body,#fat-hoja) span.t-p-moderado,:is(#fat-body,#fat-hoja) .t-moderado,:is(#fat-body,#fat-hoja) .t-amb{color:var(--f-ambTx)}:is(#fat-body,#fat-hoja) span.t-p-bajo,:is(#fat-body,#fat-hoja) .t-bajo,:is(#fat-body,#fat-hoja) .t-teal{color:var(--f-tealTx)}:is(#fat-body,#fat-hoja) .t-acc{color:var(--f-acc)}:is(#fat-body,#fat-hoja) b.t-mut{color:var(--f-mut)}
:is(#fat-body,#fat-hoja) .fgauge{padding:8px 4px 10px;height:248px;box-sizing:border-box}
/* El instrumento se mide por el ALTO de la tarjeta, no por el ancho: sin esto, en un
   iPad apaisado o un escritorio el SVG (width:auto = ancho entero) crecía a 2.000 px
   y se salía por debajo de todo lo demás. */
:is(#fat-body,#fat-hoja) .fgauge>svg{display:block;width:100%;height:100%;max-height:230px;overflow:visible}
/* El reloj de 24 h y la curva de la semana tampoco crecen sin fin con el ancho:
   con el alto topado el dibujo se queda centrado (preserveAspectRatio por defecto). */
#fat-body .fdialc>svg{max-height:460px}
#fat-body .fweek>svg{max-height:340px}
/* Y la columna no pasa de lo que se lee bien: en pantallas anchas, centrada. */
#fat-body{max-width:760px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}
:is(#fat-body,#fat-hoja) .fg-l,:is(#fat-body,#fat-hoja) .fg-r{position:absolute;top:6px;display:flex;align-items:center;font-size:10px;letter-spacing:.14em;color:var(--f-mut);z-index:1}
:is(#fat-body,#fat-hoja) .fg-l{left:14px}:is(#fat-body,#fat-hoja) .fg-r{right:14px}
:is(#fat-body,#fat-hoja) .fg-v{position:absolute;left:0;right:0;top:118px;text-align:center}
:is(#fat-body,#fat-hoja) .fg-n{font:700 46px/1 "JetBrains Mono",monospace;letter-spacing:-.02em}
:is(#fat-body,#fat-hoja) .fpill{display:inline-flex;margin-top:8px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.12em;vertical-align:middle}
:is(#fat-body,#fat-hoja) .fg-v .fq{vertical-align:middle;margin:-4px -9px 0}
:is(#fat-body,#fat-hoja) .p-alto.fpill,:is(#fat-body,#fat-hoja) .fbadge.p-alto{background:var(--f-redBg);color:var(--f-redTx)}:is(#fat-body,#fat-hoja) .p-moderado.fpill,:is(#fat-body,#fat-hoja) .fbadge.p-moderado{background:var(--f-ambBg);color:var(--f-ambTx)}:is(#fat-body,#fat-hoja) .p-bajo.fpill,:is(#fat-body,#fat-hoja) .fbadge.p-bajo{background:var(--f-tealBg);color:var(--f-tealTx)}
:is(#fat-body,#fat-hoja) .frw{display:flex;align-items:center;gap:12px}
:is(#fat-body,#fat-hoja) .fbadge{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}:is(#fat-body,#fat-hoja) .fbadge .fic{width:22px;height:22px}
:is(#fat-body,#fat-hoja) .fright{text-align:right}:is(#fat-body,#fat-hoja) .fright .fmono{font-size:18px}
:is(#fat-body,#fat-hoja) .fgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:is(#fat-body,#fat-hoja) .fstat{padding:10px 12px}:is(#fat-body,#fat-hoja) .fstat .flab{font-size:9.5px;letter-spacing:.08em}:is(#fat-body,#fat-hoja) .fbig{font-size:19px;margin-top:2px}
:is(#fat-body,#fat-hoja) .fbar{height:4px;border-radius:4px;background:var(--f-track);margin-top:8px;overflow:hidden}:is(#fat-body,#fat-hoja) .fbar i{display:block;height:4px;border-radius:4px}
:is(#fat-body,#fat-hoja) .b-red{background:var(--f-red)}:is(#fat-body,#fat-hoja) .b-amb{background:var(--f-amb)}:is(#fat-body,#fat-hoja) .b-teal{background:var(--f-teal)}
:is(#fat-body,#fat-hoja) .flist{padding:4px 14px}:is(#fat-body,#fat-hoja) .fli{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13.5px;line-height:1.35;border-bottom:1px solid var(--f-sep)}:is(#fat-body,#fat-hoja) .fli:last-child{border-bottom:none}
:is(#fat-body,#fat-hoja) .fbtn{width:100%;background:transparent;border:none;border-bottom:1px solid var(--f-sep);color:inherit;text-align:left;font:inherit;min-height:52px}
:is(#fat-body,#fat-hoja) .fnote{font-size:12px;color:var(--f-mut)}:is(#fat-body,#fat-hoja) .fpad{padding-top:6px}
:is(#fat-body,#fat-hoja) .c-vio{color:var(--f-vio)}:is(#fat-body,#fat-hoja) .c-red{color:var(--f-redTx)}:is(#fat-body,#fat-hoja) .c-amb{color:var(--f-ambTx)}:is(#fat-body,#fat-hoja) .c-teal{color:var(--f-tealTx)}:is(#fat-body,#fat-hoja) .c-blue{color:var(--f-blue)}
:is(#fat-body,#fat-hoja) .fsec .flab{margin-bottom:6px}
:is(#fat-body,#fat-hoja) .f7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
:is(#fat-body,#fat-hoja) .fday7{min-height:56px;border:none;background:transparent;padding:0;color:var(--f-mut);font:500 11px "Space Grotesk",sans-serif;display:flex;flex-direction:column;align-items:stretch;gap:4px}
:is(#fat-body,#fat-hoja) .fday7 i{display:block;height:34px;border-radius:10px;border:1px solid var(--f-line)}
:is(#fat-body,#fat-hoja) .fday7.cur{color:var(--f-tx);font-weight:700}:is(#fat-body,#fat-hoja) .fday7.cur i{border-width:2px}
:is(#fat-body,#fat-hoja) .fday7.p-bajo i{background:var(--f-tealBg);border-color:var(--f-teal)}:is(#fat-body,#fat-hoja) .fday7.p-moderado i{background:var(--f-ambBg);border-color:var(--f-amb)}:is(#fat-body,#fat-hoja) .fday7.p-alto i{background:var(--f-redBg);border-color:var(--f-red)}
:is(#fat-body,#fat-hoja) .fday7.p-libre i{background:transparent;border-style:dashed;border-color:var(--f-tick)}
:is(#fat-body,#fat-hoja) .fpie{font-size:11px;color:var(--f-mut);line-height:1.45;margin:2px 2px 0}
:is(#fat-body,#fat-hoja) .fdialc{padding:4px}:is(#fat-body,#fat-hoja) .fdial-c{position:absolute;left:0;right:0;top:36%;text-align:center}
:is(#fat-body,#fat-hoja) .fdial-c .flab{justify-content:center}:is(#fat-body,#fat-hoja) .fdial-n{font-size:38px;line-height:1.05}:is(#fat-body,#fat-hoja) .fdial-s{font-size:13px;font-weight:600;margin-top:2px}
:is(#fat-body,#fat-hoja) .fleg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:4px 6px}
:is(#fat-body,#fat-hoja) .fleg-i{display:flex;align-items:center;gap:8px;min-height:40px;padding-left:8px;font-size:12.5px}
:is(#fat-body,#fat-hoja) .fleg-i i,:is(#fat-body,#fat-hoja) .fleg-row i{display:inline-block;width:16px;height:6px;border-radius:3px;flex-shrink:0}
:is(#fat-body,#fat-hoja) .k-amb{background:var(--f-amb)}:is(#fat-body,#fat-hoja) .k-blue{background:var(--f-blue)}:is(#fat-body,#fat-hoja) .k-vio{background:var(--f-vio);opacity:.6}:is(#fat-body,#fat-hoja) .k-acc{background:var(--f-acc);height:2px!important}:is(#fat-body,#fat-hoja) .k-red{background:var(--f-red);opacity:.5}
:is(#fat-body,#fat-hoja) .ftip{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.4}
:is(#fat-body,#fat-hoja) .fsubh{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;font-weight:700;padding:0 2px}
:is(#fat-body,#fat-hoja) .fweek{padding:10px 6px 6px}:is(#fat-body,#fat-hoja) .fleg-row{display:flex;gap:10px;align-items:center;padding:0 8px;font-size:11.5px;color:var(--f-mut)}:is(#fat-body,#fat-hoja) .fleg-row span{display:flex;align-items:center;gap:6px}
:is(#fat-body,#fat-hoja) .ftank{position:relative;height:24px;margin-top:10px;border-radius:8px;background:var(--f-track);overflow:hidden}
:is(#fat-body,#fat-hoja) .ftank i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--f-red) 0%,var(--f-amb) 45%,var(--f-teal) 100%)}
:is(#fat-body,#fat-hoja) .ftank b{position:absolute;top:0;bottom:0;width:2px;background:var(--f-hub)}
:is(#fat-body,#fat-hoja) .ftank-l{display:flex;justify-content:space-between;margin-top:6px;font:10px "JetBrains Mono",monospace;color:var(--f-mut)}
:is(#fat-body,#fat-hoja) .fdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}:is(#fat-body,#fat-hoja) i.fdot.f-red{background:var(--f-red)}:is(#fat-body,#fat-hoja) i.fdot.f-amb{background:var(--f-amb)}
:is(#fat-body,#fat-hoja) .fkss{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:10px 0 8px}
:is(#fat-body,#fat-hoja) .fk{min-height:44px;border-radius:10px;font:600 14px "JetBrains Mono",monospace;border:1px solid}
:is(#fat-body,#fat-hoja) .fk.k-bajo{background:var(--f-tealBg);border-color:var(--f-teal);color:var(--f-tealTx)}:is(#fat-body,#fat-hoja) .fk.k-moderado{background:var(--f-ambBg);border-color:var(--f-amb);color:var(--f-ambTx)}:is(#fat-body,#fat-hoja) .fk.k-alto{background:var(--f-redBg);border-color:var(--f-red);color:var(--f-redTx)}
:is(#fat-body,#fat-hoja) .fk.on.k-bajo{background:var(--f-tealTx);color:var(--f-hub)}:is(#fat-body,#fat-hoja) .fk.on.k-moderado{background:var(--f-ambTx);color:var(--f-hub)}:is(#fat-body,#fat-hoja) .fk.on.k-alto{background:var(--f-redTx);color:var(--f-hub)}:is(#fat-body,#fat-hoja) .fk.on{border-width:2px;font-weight:800}
:is(#fat-body,#fat-hoja) .fluz{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#78350F 0%,#451A03 100%);flex-shrink:0;transition:none}
:is(#fat-body,#fat-hoja) .fluz.lit,:is(#fat-body,#fat-hoja) #fat-pvt>.fsp .fluz{background:radial-gradient(circle,#FDE68A 0%,#F59E0B 55%,#78350F 100%);box-shadow:0 0 18px #F59E0B}
:is(#fat-body,#fat-hoja) .fluz.big{width:96px;height:96px}
:is(#fat-body,#fat-hoja) .fpvt-zona{width:100%;min-height:200px;margin:10px 0;border-radius:16px;border:1px dashed var(--f-line);background:var(--f-tip);color:var(--f-tx);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:600 14px "Space Grotesk",sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}
:is(#fat-body,#fat-hoja) .fpvt-g{margin-top:10px}:is(#fat-body,#fat-hoja) .fpvt-n{margin-top:8px}:is(#fat-body,#fat-hoja) .fpvt-n .fmono{font-size:16px}
:is(#fat-body,#fat-hoja) .fbtnp{width:100%;min-height:46px;margin-top:12px;border-radius:13px;border:none;background:var(--f-acc);color:var(--f-accOn);font:700 14px "Space Grotesk",sans-serif;cursor:pointer}
:is(#fat-body,#fat-hoja) .fbtn-s{background:transparent;color:var(--f-tx);border:1px solid var(--f-line)}:is(#fat-body,#fat-hoja) .fbtn-r{background:var(--f-red);color:var(--f-hub)}
:is(#fat-body,#fat-hoja) .fver.v-r{background:var(--f-redBg);border-color:var(--f-red)}:is(#fat-body,#fat-hoja) .fver.v-a{background:var(--f-ambBg);border-color:var(--f-amb)}:is(#fat-body,#fat-hoja) .fver.v-g{background:var(--f-tealBg);border-color:var(--f-teal)}
:is(#fat-body,#fat-hoja) .fvacio{text-align:center;padding:22px 16px}
:is(#fat-body,#fat-hoja) .fov{position:fixed;inset:0;z-index:600;background:var(--f-velo);display:flex;align-items:flex-end;justify-content:center}
:is(#fat-body,#fat-hoja) .fsheet{width:100%;max-width:520px;max-height:85vh;overflow:auto;box-sizing:border-box;background:var(--f-sheet);color:var(--f-tx);border-top:1px solid var(--f-line);border-radius:26px 26px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 40px rgba(0,0,0,.28);animation:fatSube .22s ease-out}
@keyframes fatSube{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
:is(#fat-body,#fat-hoja) .fgrip{width:40px;height:4px;border-radius:4px;background:var(--f-tick);margin:0 auto 14px}
:is(#fat-body,#fat-hoja) .frow2{display:flex;align-items:flex-start;gap:12px}
:is(#fat-body,#fat-hoja) .fqbig{width:40px;height:40px;border-radius:12px;background:var(--f-accBg);color:var(--f-acc);display:flex;align-items:center;justify-content:center;font:700 18px "JetBrains Mono",monospace;flex-shrink:0}
:is(#fat-body,#fat-hoja) .fsh-t{font-size:19px;font-weight:700;line-height:1.2;margin-top:2px}
:is(#fat-body,#fat-hoja) .fsh-p{font-size:14.5px;line-height:1.5;margin:12px 0 0}
:is(#fat-body,#fat-hoja) .fsh-tip{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--f-tip);border:1px solid var(--f-line);font-size:14px;line-height:1.45}
:is(#fat-body,#fat-hoja) .fdocb{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;border-radius:16px;border:1px solid var(--f-line);background:var(--f-glass);color:var(--f-tx);box-shadow:var(--f-sh);font:600 14px "Space Grotesk",sans-serif;text-align:left}
:is(#fat-body,#fat-hoja) .fdocb span{flex:1}:is(#fat-body,#fat-hoja) .fdocb svg{width:20px;height:20px;fill:none;stroke:var(--f-acc);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#fat-hoja .fdoc{max-height:92vh;max-width:640px}
#fat-hoja .fdoc-hd{display:flex;align-items:flex-start;gap:12px;margin:6px 0 4px}#fat-hoja .fdoc-hd>div:first-child{flex:1;min-width:0}
#fat-hoja .fdoc-lg{display:flex;padding:3px;border-radius:12px;background:var(--f-tip);border:1px solid var(--f-line);flex-shrink:0}
#fat-hoja .fdoc-lg button{min-width:44px;min-height:40px;border:none;border-radius:9px;background:transparent;color:var(--f-mut);font:700 13px "JetBrains Mono",monospace}
#fat-hoja .fdoc-lg button.on{background:var(--f-acc);color:var(--f-accOn)}
#fat-hoja .fdoc-b h3{font-size:16px;font-weight:700;margin:20px 0 6px}
#fat-hoja .fdoc-b p{font-size:14px;line-height:1.55;margin:0 0 10px}
#fat-hoja .fdoc-b ul,#fat-hoja .fdoc-b ol{margin:0 0 10px;padding-left:20px;font-size:14px;line-height:1.5}#fat-hoja .fdoc-b li{margin:0 0 6px}
#fat-hoja .fdoc-ref{font-size:12.5px!important;color:var(--f-mut)}
#fat-hoja .fdoc-f{font:600 13px/1.6 "JetBrains Mono","Space Mono",monospace;padding:10px 12px;margin:0 0 10px;border-radius:12px;background:var(--f-tip);border:1px solid var(--f-line);overflow-x:auto;white-space:nowrap}
.dh-fat-sub{font-size:8.5px;color:rgba(241,245,249,.82)!important;line-height:1.3}
.dh-fat-n{font:900 16px/1 "JetBrains Mono",monospace;color:#E6FFF0;margin:2px 0 1px}
.dh-fat-n[data-n="bajo"]{color:#5EEAD4}.dh-fat-n[data-n="moderado"]{color:#FCD34D}.dh-fat-n[data-n="alto"]{color:#FFA3AD}
.dh-fat-7{display:flex;gap:3px;margin:6px 0 5px}.dh-fat-7 i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.14)}
.dh-fat-7 i.p-bajo{background:#5EEAD4}.dh-fat-7 i.p-moderado{background:#FBBF24}.dh-fat-7 i.p-alto{background:#FF6B7A}
#fat-hoja{position:relative;z-index:9000;isolation:auto;background:none!important}

/* ── Ficha del día del roster (panel claro en los dos temas) ── */
.rst-fat{margin-top:10px;padding:11px 12px;border-radius:14px;background:#FFFFFF;border:1.5px solid #CBD5E1;color:#0F172A}
.rst-fat.n-bajo{border-color:#34D399;background:#F0FDF4}
.rst-fat.n-moderado{border-color:#F59E0B;background:#FFFBEB}
.rst-fat.n-alto{border-color:#EF4444;background:#FEF2F2}
.rst-fat-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.rst-fat-t{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#334155}
.rst-fat-n{font-size:15px;font-weight:800}
.rst-fat.n-bajo .rst-fat-n{color:#166534}
.rst-fat.n-moderado .rst-fat-n{color:#92400E}
.rst-fat.n-alto .rst-fat-n{color:#991B1B}
.rst-fat-k{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:#334155}
.rst-fat-l{margin:4px 0 0;font-size:11.5px;color:#1E293B;line-height:1.45}
.rst-fat ul{margin:6px 0 0;padding-left:17px;font-size:11.5px;color:#1E293B;line-height:1.5}
.rst-fat-pie{margin-top:6px;font-size:10px;color:#475569;line-height:1.4}

/* ── Tarjeta del Home: verde oscuro en los dos temas ── */
.dh-card-fatigue{background:linear-gradient(145deg,#041A16 0%,#062A22 50%,#083330 100%);border:1px solid rgba(74,222,128,.15);min-height:165px}
html.day .dh-card-fatigue{
  background:linear-gradient(135deg,#052E1E 0%,#0A4D33 45%,#0F7A4A 100%)!important;
  border:1.5px solid rgba(34,255,122,.4)!important;
  box-shadow:0 8px 28px rgba(15,122,74,.3),0 0 40px rgba(34,255,122,.15)!important;
}
html.day .dh-card-fatigue [style*="color:#fff"]{color:#fff!important}
html.day .dh-card-fatigue .dh-ci-green{background:rgba(255,255,255,.12)!important}

/* ══ PLAN: medidas para llegar más despierto (pantalla.js · vistaPlan, plan.js) ══
   Una medida = un color: verde (calculado: siesta y descanso), ámbar (cafeína),
   azul (moverse), sol (luz), turquesa (comida), violeta (recuperar), rojo
   (decirlo). El color sale de las variables del tema: dos paletas. */
#scr-fatigue,#fat-hoja{--f-sun:#FDE68A;--f-sunBg:rgba(253,230,138,.16)}
html.day #scr-fatigue,html.day #fat-hoja{--f-sun:#854D0E;--f-sunBg:rgba(234,179,8,.16)}
:is(#fat-body,#fat-hoja) .c-acc{color:var(--f-acc)}:is(#fat-body,#fat-hoja) .c-sun{color:var(--f-sun)}
:is(#fat-body,#fat-hoja) .s-mut{stroke:var(--f-mut);opacity:.75}
:is(#fat-body,#fat-hoja) .f-needle{fill:var(--f-needle)}

#fat-body .fplan-hero{overflow:hidden}
#fat-body .fplan-hero::before{content:"";position:absolute;inset:-40% -20% auto auto;width:70%;height:140%;border-radius:50%;pointer-events:none;opacity:.55;filter:blur(30px);background:radial-gradient(circle,var(--f-accBg),transparent 70%)}
#fat-body .fplan-hero.p-moderado::before{background:radial-gradient(circle,var(--f-ambBg),transparent 70%)}
#fat-body .fplan-hero.p-alto::before{background:radial-gradient(circle,var(--f-redBg),transparent 70%)}
#fat-body .fph-n{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px}
#fat-body .fph-n>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#fat-body .fph-n>div:last-child{align-items:flex-end;text-align:right}
#fat-body .fph-a{font-size:34px;line-height:1;font-weight:700;opacity:.62}
#fat-body .fph-b{font-size:46px;opacity:1}
#fat-body .fph-ar{width:44px;height:26px;fill:none;stroke:var(--f-acc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#fat-body .fph-bar{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
#fat-body .fph-go{animation:fphGo 1.4s linear infinite}
@keyframes fphGo{to{stroke-dashoffset:-14}}
#fat-body .fph-dot{filter:drop-shadow(0 0 6px var(--f-acc))}

#fat-body .fplan-tl svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}
#fat-body .fleg-mini{display:flex;gap:10px;font-size:11px;color:var(--f-mut)}
#fat-body .fleg-mini span{display:flex;align-items:center;gap:5px}
#fat-body .fleg-mini i{display:inline-block;width:14px;height:0;border-top:2px solid var(--f-acc)}
#fat-body .fleg-mini i.k-dash{border-top:2px dashed var(--f-mut);background:none}
#fat-body .fpl-band{fill:currentColor;opacity:.14}
#fat-body .fpl-pin circle{fill:currentColor}
#fat-body .fpl-pin path,#fat-body .fpl-pin circle+g circle{fill:none;stroke:var(--f-hub);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

#fat-body .fmed{display:flex;gap:12px;align-items:flex-start;border-left:3px solid currentColor}
#fat-body .fmed .fgrow{color:var(--f-tx)}
#fat-body .fmed-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--f-tip);border:1px solid var(--f-line)}
#fat-body .fmed-ic .fic{width:22px;height:22px}
#fat-body .fmed-h{display:flex;align-items:center;justify-content:space-between;gap:6px}
#fat-body .fmed-t{font-size:13px;margin-top:2px;color:var(--f-tx)}
#fat-body .fmed-alt{font-style:italic}
#fat-body .fmed-f{margin-top:8px}
#fat-body .fef{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;font:600 11px "Space Grotesk",sans-serif;background:var(--f-tip);border:1px solid var(--f-line);color:var(--f-mut)}
#fat-body .fef-c{background:var(--f-accBg);border-color:transparent;color:var(--f-tx);font-family:"JetBrains Mono",monospace}
@media (prefers-reduced-motion:reduce){#fat-body .fph-go{animation:none}}

/* ── Tus datos de sueño (cuestionario de la primera entrada) ───────────── */
#fat-hoja .fintro .fiq{margin-top:14px}
#fat-hoja .fintro .fiq-t{font-size:14px;font-weight:600;margin-bottom:8px}
#fat-hoja .fintro .fiq-o{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}
#fat-hoja .fintro .fiq-o button{min-height:44px;border-radius:12px;border:1px solid var(--f-line);background:var(--f-glass);color:var(--f-tx);font:600 13.5px "Space Grotesk",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 2px;cursor:pointer}
#fat-hoja .fintro .fiq-o button i{font-style:normal;font-size:10px;font-weight:500;color:var(--f-mut)}
#fat-hoja .fintro .fiq-o button.on{background:var(--f-acc);border-color:var(--f-acc);color:var(--f-accOn)}
#fat-hoja .fintro .fiq-o button.on i{color:var(--f-accOn)}
#fat-hoja .fintro .fiq-ej{margin-top:16px}
#fat-hoja .fintro [data-fiq-res]{font-weight:600;margin-bottom:6px}
#fat-hoja .fintro .fiq-aria{margin-top:6px;color:var(--f-acc)}
#fat-hoja .fintro .fiq-usar{margin-top:8px}
#fat-body .fprop{border-color:var(--f-acc)}
#fat-body .fprop-t{font-size:16px;font-weight:700;margin:4px 0 6px;color:var(--f-tx)}
#fat-body .fprop-b{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#fat-hoja .fintro .fiq-pie{margin-top:10px;text-align:center}

/* ── Las figuras del documento «Cómo funciona» (doc-figuras.js) ─────────── */
#fat-hoja .fdoc-fig{margin:6px 0 14px;padding:12px;border-radius:14px;background:var(--f-tip);border:1px solid var(--f-line)}
#fat-hoja .fdoc-fig svg{display:block;width:100%;height:auto;max-width:520px;margin:0 auto;overflow:visible}
#fat-hoja .fdoc-fig figcaption{margin-top:10px;font-size:12.5px;line-height:1.45;color:var(--f-tx)}
#fat-hoja .fdoc-fig figcaption ol{margin:0;padding-left:20px}#fat-hoja .fdoc-fig figcaption li{margin:0 0 4px}
#fat-hoja .fdoc-fig figcaption p{margin:0}
#fat-hoja .fdoc-fig-ej{display:block;margin-top:6px;font-size:11px;color:var(--f-mut)}