/* Tema de día. Se carga ÚLTIMO a propósito: pisa los colores fijos del tema noche. */
/* ============================================================
   TEMA DE DÍA — paleta base #2596be
   Va al final a propósito: los estilos base tienen colores fijos
   pensados para la noche (#040820, #1b2660, degradados que
   arrancan en blanco...) y hay que poder pisarlos.
   Regla de oro: si una clase base tiene variantes de estado
   (.hit/.miss/.mid/.low/.r-*), acá va la variante también,
   si no el tema se las come por especificidad.
   ============================================================ */
body[data-theme="day"]{
  color-scheme:light;
  --bg:#2596be;
  --panel:#ffffff;
  --panel2:#f1fafd;
  --line:#a9d6e7;
  --txt:#0b2f3d;
  --dim:#4a6b78;
  --neon:#0b6d90;
  --gold:#a86e00;
  --up:#0f7a4a;
  --down:#c0392b;
  --rare:#1668a8;
  --epic:#7b3fb5;
  --card-shadow:0 12px 30px rgba(8,55,73,.16);
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(255,255,255,.30), transparent 62%),
    radial-gradient(ellipse 70% 45% at 88% 108%, rgba(6,74,99,.35), transparent 60%),
    linear-gradient(165deg,#3aabd0 0%, var(--bg) 46%, #14708f 100%);
  background-attachment:fixed;
}

/* --- Texto que va suelto sobre el celeste del fondo --- */
body[data-theme="day"] h1.logo{
  background:linear-gradient(180deg,#ffffff 18%, #ffe7a3 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 10px rgba(5,50,68,.45));
}
body[data-theme="day"] .tag{color:#eaf8fe;text-shadow:0 1px 2px rgba(5,50,68,.35)}
body[data-theme="day"] footer{color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(5,50,68,.3)}

/* --- Tarjetas: blancas y despegadas del fondo --- */
body[data-theme="day"] .stage,
body[data-theme="day"] .hud-top,
body[data-theme="day"] .box,
body[data-theme="day"] .progress-box{box-shadow:var(--card-shadow)}
body[data-theme="day"] .stage::before{background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(37,150,190,.14),transparent 65%)}
body[data-theme="day"] .stage.danger::before{background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(192,57,43,.13),transparent 65%)}
body[data-theme="day"] .stage.danger{box-shadow:0 0 0 2px rgba(192,57,43,.25), var(--card-shadow)}
body[data-theme="day"] .stage.negro{border-color:#c3a6e6;background:linear-gradient(180deg,#f8f3ff 0%,#ffffff 70%)}
body[data-theme="day"] .stage.negro::before{background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(123,63,181,.12),transparent 65%)}

