@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{--paper: #f7f9fe;--sheet: #ffffff;--rule: #c8d4ef;--rule-strong: #8ea5dc;--margin: #e0573f;--ink: #1c2541;--ink-soft: #56607a;--pencil: #f6c445;--pencil-edge: #c9921b;--ok: #2b9a5e;--ok-tint: #e3f5ea;--try: #dd8526;--try-tint: #fdf0e0;--blue: #3559c7;--blue-tint: #e8eefc;--guide: #dfe6f6;--font-read: "Andika", "Andika New Basic", system-ui, sans-serif;--font-ui: "Andika", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 18px;--tap: 76px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:18px;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.app{min-height:100%;display:flex;flex-direction:column;padding-inline:16px;padding-block:12px 16px;background:linear-gradient(to right,transparent 0 38px,var(--margin) 38px 40px,transparent 40px) no-repeat,var(--paper)}.screen{flex:1;display:flex;flex-direction:column;gap:20px;max-width:1100px;width:100%;margin-inline:auto;padding-left:28px}.btn{min-height:56px;padding-inline:22px;border-radius:14px;border:2px solid var(--rule-strong);background:var(--sheet);font-size:20px;cursor:pointer;touch-action:manipulation}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pencil);border-color:var(--pencil-edge);font-weight:700;box-shadow:0 3px 0 var(--pencil-edge)}.btn-primary:active{box-shadow:0 1px 0 var(--pencil-edge);transform:translateY(2px)}.btn-big{min-height:96px;font-size:32px;padding-inline:40px;border-radius:22px}.btn-quiet{border-color:transparent;background:transparent;color:var(--ink-soft);font-size:16px;min-height:44px}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:700}.btn-no{background:var(--sheet);border-color:var(--try);color:var(--ink)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:2px solid var(--rule-strong);background:var(--sheet);font-size:32px;display:inline-grid;place-items:center;cursor:pointer;flex:none}.topbar{display:flex;align-items:center;gap:12px;min-height:64px}.progress{flex:1;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.progress span{width:12px;height:12px;border-radius:50%;background:var(--rule)}.progress span.done{background:var(--blue)}.progress span.now{background:var(--pencil);outline:2px solid var(--pencil-edge)}.word{font-family:var(--font-read);font-size:clamp(56px,11vw,120px);line-height:1.1;text-align:center;letter-spacing:.02em;min-height:1.3em;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25em;overflow-wrap:anywhere}.word .syl{border:none;background:var(--blue-tint);border-radius:14px;padding:0 .18em;font:inherit;cursor:pointer}.word .syl.lit{background:var(--pencil)}.word .gap{width:.4em}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choices.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 560px){.choices.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--sheet);border:3px solid var(--rule);border-radius:var(--radius);min-height:150px;display:grid;place-items:center;font-size:clamp(64px,11vw,104px);cursor:pointer;touch-action:manipulation;transition:border-color .12s,background .12s}.card.text{font-family:var(--font-read);font-size:clamp(44px,8vw,80px)}.card.ok{border-color:var(--ok);background:var(--ok-tint)}.card.no{border-color:var(--try);background:var(--try-tint);opacity:.6}.card.hint{border-color:var(--pencil-edge);box-shadow:0 0 0 4px var(--pencil)}.card:disabled{cursor:default}.picture{font-size:clamp(72px,14vw,128px);text-align:center;line-height:1}.slots{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.slot{min-width:96px;height:96px;padding-inline:10px;border:3px dashed var(--rule-strong);border-radius:16px;background:var(--sheet);font-family:var(--font-read);font-size:54px;display:grid;place-items:center;cursor:pointer}.slot.filled{border-style:solid;border-color:var(--pencil-edge);background:#fff8e3}.slot.ok{border-color:var(--ok);background:var(--ok-tint)}.slot.no{border-color:var(--try);background:var(--try-tint)}.tiles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tile{min-width:92px;height:92px;padding-inline:14px;border-radius:16px;border:2px solid var(--pencil-edge);background:var(--pencil);box-shadow:0 4px 0 var(--pencil-edge);font-family:var(--font-read);font-size:52px;cursor:pointer;touch-action:manipulation}.tile:disabled{visibility:hidden}.pads{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pad{background:var(--sheet);border:2px solid var(--rule);border-radius:var(--radius);touch-action:none;display:block;max-width:100%}.pad-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.adult-hint{font-size:15px;color:var(--ink-soft);border-top:1px dashed var(--rule-strong);padding-top:8px;text-align:center}.adult{font-size:16px;color:var(--ink-soft)}h1,h2,h3{margin:0;text-wrap:balance}h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}p{margin:0;line-height:1.45;max-width:65ch}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;flex:1}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.profiles{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.profile-btn{border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:26px;font-weight:700}.avatar{width:140px;height:140px;border-radius:50%;background:var(--sheet);border:4px solid var(--rule-strong);display:grid;place-items:center;font-size:76px}.avatar-pick{display:flex;gap:10px;flex-wrap:wrap}.avatar-pick button{width:64px;height:64px;border-radius:50%;border:3px solid var(--rule);background:var(--sheet);font-size:34px;cursor:pointer}.avatar-pick button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-tint)}.book{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.book button{background:var(--sheet);border:2px solid var(--rule);border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.book .e{font-size:44px}.book .t{font-family:var(--font-read);font-size:30px}.intro-letter{font-family:var(--font-read);font-size:clamp(120px,24vw,220px);line-height:1}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{font-family:var(--font-read);font-size:44px;border-radius:14px;border:2px solid var(--rule-strong);background:var(--sheet);padding:4px 18px;cursor:pointer}.panel{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}.panel h1,.panel h2,.panel h3{font-family:var(--font-ui)}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--rule)}.tabs button{border:none;background:none;padding:12px 16px;font-size:17px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button[aria-selected=true]{border-bottom-color:var(--blue);font-weight:700;color:var(--blue)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top}th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.pill.dominada{background:var(--ok-tint);color:#1d6b40}.pill.practica{background:#fff3cc;color:#7a5600}.pill.nueva{background:var(--blue-tint);color:var(--blue)}.pill.bloqueada{background:#eef0f4;color:var(--ink-soft)}.box{background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600}.field input,.field select,textarea{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--rule-strong);background:#fff;color:var(--ink);max-width:100%}textarea{width:100%;min-height:120px;font-family:ui-monospace,monospace;font-size:12px}.note{font-size:14px;color:var(--ink-soft)}.warn{background:var(--try-tint);border:1px solid var(--try);border-radius:10px;padding:10px 12px;font-size:15px}.bars{display:flex;align-items:flex-end;gap:8px;height:90px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;font-size:12px;color:var(--ink-soft)}.bars i{display:block;width:100%;max-width:34px;background:var(--blue);border-radius:6px 6px 0 0}.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.shake{animation:none}*{transition:none!important}}