:root{--verde: #2fb344;--verde-osc: #23902f;--azul: #1c9fe8;--azul-osc: #1580bd;--rojo: #ef4b4b;--rojo-osc: #c73636;--amarillo: #ffc400;--texto: #3c3c3c;--gris: #777;--borde: #e2e2e2;--fondo: #ffffff;--suave: #f6f7f9;--bien-fondo: #d9f7c9;--mal-fondo: #ffdfe0}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font-family:Nunito,system-ui,sans-serif;font-weight:700;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2{font-weight:900;margin:0}.boton{width:100%;padding:.95rem 1.2rem;border:0;border-radius:16px;background:var(--verde);box-shadow:0 4px 0 var(--verde-osc);color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transition:transform 80ms,box-shadow 80ms}.boton:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--verde-osc)}.boton:disabled{background:#e5e5e5;box-shadow:0 4px #cfcfcf;color:#aaa}.boton--rojo{background:var(--rojo);box-shadow:0 4px 0 var(--rojo-osc)}.boton--claro{background:#fff;color:var(--azul);border:2px solid var(--borde);box-shadow:0 4px 0 var(--borde)}.enlace{background:none;border:0;color:var(--azul);font-weight:800;text-transform:uppercase;padding:.8rem}.inicio{max-width:560px;margin:0 auto;padding:1.25rem 1rem 7rem}.cabecera{display:flex;align-items:center;justify-content:space-between}.cabecera h1{font-size:2rem}.marcadores{display:flex;gap:.5rem}.marcador{padding:.35rem .7rem;border:2px solid var(--borde);border-radius:999px;font-weight:900}.subtitulo{color:var(--gris);margin:.4rem 0 1.2rem}.inicio h2{font-size:1.15rem;margin:1.2rem 0 .6rem}.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.tema{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem .8rem;background:#fff;border:2px solid var(--borde);border-radius:18px;box-shadow:0 4px 0 var(--borde);transition:transform 80ms}.tema:active{transform:translateY(2px)}.tema--si{border-color:var(--azul);background:#e8f6ff;box-shadow:0 4px 0 var(--azul)}.tema__emoji{font-size:2.4rem;line-height:1}.tema__nombre{font-weight:900}.tema__pct{position:absolute;top:.4rem;right:.55rem;font-size:.75rem;color:var(--gris)}.pie{position:fixed;left:0;right:0;bottom:0;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));background:#fff;border-top:2px solid var(--borde)}.pie .boton{display:block;max-width:560px;margin:0 auto}.sesion{min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.barra{display:flex;align-items:center;gap:.8rem;padding:1rem}.cerrar{border:0;background:none;font-size:1.4rem;color:#afafaf;padding:.2rem .4rem}.progreso{flex:1;height:16px;background:#e5e5e5;border-radius:999px;overflow:hidden}.progreso__lleno{height:100%;background:var(--verde);border-radius:999px;transition:width .4s ease;box-shadow:inset 0 -4px #00000014}.contador{color:var(--gris);font-size:.9rem;min-width:2.6rem;text-align:right}.pregunta{flex:1;padding:.5rem 1.1rem 1rem;animation:entra .3s ease both}@keyframes entra{0%{opacity:0;transform:translate(24px)}}.enunciado{font-size:1.45rem;margin-bottom:1rem}.grande{font-size:5.5rem;text-align:center;line-height:1.1;margin:.4rem 0 1rem}.grande--romano{font-family:Georgia,Times New Roman,serif;font-size:4.5rem;letter-spacing:.05em;color:#6b4f2a}.grande.grande--largo{font-size:3rem}.grande.grande--muy-largo{font-size:2.1rem}.opciones.opciones--largas{grid-template-columns:1fr}.opciones--largas .opcion{font-size:1.1rem;min-height:54px;padding:.7rem}.romano{font-family:Georgia,Times New Roman,serif;letter-spacing:.04em}.raya{text-decoration:overline;text-decoration-thickness:.08em;text-underline-offset:0}.ayuda{text-align:center;color:var(--gris);font-size:1.1rem;margin:-.3rem 0 1rem}.altavoz{display:block;margin:1rem auto 1.5rem;width:110px;height:110px;border-radius:28px;border:0;background:var(--azul);box-shadow:0 5px 0 var(--azul-osc);font-size:3rem}.altavoz:active{transform:translateY(3px);box-shadow:0 2px 0 var(--azul-osc)}.altavoz--peque{width:56px;height:56px;border-radius:16px;font-size:1.6rem;margin:-.4rem auto 1rem}.opciones{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.opcion{padding:1rem .6rem;min-height:64px;background:#fff;border:2px solid var(--borde);border-radius:16px;box-shadow:0 4px 0 var(--borde);font-size:1.2rem;font-weight:800}.opcion--elegida{border-color:var(--azul);background:#e8f6ff;box-shadow:0 4px 0 var(--azul);color:var(--azul-osc)}.opcion--buena{border-color:var(--verde);background:var(--bien-fondo);box-shadow:0 4px 0 var(--verde);color:var(--verde-osc)}.opcion--mala{border-color:var(--rojo);background:var(--mal-fondo);box-shadow:0 4px 0 var(--rojo);color:var(--rojo-osc)}.escribir{width:100%;padding:1rem;font:inherit;font-size:1.5rem;text-align:center;border:2px solid var(--borde);border-radius:16px;background:var(--suave);outline:none}.escribir:focus{border-color:var(--azul);background:#fff}.frase{min-height:72px;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start;padding:.6rem 0;margin-bottom:1.2rem;border-bottom:2px solid var(--borde);background:repeating-linear-gradient(transparent 0 58px,var(--borde) 58px 60px)}.fichas{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ficha{padding:.6rem .9rem;background:#fff;border:2px solid var(--borde);border-radius:14px;box-shadow:0 3px 0 var(--borde);font-size:1.15rem;font-weight:800}.ficha--usada{background:#e5e5e5;color:transparent;box-shadow:none}.pista{margin-top:1.4rem;color:var(--gris)}.pista summary{cursor:pointer;color:var(--azul)}.pista p{margin:.4rem 0 0;font-weight:600}.resultado{padding:1rem 1.1rem max(1rem,env(safe-area-inset-bottom));border-top:2px solid var(--borde);display:grid;gap:.8rem;transition:background .2s}.resultado--bien{background:var(--bien-fondo);border-color:transparent;color:var(--verde-osc)}.resultado--mal{background:var(--mal-fondo);border-color:transparent;color:var(--rojo-osc)}.resultado__texto{display:grid;gap:.2rem;animation:sube .25s ease both}.resultado__texto strong{font-size:1.4rem;font-weight:900}@keyframes sube{0%{opacity:0;transform:translateY(10px)}}.fin{max-width:480px;margin:0 auto;padding:3rem 1.2rem 2rem;text-align:center}.estrellas{font-size:4.2rem;display:flex;justify-content:center;gap:.4rem;margin-bottom:1rem}.estrella{color:#e5e5e5}.estrella--si{color:var(--amarillo);animation:brilla .5s cubic-bezier(.3,1.6,.5,1) both;text-shadow:0 4px 0 #e0a800}@keyframes brilla{0%{transform:scale(0) rotate(-40deg)}}.fin h1{font-size:2rem}.nota{font-size:1.3rem;color:var(--gris);margin:.4rem 0}.racha{font-size:1.1rem;margin:.6rem 0 2rem}.acciones{display:grid;gap:.8rem}.confeti{position:fixed;top:-12px;width:10px;height:14px;border-radius:2px;pointer-events:none;z-index:9;animation:cae 2.2s cubic-bezier(.2,.6,.4,1) forwards}@keyframes cae{to{transform:translateY(105vh) rotate(var(--giro));opacity:.8}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}