/* Camino de inglés y números (1.º): dibujos de GCompris, palabras en inglés, contar y sumar. */
.en-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.en-big{display:block;width:min(46vw,220px);height:min(46vw,220px);margin:0 auto 6px;padding:10px;object-fit:contain;border:5px solid #ffc84c;border-radius:28px;background:#fff;box-shadow:0 7px 0 #e5a62333}
.en-word{min-width:200px}
.en-card{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;margin:0 auto 8px;padding:10px 24px;border:5px solid #93c5fd;border-radius:24px;background:#eff6ff;box-shadow:0 7px 0 #3b82f633}
.en-card b{font-size:clamp(36px,6vw,60px);font-weight:900;letter-spacing:.08em;color:#1e3a8a}
.en-model{transition:opacity .25s}
.en-model.tapada{opacity:0}
.en-pic-box{width:min(40vw,190px);height:min(40vw,190px);padding:10px}

/* Find the picture y Colors (tramo 3) */
.en-grid{max-width:640px}
.en-tile{aspect-ratio:1;min-height:0;padding:12px}
.en-tile.wrong{text-decoration:none}
.en-tile.wrong .en-img{opacity:.35}

/* Colors: crayones */
.en-crayones{gap:20px;margin-top:18px}
.en-crayon{width:110px;height:110px;min-width:0;border-radius:50%;background:var(--c);border-color:#fff;box-shadow:0 7px 0 #0003,inset 0 -10px 0 #0002}
.en-crayon.done{background:var(--c);border-color:#16a34a;outline:6px solid #22c55e}
.en-crayon.wrong{background:var(--c);opacity:.3}

/* How many? y Sumas */
.en-cuenta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:0 auto 6px}
.en-cuenta .en-img{width:clamp(58px,9vw,92px);height:clamp(58px,9vw,92px)}
.en-cuenta.mezcla{gap:6px 18px}
.en-suma{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:4px auto}
.en-grupo{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;padding:10px;border:4px solid #fcd34d;border-radius:22px;background:#fffbeb}
.en-grupo.otro{border-color:#93c5fd;background:#eff6ff}
.en-grupo .en-img{width:clamp(48px,7vw,74px);height:clamp(48px,7vw,74px)}
.en-grupo .tachado{opacity:.35;filter:grayscale(1);background:linear-gradient(135deg,transparent 46%,#dc2626 46% 54%,transparent 54%)}
.en-signo{font-size:64px;font-weight:900;color:#1f2a44}
.en-cuenta-txt{margin:6px 0 0;text-align:center;padding:4px;font-size:clamp(40px,6vw,60px);font-weight:900;letter-spacing:.06em}
.en-num{min-width:110px;font-weight:900}

/* Memorias: dibujo o palabra en la carta */
#stage[data-game=memoria] .en-memo.revealed{padding:8px;font-size:clamp(26px,4vw,44px);font-weight:900}
#stage[data-game=memoria] .en-memo.revealed .en-img{width:min(18vw,110px);height:min(18vw,110px)}
#stage[data-game=memoria] .en-memo.pal.revealed{font-size:clamp(20px,3vw,34px);font-weight:900;letter-spacing:.04em}
@media(max-width:650px){.en-crayon{width:84px;height:84px}.en-signo{font-size:44px}}