/* ===== 10 cenas · paleta «verde noche» y piezas propias ===== */
:root{
  --noche:#0f1915;--noche2:#16241e;--noche3:#1e3029;--noche4:#2b4238;
  --masa:#f4efe4;--masa2:#c6cdbf;--masa3:#93a59a;
  --corteza:#ff8a5c;--rosa:#ff3f78;--amarillo:#ffd335;--wa:#3fdb80;
  --linea:rgba(244,239,228,.12);
  --ruina:#ff4d5e;--parche:#ffc53d;--clave:#4fe3a0;
}
body{background:var(--noche)}
.escena{background:radial-gradient(120% 70% at 80% 0%,rgba(255,138,92,.12),transparent 60%)}
.hB{background:radial-gradient(90% 50% at 50% 18%,rgba(79,227,160,.10),transparent 70%),var(--noche)}
.hB h1 .serif{font-size:.42em;line-height:1}

/* sello del día con la semana */
.stamp small{display:block;font-family:DM,sans-serif;font-weight:700;font-size:.38em;letter-spacing:.12em;text-transform:uppercase;margin-top:-2px;opacity:.75}

/* envases del Mercadona en la tarjeta */
.carro-mini{display:flex;align-items:center;gap:6px;margin:0 0 16px;flex-wrap:wrap}
.carro-mini img{width:46px;height:46px;border-radius:12px;background:#fff;object-fit:contain;padding:3px;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.carro-mini span{font-family:Hand,cursive;font-weight:700;font-size:1.25rem;color:var(--amarillo);margin-left:4px;transform:rotate(-3deg)}
.carro{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.carro img{width:100%;aspect-ratio:1;border-radius:16px;background:#fff;object-fit:contain;padding:6px}

/* corte entre semanas */
.corte-semana{margin:30px 0 10px;padding:22px 20px;border-radius:22px;border:1.5px dashed rgba(255,211,53,.4);text-align:center}
.corte-semana .hand{display:block;font-size:2rem;color:var(--amarillo);transform:rotate(-2deg);margin-bottom:6px}
.corte-semana p{margin:0;color:var(--masa2)}
.aviso-casos{font-size:.82rem;color:var(--masa2);margin-top:6px}

/* carril de 10 + tú */
.rail10 ol{grid-template-columns:repeat(11,1fr);gap:2px;max-width:720px}
.rail10 a{font-size:.68rem;letter-spacing:0}
.rail10 a i{width:28px;height:28px;font-size:.95rem}
.rail10 li.s2{position:relative}
.rail10 li.s2::before{content:"";position:absolute;left:-2px;top:4px;height:22px;width:1.5px;background:var(--noche4);z-index:2}
@media (min-width:860px){.rail10 a i{width:34px;height:34px;font-size:1.1rem}}

/* ===== el juicio: ruina / parche / clave ===== */
.juicio{background:linear-gradient(180deg,var(--noche),#13221c 40%,var(--noche))}
.ronda{font-family:Hand,cursive;font-weight:700;font-size:1.9rem;color:var(--amarillo);margin:34px 0 12px;transform:rotate(-1.5deg);display:inline-block}
.cartas{display:grid;gap:12px}
.carta{position:relative;display:grid;width:100%;padding:0;border:0;background:none;cursor:pointer;perspective:1000px;text-align:left;color:inherit}
.carta .cara,.carta .dorso{grid-area:1/1;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:18px 18px 16px;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.carta .cara{background:var(--noche2);border:1px solid var(--linea)}
.carta .frase{font-family:Serif,Georgia,serif;font-style:italic;font-size:1.32rem;line-height:1.18;color:var(--masa)}
.carta .toca{font-size:.85rem;color:var(--masa2)}
.carta .toca b{display:inline-block;margin-left:6px;padding:3px 10px;border-radius:99px;background:var(--masa);color:var(--noche);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.carta .dorso{transform:rotateY(180deg);border:1.5px solid currentColor}
.carta[data-v=ruina] .dorso{color:var(--ruina);background:linear-gradient(150deg,rgba(255,77,94,.2),rgba(255,77,94,.05))}
.carta[data-v=parche] .dorso{color:var(--parche);background:linear-gradient(150deg,rgba(255,197,61,.2),rgba(255,197,61,.05))}
.carta[data-v=clave] .dorso{color:var(--clave);background:linear-gradient(150deg,rgba(79,227,160,.2),rgba(79,227,160,.05))}
.carta .sello{align-self:flex-start;font-family:Bebas,Impact,sans-serif;font-size:2.6rem;line-height:.9;letter-spacing:.04em;padding:4px 14px 2px;border:3px solid currentColor;border-radius:10px;transform:rotate(-4deg)}
.carta .exp{font-size:.98rem;line-height:1.4;color:var(--masa)}
.carta[aria-pressed=true] .cara{transform:rotateY(-180deg)}
.carta[aria-pressed=true] .dorso{transform:rotateY(0)}
.carta:focus-visible{outline:3px solid var(--amarillo);outline-offset:4px;border-radius:22px}
.carta-final{margin-top:22px}
.carta-final .cara{background:linear-gradient(150deg,var(--noche3),var(--noche2));border-color:rgba(255,63,120,.35)}
.juicio-cta{margin-top:30px}
@media (min-width:860px){
  .cartas{grid-template-columns:repeat(3,1fr)}
  .carta .cara,.carta .dorso{min-height:230px}
}
@media (prefers-reduced-motion:reduce){.carta .cara,.carta .dorso{transition:none}}

/* story con 10 cenas */
.hB-bars{grid-template-columns:repeat(10,1fr);gap:3px}
.hB-dia{font-size:1.55rem;max-width:58%;white-space:nowrap}
.hB-coment{max-width:46%}