.juegos-dialogo{box-sizing:border-box;inset:0;margin:auto;min-width:0;max-width:calc(100vw - 24px);width:min(720px,calc(100% - 20px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;border:3px solid white;border-radius:22px;background:#fffaf2;color:#2b2340;box-shadow:0 8px 0 #bdd5c9,0 20px 60px #173e2a55;font:16px/1.4 'Baloo 2',system-ui,sans-serif;overflow-y:auto;overscroll-behavior:contain}
.juegos-dialogo::backdrop{background:#173e2a70;backdrop-filter:blur(5px)}.juegos-dialogo *{box-sizing:border-box}.juegos-dialogo h2,.juegos-dialogo h3{font-family:'Grandstander',system-ui,sans-serif;line-height:1.2}.juegos-dialogo button{font:inherit;cursor:pointer;min-height:44px;padding:8px 14px;border:2px solid white;border-radius:12px;background:#e0f1e9;color:#176443;font-weight:700}.juegos-dialogo button:focus-visible,.juegos-dialogo [tabindex]:focus-visible{outline:3px solid #bf8213;outline-offset:3px}.juegos-dialogo button:disabled{cursor:default;opacity:.75}
.juegos-cabecera{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fffaf2f5;border-bottom:1px solid #d7e3dc}.juegos-cabecera h2{margin:0;font-size:clamp(1.1rem,4vw,1.55rem);color:#176443}.juegos-cerrar{font-size:1.6rem!important;line-height:1;width:44px;flex:none}.juegos-dialogo>nav{padding:6px 14px}.juegos-menu,.viaje-juegos{display:inline-flex;align-items:center;justify-content:center;gap:8px}.juegos-menu svg,.viaje-juegos svg{width:29px;height:24px;fill:#176443;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.juegos-contenido{padding:8px 16px 18px}.juegos-contenido>p{margin:0 0 14px}.juegos-catalogo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.juegos-opcion{display:grid;gap:12px;align-content:start;box-shadow:0 4px 0 #bdd5c9;text-align:center}.juegos-ilustracion{display:block;height:110px;margin:0 auto;max-width:200px}.juegos-ilustracion svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 0 white)}.juegos-presentacion,.juegos-final{display:grid;justify-items:center;gap:10px;text-align:center}.juegos-presentacion p,.juegos-final p,.juegos-final h3{margin:0;max-width:56ch}.juegos-nota{font-size:.85rem;color:#625c70;margin:8px 0}.juegos-dialogo button.juegos-principal{background:#176443;color:white;padding:10px 22px;box-shadow:0 4px 0 #104930;margin:10px 0 4px}
.juegos-marcador{min-height:32px;font-weight:700;color:#176443;font-size:.95rem}.juegos-acciones{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.juegos-en-pausa{filter:blur(3px);opacity:.55}.juegos-zona{min-width:0;text-align:center}.juegos-cielo{position:relative;isolation:isolate;overflow:hidden;height:clamp(250px,44dvh,390px);border:3px solid white;border-radius:18px;background:radial-gradient(ellipse at 50% 105%,white 0 30%,transparent 31%),linear-gradient(#8fd0c8,#dceee8);touch-action:none}.juegos-trineo{position:absolute;top:1%;left:50%;width:27%;height:22%;transform:translateX(-50%)}.juegos-elfo{position:absolute;bottom:1%;left:50%;width:19%;height:23%;transform:translateX(-50%)}.juegos-regalo{position:absolute;width:10%;height:11%;transform:translate(-50%,-50%)}.juegos-cielo svg{width:100%;height:100%;filter:drop-shadow(0 2px 0 white)}
.juegos-parejas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:490px;margin:auto}.juegos-tarjeta{position:relative;aspect-ratio:1;min-height:58px;padding:6px!important;background:repeating-linear-gradient(-45deg,#176443 0 10px,#207951 10px 20px)!important}.juegos-tarjeta svg{width:100%;height:100%}.juegos-reverso,.juegos-anverso{display:grid;place-items:center;position:absolute;inset:8px}.juegos-reverso svg{fill:#fffaf2;stroke:#176443;stroke-width:2}.juegos-anverso{visibility:hidden}.descubierta .juegos-reverso{visibility:hidden}.descubierta .juegos-anverso{visibility:visible}.juegos-tarjeta.descubierta{background:#fff4db!important}
.viaje-juegos{min-height:44px;margin:8px 4px;border:3px solid white;border-radius:14px;padding:8px 16px;background:linear-gradient(155deg,#fff0b0,#f5c459);color:#593512;font:800 1rem 'Baloo 2',system-ui,sans-serif;box-shadow:0 4px 0 #ad7225,inset 0 0 0 2px #ffe9a4;cursor:pointer}.viaje-juegos svg{flex:none;fill:#923b45;stroke:white;filter:drop-shadow(0 2px 0 #ad722555);animation:juegos-tintineo 4s ease-in-out infinite}
@media(max-width:500px){.juegos-catalogo{grid-template-columns:1fr}.juegos-opcion{grid-template-columns:70px minmax(0,1fr);align-items:center;text-align:left;gap:10px}.juegos-opcion .juegos-ilustracion{height:70px;width:85px}.juegos-cabecera{padding:10px 12px}.juegos-contenido{padding:6px 12px 14px}.juegos-parejas{gap:6px}.juegos-marcador{font-size:.85rem}}

.juegos-opcion strong{display:block}.juegos-opcion small{display:block;margin-top:6px;font-size:.8rem;font-weight:400;color:#625c70}.juegos-opcion:disabled{background:#eeede7;color:#625c70;opacity:.8}.juegos-opcion:disabled .juegos-ilustracion{filter:grayscale(.75)}

/* La fecha ocupa su propia esquina y nunca pisa el nombre del juego. */
.juegos-dialogo .juegos-opcion { position:relative; padding-bottom:42px; }
.juegos-opcion .juegos-fecha { position:absolute; bottom:9px; right:10px; left:10px; text-align:right; margin:0; font-size:.72rem; line-height:1.3; }
.juegos-opcion .juegos-fecha time { font-weight:700; }
.juegos-opcion .juegos-prueba { display:inline-block; margin-top:6px; padding:2px 7px; border:1px dashed #176443; border-radius:8px; background:#fff4cf; color:#176443; }
.juegos-aviso-admin { padding:10px 12px; border:1px dashed #176443; border-radius:10px; background:#fff4cf; font-size:.85rem; }
.juegos-campanas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:min(100%,360px); margin:12px auto; }
.juegos-dialogo .juegos-campana { position:relative; min-height:100px; border:4px solid white; box-shadow:0 4px 0 #bdd5c9; }
.juegos-campana svg { width:64px; height:70px; }
.juegos-campana span { position:absolute; right:9px; bottom:6px; font-size:1.5rem; }
.juegos-dialogo .juegos-color-0 { background:#f6c7c6; }.juegos-dialogo .juegos-color-1 { background:#c7e6df; }.juegos-dialogo .juegos-color-2 { background:#ffe5a1; }.juegos-dialogo .juegos-color-3 { background:#d9d2ee; }
.juegos-dialogo .juegos-campana.encendida { outline:5px solid #176443; outline-offset:2px; background:#fff; box-shadow:0 0 0 9px #ffe5a1; }
.juegos-acertijo { min-height:130px; margin:12px auto; padding:12px; border:3px solid white; border-radius:18px; background:#e0eee8; }
.juegos-sombra svg { width:160px; height:140px; filter:brightness(0) opacity(.8); }
.juegos-contar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; width:min(100%,380px); }
.juegos-contar span { display:block; height:70px; }.juegos-contar svg { width:100%; height:100%; }
.juegos-respuestas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:460px; margin:auto; }
.juegos-respuestas button { min-height:90px; font-size:1.8rem; }.juegos-respuestas svg { width:70px; height:75px; }
.juegos-dialogo .juegos-acierto { outline:3px solid #176443; background:#fff4cf; }
.juegos-respuesta { min-height:28px; color:#176443; font-weight:700; }
.juegos-ordenar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:420px; margin:12px auto; }
.juegos-ordenar button { position:relative; min-height:100px; }.juegos-ordenar svg { width:70px; height:70px; }.juegos-ordenar span { position:absolute; right:6px; bottom:6px; display:grid; place-items:center; min-width:44px; height:44px; padding:0 6px; border:3px solid white; border-radius:12px; background:#fff4cf; color:#173e2a; box-shadow:0 3px 0 #b68e42; font:800 1.8rem/1 'Grandstander',system-ui,sans-serif; }
.juegos-dialogo .juegos-ordenar button:disabled { opacity:1; }
.juegos-ordenar .juegos-acierto span { background:#176443; color:white; box-shadow:0 3px 0 #104930; }
.juegos-escondites { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:400px; margin:12px auto; }
.juegos-escondites button { position:relative; min-height:90px; background:radial-gradient(ellipse at 50% 80%,#42654f 0 38%,#e0eee8 40%); }
.juegos-numero-hueco { position:absolute; right:7px; top:3px; font-size:.9rem; background:#fffaf2; border-radius:5px; padding:0 4px; }
.juegos-duende { display:block; height:75px; visibility:hidden; }.con-duende .juegos-duende { visibility:visible; }.juegos-duende svg { width:100%; height:100%; filter:drop-shadow(1px 2px white); }
@media(max-width:500px) { .juegos-dialogo .juegos-opcion { padding-bottom:35px; }.juegos-contar { gap:6px; }.juegos-contar span { height:55px; }.juegos-respuestas button { padding:5px; }.juegos-respuestas svg { width:60px; height:65px; } }

/* Paisaje recortado en capas. El reloj del juego mueve toda la decoración. */
.juegos-cielo { background:linear-gradient(175deg,#235879,#4b9eaa 52%,#b8e2d6); box-shadow:inset 0 0 40px #163b5c33; }
.juegos-paisaje { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
.juegos-luna { position:absolute; width:14%; height:22%; top:5%; right:8%; filter:drop-shadow(0 0 12px #fff6c966); }
.juegos-nube { position:absolute; width:30%; height:16%; opacity:.72; transform:translateX(var(--nube-x,0px)); }
.juegos-nube-uno { left:-8%; top:24%; }.juegos-nube-dos { right:-5%; top:12%; scale:.8; }
.juegos-colina { position:absolute; width:140%; height:44%; left:-20%; border:3px solid #fff; border-radius:50% 60% 0 0; }
.juegos-colina-lejos { bottom:-6%; background:linear-gradient(#c2e7e5,#8dc5cc); transform:rotate(-8deg); }
.juegos-colina-cerca { bottom:-23%; background:linear-gradient(#fffaf2,#dfedef); transform:rotate(6deg); }
.juegos-pueblo { position:absolute; bottom:19%; right:20%; display:flex; align-items:end; gap:8px; height:24%; width:37%; opacity:.95; }
.juegos-pueblo svg:nth-child(2) { height:80%; }
.juegos-abeto { position:absolute; bottom:2%; width:20%; height:41%; transform:rotate(var(--pino-giro,0deg)); transform-origin:50% 100%; }
.juegos-abeto-izquierda { left:-5%; }.juegos-abeto-derecha { right:-6%; height:48%; }
.juegos-nieve-ambiente { position:absolute; inset:-90px 0 0; background-image:radial-gradient(circle,#fff9 1px,transparent 2px),radial-gradient(circle,#fff7 2px,transparent 3px); background-size:49px 45px,83px 90px; background-position:10px 0,40px 22px; transform:translateY(var(--nieve-y,0px)); opacity:.65; }
.juegos-elfo { z-index:3; }
.juegos-elfo-dibujo { display:block; width:100%; height:100%; transform:scale(var(--recogida,1)); transform-origin:50% 100%; }
.juegos-trineo, .juegos-regalo { z-index:2; }
.juegos-copo-trampa { padding:3px; border:2px solid #fff; border-radius:50%; background:#256f9ee6; box-shadow:0 0 0 3px #b6f3ff66,0 0 12px #d5f6ff; }
.juegos-cielo .juegos-copo-trampa svg { filter:drop-shadow(0 0 2px white); }
.juegos-bloque-hielo { display:none; position:absolute; inset:-8% -8% 0; padding:8px; border:3px solid #d4f9ff; border-radius:24% 16% 20% 12%; background:linear-gradient(135deg,#d8fcff8a,#57bde84d 45%,#f1fdffc9 47%,#72c1f74d 54%); box-shadow:0 0 0 3px #fff7,0 0 14px #c5faff; }
.juegos-bloque-hielo svg { opacity:.5; }
.juegos-congelado .juegos-bloque-hielo { display:block; }
.juegos-congelado .juegos-elfo-dibujo { filter:saturate(.3) brightness(1.2); }
.juegos-frio { position:absolute; top:10px; left:10px; z-index:4; padding:6px 10px; border:2px solid white; border-radius:12px; color:#17496d; background:#e0f8ff; font-weight:800; font-size:.9rem; box-shadow:0 3px 0 #78b8d0; }
.juegos-frio[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .juegos-nube,.juegos-nieve-ambiente,.juegos-abeto { transform:none; } }

/* Cartas de papel: reverso, giro 3D y una pequeña celebración al emparejar. */
.juegos-dialogo .juegos-tarjeta { perspective:700px; background:transparent!important; border:0; padding:0!important; overflow:visible; }
.juegos-carta-giro { position:absolute; inset:0; display:block; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.2,.8,.3,1.15); }
.juegos-tarjeta .juegos-reverso, .juegos-tarjeta .juegos-anverso { inset:0; padding:8px; border:3px solid white; border-radius:12px; backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:0 4px 0 #bdd5c9; visibility:visible; }
.juegos-tarjeta .juegos-reverso { background:repeating-linear-gradient(-45deg,#176443 0 10px,#207951 10px 20px); }
.juegos-tarjeta .juegos-anverso { transform:rotateY(180deg); background:#fff4db; }
.juegos-tarjeta.descubierta .juegos-carta-giro { transform:rotateY(180deg); }
.juegos-tarjeta.descubierta .juegos-reverso { visibility:visible; }
.juegos-dialogo .juegos-tarjeta.descubierta { background:transparent!important; }
.juegos-tarjeta.emparejada { animation:parejaEncontrada .55s ease-out; opacity:1!important; }
.juegos-mezclando .juegos-tarjeta { animation:mezclarCartas 1.1s cubic-bezier(.4,0,.2,1) both; }
.juegos-en-pausa *, .juegos-en-pausa *::before, .juegos-en-pausa *::after { animation-play-state:paused!important; }
@keyframes mezclarCartas { from { transform:translate(var(--reparto-x),var(--reparto-y)); } to { transform:translate(0,0); } }
@keyframes parejaEncontrada { 50% { transform:translateY(-6px) rotate(3deg) scale(1.06); } }
@media(prefers-reduced-motion:reduce) { .juegos-carta-giro { transition:none; }.juegos-tarjeta.emparejada,.juegos-mezclando .juegos-tarjeta { animation:none; } }

.juegos-parejas { grid-template-columns:repeat(var(--parejas-columnas,4),minmax(0,1fr)); max-width:520px; }
.juegos-corredor { position:absolute; z-index:3; bottom:11%; left:18%; width:16%; height:25%; transform:translateX(-50%); transform-origin:50% 100%; }
.juegos-corredor svg { width:100%; height:100%; filter:drop-shadow(2px 2px white); }
.juegos-obstaculo { position:absolute; z-index:2; bottom:11%; width:10%; height:15%; transform:translateX(-50%); }
.juegos-carrera { touch-action:manipulation; }
.juegos-carrera::after { content:""; position:absolute; z-index:1; left:0; right:0; bottom:7%; height:4%; background:repeating-linear-gradient(90deg,transparent 0 42px,#bdd5c9 44px 57px,transparent 60px 80px); background-position:var(--carrera-suelo,0px) 0; border-top:3px solid #fff; pointer-events:none; }
.juegos-dialogo .juegos-saltar { min-height:52px; width:min(100%,260px); font-size:1.2rem; }
@media(max-width:379px) { .juegos-parejas { grid-template-columns:repeat(4,minmax(0,1fr)); } }

/* El mando tintinea brevemente; el texto permanece estable y legible. */
.viaje-juegos:hover { background:linear-gradient(155deg,#fff5cc,#ffd578); }
.viaje-juegos:focus-visible { outline:3px solid #593512; outline-offset:4px; }
.viaje-juegos:is(:hover,:focus-visible) svg { animation-play-state:paused; }
@keyframes juegos-tintineo {
  0%, 24%, 100% { transform:rotate(0) scale(1); }
  5%, 15% { transform:rotate(-12deg) scale(1.12); }
  10%, 20% { transform:rotate(10deg) scale(1.12); }
}
@media(prefers-reduced-motion:reduce) { .viaje-juegos svg { animation:none; } }

/* Cartulina, ribete de bastón y botones troquelados como el resto del paisaje. */
.juegos-dialogo { background-color:var(--papel,#fffaf2); background-image:var(--grano); border-radius:24px 19px 25px 20px; }
.juegos-cabecera { border-top:8px solid transparent; border-image:repeating-linear-gradient(45deg,#bf3446 0 9px,#fffaf2 9px 18px) 8; background:#e0f1e9; }
.juegos-cabecera h2 { min-width:0; overflow-wrap:anywhere; text-shadow:1px 2px white; }
.juegos-dialogo button { border-width:3px; box-shadow:0 3px 0 #b4cfc2; transition:background-color .18s,box-shadow .18s; }
.juegos-dialogo button:not(:disabled):hover { box-shadow:0 4px 0 #91b5a3; }
.juegos-dialogo button:not(:disabled):active { box-shadow:0 1px 0 #91b5a3; }
.juegos-dialogo button.juegos-principal { background:#b72d42; box-shadow:0 4px 0 #7c2436; font-family:var(--f-display,'Grandstander',sans-serif); }
.juegos-contenido,.juegos-opcion,.juegos-opcion>*,.juegos-presentacion>* { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.juegos-dialogo .juegos-opcion { background:#e0f1e9; border-radius:18px 14px 20px 15px; }
.juegos-dialogo .juegos-opcion:nth-child(3n+2) { background:#fff0c7; }
.juegos-dialogo .juegos-opcion:nth-child(3n) { background:#f6dce4; }
.juegos-dialogo .juegos-opcion:disabled { background:#eeede7; }
.juegos-presentacion { padding:16px 12px; border:2px dashed #d8bb89; border-radius:18px; background:#fffaf2c9; }
.juegos-objetivo { display:flex; align-items:center; justify-content:center; gap:12px; margin:10px 0; font-weight:800; }
.juegos-objetivo svg { width:52px; height:58px; flex:none; filter:drop-shadow(2px 2px white); }
.juegos-mezcla { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:500px; width:100%; gap:8px; }
.juegos-mezcla span { height:58px; padding:3px; }
.juegos-mezcla svg { transform:rotate(var(--figura-giro,0deg)); filter:drop-shadow(1px 2px white); }
@media(max-width:500px) {
  .juegos-dialogo { width:calc(100% - 24px); }
  .juegos-opcion .juegos-ilustracion { width:70px; }
  .juegos-dialogo .juegos-respuestas button { min-height:58px; }
  .juegos-mezcla { gap:5px; padding:8px; }
  .juegos-mezcla span { height:48px; }
}
@media(prefers-reduced-motion:reduce) { .juegos-dialogo button { transition:none; } }

/* Cuatro respuestas a la vista; un revoltijo suave que permite contar cada figura. */
.juegos-respuestas-mezcla { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.juegos-dialogo .juegos-respuestas-mezcla button { min-width:0; min-height:48px; padding:6px 2px; font-size:clamp(1.15rem,5vw,1.7rem); white-space:nowrap; }
.juegos-mezcla { padding:16px; gap:2px; }
.juegos-mezcla span { position:relative; z-index:var(--figura-capa,1); padding:0; transform:translate(var(--figura-x,0px),var(--figura-y,0px)) scale(1.13); }

/* Escondites nevados: el elfo emerge, saluda y deja un destello al encontrarlo. */
.juegos-escondites { max-width:470px; padding:16px 10px; border:3px solid white; border-radius:22px; background:radial-gradient(ellipse at 30% 110%,#fffaf2 0 45%,transparent 46%),radial-gradient(ellipse at 95% 100%,#c6e4e1 0 50%,transparent 51%),linear-gradient(#8fc9d6,#e0f1e9); box-shadow:inset 0 0 0 2px #b7dad8,0 4px 0 #bdd5c9; }
.juegos-dialogo .juegos-escondites button { isolation:isolate; overflow:hidden; min-height:112px; padding:0 3px; border-radius:45% 45% 18px 18px; background:radial-gradient(ellipse at 50% 85%,#385b61 0 35%,#85b3b0 37% 45%,#e9f6f0 47%); }
.juegos-escondites button::after { content:""; position:absolute; z-index:2; left:-5%; right:-5%; height:24px; bottom:-6px; background:#fffaf2; border-top:3px solid white; border-radius:50% 55% 0 0; box-shadow:0 -2px 0 #c7e1dc; pointer-events:none; }
.juegos-numero-hueco { z-index:4; border:2px solid white; color:#27594a; }
.juegos-duende { height:100px; visibility:visible; opacity:0; transform:translateY(90%) scale(.85); transform-origin:50% 100%; transition:transform .24s ease-out,opacity .15s; }
.con-duende .juegos-duende { opacity:1; transform:translateY(4px) scale(1); }
.con-duende .juegos-duende svg { animation:elfoSaluda .65s ease-in-out infinite alternate; transform-origin:50% 90%; }
.elfo-acierto .juegos-duende { transform:translateY(-8px) scale(1.08); }
.elfo-acierto::before { content:"✦"; position:absolute; z-index:5; inset:12px 0 auto; color:#f4b73f; font-size:2.7rem; text-shadow:2px 2px white,-2px -2px white; animation:elfoDestello .4s ease-out both; pointer-events:none; }
.elfo-escapa .juegos-duende { transform:translateY(90%) scale(.8); opacity:0; }
@keyframes elfoSaluda { from { transform:rotate(-5deg); } to { transform:rotate(5deg); } }
@keyframes elfoDestello { from { transform:scale(.5); opacity:1; } to { transform:translateY(-14px) scale(1.4); opacity:0; } }
@media(max-width:400px) { .juegos-dialogo .juegos-escondites button { min-height:92px; }.juegos-duende { height:84px; }.juegos-escondites { gap:7px; padding:12px 7px; } }
@media(prefers-reduced-motion:reduce) { .juegos-duende { transition:none; }.con-duende .juegos-duende svg,.elfo-acierto::before { animation:none; } }

/* El revoltijo usa el espacio de la ventana; las rondas no añaden altura. */
.juegos-modal-mezcla[open] { display:flex; flex-direction:column; height:min(760px,calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))); }
.juegos-modal-mezcla .juegos-cabecera,.juegos-modal-mezcla>nav { flex:none; }
.juegos-modal-mezcla .juegos-contenido { flex:1; min-height:0; display:flex; flex-direction:column; }
.juegos-modal-mezcla .juegos-zona { flex:1; min-height:0; display:grid; position:relative; grid-template-rows:42px minmax(0,1fr) 58px; gap:8px; }
.juegos-modal-mezcla .juegos-objetivo { margin:0; font-size:.9rem; }
.juegos-modal-mezcla .juegos-objetivo svg { width:34px; height:38px; }
.juegos-modal-mezcla .juegos-respuesta { min-height:0; margin:0; font-size:.85rem; }
.juegos-modal-mezcla .juegos-principal { margin:0; padding:6px 12px; }
.juegos-modal-mezcla .juegos-acciones { flex:none; margin-top:6px; }
.juegos-mezcla { position:relative; display:block; height:100%; min-height:0; max-width:100%; overflow:hidden; margin:0; padding:0; }
.juegos-mezcla span { position:absolute; width:clamp(26px,13%,56px); height:auto; aspect-ratio:1; transform:translate(-50%,-50%) translate(var(--figura-x),var(--figura-y)); }
.juegos-punteria { position:relative; height:clamp(140px,28dvh,260px); overflow:hidden; border:3px solid white; border-radius:20px; background:radial-gradient(ellipse at 50% 120%,#e8f6ee 0 40%,transparent 41%),linear-gradient(#285b80,#91d4d2); }
.juegos-estrella-voladora { position:absolute; left:12%; top:50%; width:48px; height:58px; transform:translate(-50%,-50%); filter:drop-shadow(0 0 7px #fff2b5); }
.juegos-estrella-voladora svg { width:100%; height:100%; }

.juegos-punteria { height:clamp(200px,37dvh,330px); background:radial-gradient(circle at 15% 20%,#ffffff80 1px,transparent 2px),radial-gradient(circle at 70% 60%,#ffffff60 1px,transparent 2px),radial-gradient(ellipse at 50% 120%,#e8f6ee 0 40%,transparent 41%),linear-gradient(#285b80,#91d4d2); background-size:57px 63px,81px 77px,100% 100%,100% 100%; }
.juegos-corona-movil { position:absolute; transform:translate(-50%,-50%); border:12px solid #26704b; border-radius:50%; background:#fff4c729; box-shadow:0 0 0 3px #fff,inset 0 0 0 3px #bfdfb6,0 4px 0 3px #193f4f55; }
.juegos-corona-movil::before { content:""; position:absolute; inset:-12px; border:4px dotted #a9d68b; border-radius:50%; }
.juegos-corona-movil::after { content:""; position:absolute; width:21px; height:15px; top:-15px; left:50%; transform:translateX(-50%); border:3px solid white; border-radius:6px 9px; background:#d83d50; box-shadow:0 2px 0 #922e41; }
.juegos-coinciden .juegos-corona-movil { box-shadow:0 0 0 5px #fff3bc,inset 0 0 0 3px #fff3bc,0 0 25px #ffdf72; }
.juegos-estrella-voladora { width:40px; height:48px; }

/* Fichas troqueladas y resultados superpuestos: ninguna respuesta cambia el tablero. */
.juegos-modal-mezcla .juegos-objetivo { line-height:1.1; overflow:hidden; }
.juegos-mezcla { background:radial-gradient(ellipse at 30% 20%,#f4fffc80,transparent 60%),#b8dedc; border:3px solid white; box-shadow:inset 0 0 20px #4f9ca333; }
.juegos-mezcla span { transform:translate(-50%,-50%); }
.juegos-mezcla svg { width:100%; height:100%; }
.juegos-dialogo .juegos-respuestas-mezcla button { position:relative; height:54px; min-height:54px; border:3px solid white; border-radius:16px 12px 18px 13px; color:#174c3b; background:#fff0c9; font:800 clamp(1.5rem,6vw,2rem)/1 'Grandstander',system-ui,sans-serif; text-shadow:1px 2px white; box-shadow:0 4px 0 #b88f45,inset 0 0 0 2px #eed69f; }
.juegos-dialogo .juegos-respuestas-mezcla button:nth-child(even) { background:#d9eee8; box-shadow:0 4px 0 #72a89c,inset 0 0 0 2px #b7d9ce; }
.juegos-respuestas-mezcla button::before { content:""; position:absolute; top:4px; left:9px; right:9px; border-top:2px dashed #b48b5680; pointer-events:none; }
.juegos-resultado { position:absolute; z-index:10; inset:0; display:grid; place-items:center; padding:16px; background:#dff0e980; backdrop-filter:blur(3px); border-radius:18px; }
.juegos-resultado>div { width:min(100%,340px); padding:22px 18px; background:#fffaf2; border:4px solid white; outline:2px solid #c4dccc; border-radius:22px 16px 24px 17px; box-shadow:0 6px 0 #9ebdae,0 15px 35px #193f4f33; animation:resultadoAparece .25s ease-out; }
.juegos-resultado strong { display:block; color:#176443; font:800 clamp(1.5rem,5vw,2rem)/1.2 'Grandstander',system-ui,sans-serif; }
.juegos-resultado p { margin:10px 0 0; }
.juegos-resultado-fallo strong { color:#a52c43; }
@keyframes resultadoAparece { from { transform:scale(.9); opacity:0; } to { transform:scale(1); opacity:1; } }
@media(prefers-reduced-motion:reduce) { .juegos-resultado>div { animation:none; } }

.juegos-lanzamiento { position:relative; isolation:isolate; width:100%; aspect-ratio:5/3; overflow:hidden; touch-action:none; border:3px solid white; border-radius:20px; background:linear-gradient(#397594,#b6dfdb); }
.juegos-lanzamiento .juegos-paisaje { z-index:0; }
.juegos-casa-destino { position:absolute; left:48%; top:57%; width:43%; height:50%; }
.juegos-casa-destino svg { width:100%; height:100%; }
.juegos-chimenea { position:absolute; z-index:2; left:62%; top:55%; width:12%; height:22%; border:3px solid white; border-top:7px solid #fffaf2; border-radius:4px; background:repeating-linear-gradient(0deg,transparent 0 12px,#fff8 13px 15px),repeating-linear-gradient(90deg,#ad3c47 0 18px,#e0a49d 19px 21px); box-shadow:0 4px 0 #693949; }
.juegos-chimenea::before { content:""; position:absolute; left:-5px; right:-5px; height:8px; top:-10px; border:3px solid #fffaf2; border-radius:50%; background:#442b3c; }
.chimenea-acierto { filter:drop-shadow(0 0 10px #ffdf6f); }
.juegos-regalo-salida,.juegos-paquete-volando { position:absolute; z-index:3; width:5%; aspect-ratio:1; transform:translate(-50%,-50%) rotate(var(--paquete-giro,0deg)); }
.juegos-regalo-salida { left:12%; top:78.333%; width:7%; }
.juegos-regalo-salida svg,.juegos-paquete-volando svg { width:100%; height:100%; filter:drop-shadow(1px 2px white); }
.juegos-trayectoria { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:none; }
.juegos-trayectoria path { fill:none; stroke:#fff3ba; stroke-width:5; stroke-dasharray:4 14; stroke-linecap:round; }
.juegos-potencia { display:flex; gap:10px; align-items:center; justify-content:center; font-weight:800; margin-top:8px; }
.juegos-potencia meter { width:min(55%,240px); height:22px; }
@media(prefers-reduced-motion:reduce) { .juegos-paquete-volando { transform:translate(-50%,-50%); } }