@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-CFQEN4Ue.woff2) format("woff2"),url(/assets/andika-latin-400-normal-CDApGPvA.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-DvW8iDJd.woff2) format("woff2"),url(/assets/andika-latin-700-normal-D1aqbIvl.woff) format("woff")}:root{color-scheme:light;--cielo: #1e6fd9;--cielo-claro: #dcebff;--sol: #ffc83d;--sol-claro: #fff3cc;--menta: #12946c;--menta-claro: #d6f5ea;--lila: #6f4fd0;--lila-claro: #e8e1ff;--rosa: #d9437a;--rosa-claro: #ffe0ec;--rojo: #d42f2f;--rojo-claro: #ffe3e3;--tinta: #1c2a44;--gris: #5b6780;--gris-claro: #e7eaf0;--papel: #fffef9;--fondo: #fff8e7;--sombra: 0 3px 0 rgb(28 42 68 / 16%);font-family:Andika,Trebuchet MS,system-ui,sans-serif;color:var(--tinta);background:var(--fondo)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden;background:var(--fondo)}body{font-size:18px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--cielo);outline-offset:2px}.pantalla{max-width:560px;margin:0 auto;padding:calc(8px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.cabecera{display:flex;align-items:center;gap:10px;padding:6px 0 10px}.cabecera h1{flex:1;font-size:1.3rem;margin:0;line-height:1.15;min-width:0}.logo{display:flex}.redondo{width:48px;height:48px;flex:none;border-radius:50%;border:0;background:#fff;box-shadow:var(--sombra);font-size:1.15rem;display:grid;place-items:center}.redondo.encendido{background:var(--sol)}.lema{margin:0 0 14px;color:var(--gris)}.subniveles{display:grid;gap:12px}.tarjeta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;min-height:84px;padding:14px 18px;border:0;border-radius:20px;text-align:left;box-shadow:var(--sombra)}.tarjeta .nombre{font-size:1.45rem;font-weight:700}.tarjeta .grados{grid-column:1;color:var(--tinta);opacity:.8;font-size:.95rem}.tarjeta .cuantos,.tarjeta .pronto{grid-column:2;grid-row:1 / span 2;font-size:.9rem;font-weight:700;background:#fff;border-radius:99px;padding:5px 12px}.tarjeta.cielo{background:var(--cielo-claro)}.tarjeta.menta{background:var(--menta-claro)}.tarjeta.lila{background:var(--lila-claro)}.tarjeta.sol{background:var(--sol-claro)}.tarjeta.rosa{background:var(--rosa-claro)}.tarjeta.apagada{background:var(--gris-claro);box-shadow:none;color:var(--gris)}.tarjeta.apagada .pronto{color:var(--gris)}.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tema{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:124px;padding:14px;border:0;border-radius:20px;background:#fff;box-shadow:var(--sombra);text-align:left;font-weight:700;line-height:1.2}.simbolo{display:grid;place-items:center;min-width:52px;height:52px;padding:0 10px;border-radius:15px;background:var(--cielo);color:#fff;font-size:1.8rem;font-weight:700}.simbolo[data-largo=si]{font-size:1.1rem}.temas.menta .simbolo{background:var(--menta)}.temas.lila .simbolo{background:var(--lila)}.pestanas{display:flex;gap:6px;background:#fff;border-radius:16px;padding:5px;box-shadow:var(--sombra);margin-bottom:10px}.pestanas button{flex:1;min-height:46px;border:0;background:transparent;border-radius:12px;font-weight:700;padding:4px;font-size:.98rem;line-height:1.1}.pestanas button.activa{background:var(--cielo);color:#fff}.pestanas.chicas{box-shadow:none;background:var(--gris-claro)}.enunciado{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}.enunciado .que{font-size:1.3rem;font-weight:700;word-break:break-word;min-width:0}.acciones{display:flex;gap:6px}.chico{min-height:44px;padding:0 14px;border-radius:12px;border:0;background:#fff;box-shadow:var(--sombra);font-weight:700;font-size:.95rem}.chico.sol{background:var(--sol)}.pizarra{background-color:var(--papel);background-image:linear-gradient(#e5edf8 1px,transparent 1px),linear-gradient(90deg,#e5edf8 1px,transparent 1px);background-size:24px 24px;border-radius:16px;box-shadow:var(--sombra);padding:8px 0;overflow-x:auto;overflow-y:hidden;display:block;text-align:center;overscroll-behavior-x:contain}.pizarra svg{display:inline-block;vertical-align:top;max-width:none}.trazo{stroke:var(--tinta);stroke-width:2.5;stroke-linecap:round}.letra{fill:var(--tinta);font-family:Andika,Trebuchet MS,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none}.rol-operador .letra{fill:var(--gris)}.rol-relleno .letra{fill:#98a4ba}.rol-llevada .letra,.rol-nuevo .letra{fill:var(--rosa)}.rol-resultado .letra{fill:var(--menta)}.rol-parcial .letra{fill:var(--cielo)}.rol-cociente .letra{fill:var(--lila)}.rol-producto .letra{fill:var(--cielo)}.rol-resta .letra{fill:var(--menta)}.rol-bajada .letra{fill:var(--rosa)}.rol-primo .letra{fill:var(--lila)}.rol-encabezado .letra{fill:var(--gris)}.rol-texto .letra{font-weight:400}.fondo-resalta{fill:var(--sol-claro)}.fondo-marca{fill:var(--sol)}.fondo-rojo{fill:var(--rojo-claro);stroke:var(--rojo);stroke-width:2}.tachado{stroke:var(--rojo);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;animation:tachar .35s ease-out both}.casilla{fill:#fff;stroke:var(--cielo);stroke-width:2}.casilla.activa{fill:var(--sol-claro);stroke-width:3;animation:latido 1.3s ease-in-out infinite}.casilla.mal{fill:var(--rojo-claro);stroke:var(--rojo);animation:temblor .3s linear}.casilla.ranura{fill:transparent;stroke:#9db7dc;stroke-dasharray:5 4;cursor:pointer}.escrito{fill:var(--tinta);pointer-events:none}.escrito-mal{fill:var(--rojo)}.nueva{animation:aparece .32s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:center}.vuela{animation:vuelo .55s ease-in-out both}@keyframes aparece{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes vuelo{0%{transform:translate(var(--dx),var(--dy));opacity:.4}to{transform:none;opacity:1}}@keyframes tachar{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes latido{50%{fill:#fff}}@keyframes temblor{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.nueva,.vuela,.tachado,.casilla.activa,.casilla.mal{animation:none}}.explica{background:#fff;border-radius:16px;padding:12px 14px;margin-top:10px;box-shadow:var(--sombra)}.explica p{margin:2px 0;overflow-wrap:anywhere}.explica.exito{background:var(--menta-claro)}.explica.error{background:var(--rojo-claro)}.cuenta-pasos{font-size:.85rem;color:var(--gris);font-weight:700}.explica.error .cuenta-pasos{color:var(--rojo)}.cierre{font-weight:700;color:var(--menta)}.cierre.grande{font-size:1.5rem}.tipo-error{font-weight:700}.mandos{display:flex;gap:8px;margin-top:10px;position:sticky;bottom:8px;z-index:2}.mandos.en-form{position:static}.boton{flex:1;min-height:56px;border:0;border-radius:16px;font-weight:700;padding:6px 8px;box-shadow:var(--sombra);line-height:1.1;font-size:1rem}.boton.azul{background:var(--cielo);color:#fff}.boton.sol{background:var(--sol)}.boton.suave{background:#fff}.boton.ancho{width:100%}.enlace-boton{display:flex;align-items:center;justify-content:center;margin-top:10px;color:inherit;text-decoration:none}.panel-hacer{position:sticky;bottom:0;z-index:3;margin:10px -16px calc(-32px - env(safe-area-inset-bottom));padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:var(--fondo);border-top:2px solid var(--gris-claro)}.mensaje{min-height:54px;padding:8px 12px;border-radius:14px;background:var(--cielo-claro);font-weight:700;font-size:.98rem;line-height:1.25;margin:0 0 8px}.mensaje.con-error{background:var(--rojo-claro);color:#9c1c1c}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teclado.opciones{grid-template-columns:repeat(2,1fr)}.tecla{min-height:52px;border:0;border-radius:14px;background:#fff;box-shadow:var(--sombra);font-size:1.5rem;font-weight:700}.tecla:active{transform:translateY(2px);box-shadow:none}.tecla.azul{background:var(--cielo);color:#fff}.tecla.suave{background:var(--gris-claro)}.tecla.ancha{grid-column:1 / -1;font-size:1.05rem}.tecla.grande{min-height:72px}.enlace{display:block;width:100%;min-height:44px;border:0;background:transparent;color:var(--cielo);font-weight:700;text-decoration:underline;font-size:.95rem}.datos,.respuesta{display:grid;gap:10px;background:#fff;border-radius:16px;padding:14px;box-shadow:var(--sombra);margin-bottom:10px}.campo{display:grid;gap:4px;font-weight:700}.campo small{font-weight:400;color:var(--gris)}.entrada{width:100%;min-height:56px;font:inherit;font-size:1.4rem;font-weight:700;padding:6px 12px;border-radius:12px;border:2px solid #b9c6da;background:var(--papel);color:var(--tinta)}.entrada:focus{outline:0;border-color:var(--cielo)}.fila-lista{display:flex;gap:8px;align-items:center}.interruptor{border:0;background:#fff;border-radius:16px;padding:12px;margin:0 0 12px;box-shadow:var(--sombra);display:grid;gap:8px}.interruptor legend{font-weight:700;padding:0;float:left;width:100%;margin-bottom:6px}.interruptor label{display:flex;gap:10px;align-items:center;min-height:56px;padding:8px 12px;border:2px solid var(--gris-claro);border-radius:12px;clear:both}.interruptor label.elegida{border-color:var(--cielo);background:var(--cielo-claro)}.interruptor input{width:24px;height:24px;flex:none;accent-color:var(--cielo)}.interruptor small{display:block;color:var(--gris)}.practica{display:grid;gap:8px}.marcador{display:flex;justify-content:space-between;font-weight:700;color:var(--gris)}.marcador b{color:var(--tinta)}.pregunta{background:var(--papel);border-radius:16px;box-shadow:var(--sombra);text-align:center;font-size:2.4rem;font-weight:700;padding:18px 8px}.pregunta .hueco{color:var(--cielo)}.pregunta.mal .hueco{color:var(--rojo)}