:root{--morado:#5b2c87;--morado-claro:#ede3f7;--azul:#1565c0;--azul-claro:#e3f0fc;--verde:#2e7d32;--verde-claro:#e4f5e5;--rojo:#c62828;--rojo-claro:#fce4e4;--naranja:#e65100;--naranja-claro:#ffeee0;--amarillo:#f9a825;--amarillo-claro:#fff6dc;--gris:#5a5a5a;--gris-claro:#f2f2f2;--texto:#1a1a1a;--sombra:0 3px 0 rgba(0,0,0,.13);--radio:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;font-family:"Trebuchet MS","Segoe UI",Verdana,system-ui,sans-serif;background:linear-gradient(160deg,#f7f3fc 0%,#eaf2fb 100%);background-attachment:fixed;color:var(--texto);font-size:18px;line-height:1.45;min-height:100vh;padding:0 0 40px}.envoltura{max-width:860px;margin:0 auto;padding:14px 14px 0}.oculto{display:none!important}.cabecera{text-align:center;padding:18px 10px 12px}.cabecera h1{margin:0;font-size:30px;color:var(--morado);letter-spacing:-.4px}.cabecera .sub{margin:4px 0 0;color:var(--gris);font-size:15px}.marcador-global{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}.chip-dato{background:#fff;border:2px solid #e3e3e3;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:bold;color:var(--gris);box-shadow:var(--sombra)}.chip-dato b{color:var(--morado);font-size:17px}.rejilla{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}@media (min-width:620px){.rejilla{grid-template-columns:1fr 1fr}}#rejilla-mixto{grid-template-columns:1fr}.tarjeta-tema{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:3px solid #e6e6e6;border-radius:var(--radio);padding:16px;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--sombra);transition:transform .08s ease;min-height:92px}.tarjeta-tema:active{transform:scale(.98)}.tarjeta-tema .icono{font-size:34px;width:52px;min-width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--gris-claro)}.tarjeta-tema .titulo{font-weight:bold;font-size:19px;display:block;margin-bottom:2px}.tarjeta-tema .desc{font-size:14px;color:var(--gris);display:block;line-height:1.3}.tarjeta-tema .medalla-mini{font-size:24px;margin-left:auto;min-width:30px;text-align:center}.t-morado{border-color:var(--morado)}.t-morado .icono{background:var(--morado-claro)}.t-azul{border-color:var(--azul)}.t-azul .icono{background:var(--azul-claro)}.t-verde{border-color:var(--verde)}.t-verde .icono{background:var(--verde-claro)}.t-rojo{border-color:var(--rojo)}.t-rojo .icono{background:var(--rojo-claro)}.t-naranja{border-color:var(--naranja)}.t-naranja .icono{background:var(--naranja-claro)}.t-amarillo{border-color:var(--amarillo);background:var(--amarillo-claro)}.t-amarillo .icono{background:#fff}.separador-titulo{margin:26px 0 6px;font-size:15px;font-weight:bold;color:var(--gris);text-transform:uppercase;letter-spacing:.6px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:bold;font-size:18px;border:none;border-radius:14px;padding:15px 22px;min-height:54px;cursor:pointer;color:#fff;background:var(--morado);box-shadow:0 4px 0 rgba(0,0,0,.18);transition:transform .08s ease}.boton:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.18)}.boton[disabled]{opacity:.45;cursor:default}.boton.verde{background:var(--verde)}.boton.azul{background:var(--azul)}.boton.naranja{background:var(--naranja)}.boton.gris{background:#8a8a8a}.boton.ancho{width:100%}.fila-botones{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.fila-botones .boton{flex:1 1 160px}.barra-juego{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--radio);padding:10px 12px;box-shadow:var(--sombra);margin-bottom:12px;flex-wrap:wrap}.btn-salir{background:var(--gris-claro);border:none;border-radius:10px;width:44px;height:44px;font-size:20px;cursor:pointer;color:var(--gris)}.barra-juego .nombre-tema{font-weight:bold;font-size:16px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dato-juego{font-size:16px;font-weight:bold;background:var(--gris-claro);border-radius:999px;padding:6px 12px;white-space:nowrap}.dato-juego.puntos{background:var(--amarillo-claro);color:var(--naranja)}.dato-juego.racha{background:var(--naranja-claro);color:var(--naranja)}.dato-juego.vidas{background:var(--rojo-claro);letter-spacing:1px}.barra-progreso{width:100%;height:10px;background:#e6e6e6;border-radius:999px;overflow:hidden}.barra-progreso i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--verde),#66bb6a);border-radius:999px;transition:width .3s ease}.tarjeta{background:#fff;border-radius:var(--radio);padding:20px 18px;box-shadow:var(--sombra);border:2px solid #ededed}.enunciado{font-size:21px;line-height:1.4;margin:0 0 6px}.enunciado b{color:var(--morado)}.ayuda{font-size:14px;color:var(--gris);background:var(--amarillo-claro);border-left:4px solid var(--amarillo);padding:8px 12px;border-radius:8px;margin:12px 0 0}.opciones{display:grid;gap:10px;margin-top:16px}.opcion{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-size:18px;background:#fff;border:3px solid #dadada;border-radius:14px;padding:14px 16px;min-height:58px;cursor:pointer;color:var(--texto);transition:transform .08s ease}.opcion:active{transform:scale(.99)}.opcion .letra{width:34px;min-width:34px;height:34px;border-radius:50%;background:var(--gris-claro);color:var(--gris);display:flex;align-items:center;justify-content:center;font-weight:bold}.opcion.bien{border-color:var(--verde);background:var(--verde-claro)}.opcion.bien .letra{background:var(--verde);color:#fff}.opcion.mal{border-color:var(--rojo);background:var(--rojo-claro)}.opcion.mal .letra{background:var(--rojo);color:#fff}.opcion[disabled]{cursor:default}.opciones.vf{grid-template-columns:1fr 1fr}.opciones.vf .opcion{justify-content:center;font-size:22px;font-weight:bold;min-height:84px}.opciones.vf .opcion .letra{display:none}.zona-escribir{margin-top:18px}.visor{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gris-claro);border:3px solid #d8d8d8;border-radius:14px;min-height:66px;padding:10px 16px;font-size:32px;font-weight:bold;letter-spacing:1px}.visor.bien{border-color:var(--verde);background:var(--verde-claro);color:var(--verde)}.visor.mal{border-color:var(--rojo);background:var(--rojo-claro);color:var(--rojo)}.visor .unidad{font-size:20px;color:var(--gris);font-weight:bold}.visor .cursor{color:#bbb}.visor-fraccion{display:flex;flex-direction:column;align-items:center;gap:4px}.visor-fraccion .parte{min-width:120px;text-align:center;border-radius:10px;padding:2px 10px}.visor-fraccion .parte.activa{background:#fff0c2;outline:3px solid var(--amarillo)}.visor-fraccion .raya{width:130px;height:4px;background:var(--texto);border-radius:2px}.teclado{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.tecla{font:inherit;font-size:26px;font-weight:bold;background:#fff;border:2px solid #dcdcdc;border-radius:12px;min-height:60px;cursor:pointer;color:var(--texto);box-shadow:0 3px 0 #e0e0e0}.tecla:active{transform:translateY(2px);box-shadow:none}.tecla.accion{background:var(--gris-claro);font-size:20px}.tecla.ok{background:var(--verde);color:#fff;border-color:var(--verde);box-shadow:0 3px 0 #1b5e20}.relacionar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.columna-rel{display:grid;gap:8px;align-content:start}.ficha{font:inherit;font-size:17px;background:#fff;border:3px solid #dadada;border-radius:12px;padding:12px 10px;min-height:56px;cursor:pointer;color:var(--texto);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}.ficha.activa{border-color:var(--amarillo);background:var(--amarillo-claro);transform:scale(1.02)}.ficha.unida{border-color:var(--verde);background:var(--verde-claro);color:var(--verde);font-weight:bold}.ficha.error{border-color:var(--rojo);background:var(--rojo-claro)}.ficha.revelada{border-color:var(--rojo);background:var(--rojo-claro);color:var(--rojo)}.ficha[disabled]{cursor:default}.zona-orden{margin-top:16px}.ranura{display:flex;gap:8px;flex-wrap:wrap;min-height:66px;border:3px dashed #c9c9c9;border-radius:14px;padding:10px;background:#fafafa;align-items:center}.ranura:empty::after{content:"Toca los números abajo en orden";color:#aaa;font-size:15px;padding:0 6px}.banco-fichas{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}.ficha-num{font:inherit;font-size:22px;font-weight:bold;background:#fff;border:3px solid var(--azul);color:var(--azul);border-radius:12px;padding:12px 18px;min-height:56px;min-width:88px;cursor:pointer}.ficha-num.puesta{border-color:var(--morado);color:var(--morado);background:var(--morado-claro)}.ficha-num.bien{border-color:var(--verde);color:var(--verde);background:var(--verde-claro)}.ficha-num.mal{border-color:var(--rojo);color:var(--rojo);background:var(--rojo-claro)}.ficha-num.usada{opacity:.25;pointer-events:none}.ficha-num[disabled]{cursor:default}.orden-etiqueta{font-size:14px;color:var(--gris);margin:12px 0 6px;font-weight:bold}.feedback{margin-top:16px;border-radius:14px;padding:16px;border:3px solid;animation:aparecer .25s ease}@keyframes aparecer {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}.feedback.bien{border-color:var(--verde);background:var(--verde-claro)}.feedback.mal{border-color:var(--rojo);background:var(--rojo-claro)}.feedback .titulo-fb{font-size:22px;font-weight:bold;margin:0 0 6px;display:flex;align-items:center;gap:8px}.feedback.bien .titulo-fb{color:var(--verde)}.feedback.mal .titulo-fb{color:var(--rojo)}.feedback .detalle{font-size:17px;line-height:1.45}.feedback .detalle b{color:var(--texto)}.resultado{text-align:center;padding:10px 6px 4px}.resultado .medalla{font-size:84px;line-height:1;margin-bottom:4px}.resultado h2{margin:6px 0;font-size:28px;color:var(--morado)}.resultado .frase{color:var(--gris);font-size:17px;margin-bottom:16px}.tabla-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}.stat{background:var(--gris-claro);border-radius:12px;padding:12px 8px}.stat .n{font-size:28px;font-weight:bold;color:var(--morado);display:block}.stat .e{font-size:13px;color:var(--gris)}.lista-errores{margin-top:18px;text-align:left}.lista-errores h3{font-size:17px;color:var(--rojo);margin:0 0 8px}.error-item{background:var(--rojo-claro);border-left:4px solid var(--rojo);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:15px;line-height:1.4}.error-item .p{font-weight:bold;display:block;margin-bottom:3px}#confeti{position:fixed;inset:0;pointer-events:none;z-index:50}.pie{text-align:center;color:#9a9a9a;font-size:13px;margin-top:26px;padding-bottom:10px}@media (max-width:380px){body{font-size:17px}.enunciado{font-size:19px}.tecla{font-size:22px;min-height:54px}.visor{font-size:27px}.ficha{font-size:15px}}@media (min-width:720px) and (orientation:landscape){.opciones:not(.vf) {grid-template-columns:1fr 1fr}.teclado{max-width:420px;margin-left:auto;margin-right:auto}}