/* --- Superficies que en modo noche son casi negras --- */
body[data-theme="day"] .result-line,
body[data-theme="day"] .fighter,
body[data-theme="day"] .mon,
body[data-theme="day"] .upa-log{
  background:linear-gradient(180deg,#f6fcfe 0%,#e9f6fb 100%);
  color:var(--txt);
}
body[data-theme="day"] .result-line{
  border-color:#8ecbe2;
  border-left:4px solid var(--neon);
  padding:13px 14px;
  font-size:14.5px;
  box-shadow:0 6px 14px rgba(8,55,73,.08);
}
body[data-theme="day"] .result-line b,
body[data-theme="day"] .result-line strong{color:#08536d}
body[data-theme="day"] .mon.riv{border-color:#e0a79e;background:linear-gradient(180deg,#fff8f6,#fdeeeb)}
body[data-theme="day"] .mon.yo{border-color:#8cc7e3;background:linear-gradient(180deg,#f6fcfe,#e7f5fb)}
body[data-theme="day"] .meta-item,
body[data-theme="day"] .bigline{border-bottom-color:#cbe6f0}

/* --- Formularios --- */
body[data-theme="day"] input[type=text]{background:#ffffff;box-shadow:inset 0 1px 2px rgba(8,55,73,.07)}
body[data-theme="day"] input[type=text]:focus{box-shadow:0 0 0 3px rgba(37,150,190,.25)}
body[data-theme="day"] select{background:#ffffff!important;color:var(--txt)!important;border-color:var(--line)!important}

/* --- Botones --- */
body[data-theme="day"] button:not(.ghost):not(.opt):not(.buff):not(.mode-card):not(.movecard):not(.move-btn):not(.qte-opt):not(.shop-item):not(.theme-btn):not(.rit-key):not(.test-item){
  background:linear-gradient(180deg,#2ea3c9 0%,#14708f 100%);
  color:#ffffff;
  box-shadow:0 8px 20px rgba(8,55,73,.22);
}
body[data-theme="day"] button.ghost{background:#ffffff;box-shadow:0 4px 12px rgba(8,55,73,.08)}
body[data-theme="day"] .theme-switch{box-shadow:0 4px 14px rgba(8,55,73,.18)}
body[data-theme="day"] .opt.danger-opt{border-color:#e2a49b}
body[data-theme="day"] .opt.danger-opt:hover{border-color:var(--down)}

/* --- Barras --- */
body[data-theme="day"] .bar,
body[data-theme="day"] .hpbar,
body[data-theme="day"] .qte-timer,
body[data-theme="day"] .progress-track{background:#dcedf5;border-color:#a9d6e7}
body[data-theme="day"] .bar i{background:linear-gradient(90deg,#1f88ad,#3cb6db)}
body[data-theme="day"] .bar.alt i{background:linear-gradient(90deg,#1a4fc0,#4a86e8)}
body[data-theme="day"] .progress-fill{background:linear-gradient(90deg,#e0a800,#c0392b)}
body[data-theme="day"] .bar.salud i,
body[data-theme="day"] .hpbar i{background:linear-gradient(90deg,#0f8a55,#35c47f)}
body[data-theme="day"] .bar.salud i.mid,
body[data-theme="day"] .hpbar i.mid{background:linear-gradient(90deg,#cf8f00,#ffc93c)}
body[data-theme="day"] .bar.salud i.low,
body[data-theme="day"] .hpbar i.low{background:linear-gradient(90deg,#b3261e,#e35a4a)}

/* --- Insignias, rarezas y estados (si no, se pierden) --- */
body[data-theme="day"] .media-badge{background:linear-gradient(180deg,#ffffff,#e9f6fb)}
body[data-theme="day"] .media-badge.alta{box-shadow:0 0 0 1px rgba(168,110,0,.25)}
body[data-theme="day"] .media-badge.media b{color:#c0392b}
body[data-theme="day"] .media-badge.nivel{border-color:#3a76d8;box-shadow:0 0 0 1px rgba(58,118,216,.2)}
body[data-theme="day"] .media-badge.nivel b{color:#2a5fc0}
body[data-theme="day"] .buff.r-comun{border-color:#a8bcd4}
body[data-theme="day"] .buff.r-comun .rar{color:#59748f}
body[data-theme="day"] .buff.r-epico{box-shadow:0 6px 18px rgba(123,63,181,.2)}
body[data-theme="day"] .buff.r-cabra{animation-name:glow-day}
@keyframes glow-day{from{box-shadow:0 0 0 1px rgba(168,110,0,.35)}to{box-shadow:0 0 0 3px rgba(224,168,0,.55),0 6px 20px rgba(168,110,0,.3)}}
body[data-theme="day"] .qte-opt.hit{background:#d4f4e3;border-color:var(--up);color:#0a5a37}
body[data-theme="day"] .qte-opt.miss{background:#fde3e0;border-color:var(--down);color:#8c281e}
body[data-theme="day"] .title-win{background:#fff7e4;border-color:#e2b24d;color:#7a4d00}
body[data-theme="day"] .muerte-box{background:#fdeeec;border-color:#d98b80}
body[data-theme="day"] .pill.act{color:#5b2c96;border-color:#b79ae0;background:#f5edff}
body[data-theme="day"] .pill.dep{color:#a3271b;border-color:#e8a79f;background:#fdeeec}

/* --- Línea de tiempo --- */
body[data-theme="day"] .tl::before{background:linear-gradient(180deg,var(--gold),var(--neon),#1a4fc0)}
body[data-theme="day"] .tl-item{box-shadow:0 4px 12px rgba(8,55,73,.07)}
body[data-theme="day"] .tl-item::before{box-shadow:0 0 0 3px rgba(11,109,144,.18)}
body[data-theme="day"] .tl-item.top1{box-shadow:0 4px 16px rgba(168,110,0,.25)}
body[data-theme="day"] .tl-item.top1::before{box-shadow:0 0 0 3px rgba(168,110,0,.28)}

/* --- Títulos con degradado: el base arranca en blanco, invisible acá --- */
body[data-theme="day"] .verdict{
  background:linear-gradient(180deg,#0e5e7b 8%,#a86e00 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 6px rgba(8,55,73,.2));
}
body[data-theme="day"] .qte-word{
  background:linear-gradient(180deg,#0e3f52,#0b6d90);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none;
}
body[data-theme="day"] .lvlup{
  background:linear-gradient(180deg,#123c63,#1a5fc0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none;
}

/* --- Minijuego de ritmo: la pista es casi negra en modo noche --- */
body[data-theme="day"] .rit-wrap{background:linear-gradient(180deg,#f6fcfe 0%,#e4f2f9 100%);box-shadow:inset 0 1px 3px rgba(8,55,73,.1)}
body[data-theme="day"] .rit-wrap::before{background:linear-gradient(90deg,rgba(8,55,73,.08),transparent)}
body[data-theme="day"] .rit-lane{border-bottom-color:#c3e2ef}
body[data-theme="day"] .rit-lane.rit-flash{background:rgba(11,109,144,.09)}
body[data-theme="day"] .rit-nota.b{background:linear-gradient(180deg,#ffc63c,#e08a00);box-shadow:0 2px 8px rgba(168,110,0,.35)}
body[data-theme="day"] .rit-nota.c{background:linear-gradient(180deg,#4aa8e8,#1668a8);box-shadow:0 2px 8px rgba(22,104,168,.35)}
body[data-theme="day"] .rit-linea{background:linear-gradient(180deg,#e0a800,#c0392b);box-shadow:0 0 10px rgba(224,168,0,.45)}
body[data-theme="day"] .rit-juicio{text-shadow:none}
body[data-theme="day"] .rit-pausa{background:rgba(255,255,255,.88)}
body[data-theme="day"] .rit-key.b{background:linear-gradient(180deg,#fff4d6,#ffe6a8)}
body[data-theme="day"] .rit-key.c{background:linear-gradient(180deg,#e7f4fd,#cfe8fa)}

/* --- Colores inline que vienen del JS (naturalezas, etc.):
       no se pueden pisar sin !important, así que se oscurecen. --- */
body[data-theme="day"] .nat-pill[style],
body[data-theme="day"] .kicker[style],
body[data-theme="day"] h2.display[style],
body[data-theme="day"] .tl-head .pill[style]{filter:brightness(.66) saturate(1.35)}