/* Escondidas: a 5x5 grid of letters with two bars of empty grey blocks; the line of every word found runs behind its letters in the word's colour, and
   the letters being traced sit on a lilac line. Under the grid, a row of boxes per word, filled when it is found. */
.board.escondidas { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); border: 3px solid var(--ink); border-radius: 1rem; overflow: hidden; background: var(--card); touch-action: none; }
.escondidas .lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.escondidas polyline { fill: none; stroke-width: .68; stroke-linecap: round; stroke-linejoin: round; }
.escondidas .sel { stroke: #c9b3ea; }
.escondidas .tile { position: relative; z-index: 1; display: grid; place-items: center; background: transparent; border: 0; border-right: 1px solid #ece6f0; border-bottom: 1px solid #ece6f0; padding: 0; font: 900 clamp(1.5rem, 7vw, 2.25rem) var(--title); color: var(--ink); cursor: pointer; }
.escondidas .block { position: relative; z-index: 1; background: #cfc8d8; }   /* an empty grey block, no letter */
.escondidas .tile.on { color: var(--ink); }
.escondidas .tile.found { color: #fff; cursor: default; }
.escondidas .tile.hint::after { content: ""; position: absolute; inset: 16%; border-radius: 50%; box-shadow: 0 0 0 3px var(--orange); }
.word-slots { display: grid; gap: .5rem; justify-content: start; }
.slot { display: flex; align-items: center; gap: .3rem; }
.slot i { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .5rem; background: #efeaf3; font: 900 1.125rem var(--title); font-style: normal; color: var(--ink); }
.slot.found i { background: var(--c); color: #fff; }
.slot .ok { margin-left: .4rem; font: 900 1.375rem var(--title); color: var(--green); }
/* the win: every word's line swells once, one after the other */
.escondidas.won .word { animation: line-pop .5s ease-out both; animation-delay: calc(var(--i, 0) * 160ms); }
@keyframes line-pop { 50% { stroke-width: .86; } }
@media (prefers-reduced-motion: reduce) { .escondidas.won .word { animation: none; } }
.finished .escondidas { cursor: default; }