:root{--bg:#fff8e7;--ink:#2d3436;--primary:#6c5ce7;--good:#00b894;--bad:#d63031;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-size:1.25rem}a{color:inherit;text-decoration:none}h1{margin:.4em 0;font-size:clamp(1.8rem,6vw,2.8rem)}.page{max-width:760px;min-height:100vh;margin:0 auto;padding:16px}.page.center{text-align:center;padding-top:10vh}.top{text-align:center}.score{font-weight:700}.big{font-size:2.6rem}.back{background:#fff;border-radius:999px;padding:8px 14px;font-size:1rem;display:inline-block;box-shadow:0 2px #0002}.foot{text-align:center;opacity:.7;margin-top:32px;font-size:1rem}.subjects{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px;display:grid}.subject{color:#fff;text-shadow:0 1px 2px #0004;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:22px 12px;transition:transform .1s;display:flex;box-shadow:0 6px #0003}.subject:active{transform:translateY(4px);box-shadow:0 2px #0003}.subject .big{font-size:3.6rem}.activities{gap:14px;margin-top:16px;display:grid}.activity{background:#fff;border:4px solid;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;display:flex}.activity div{flex-direction:column;flex:1;display:flex}.activity small{opacity:.65;font-size:.95rem}.stars .star{color:#dfe6e9}.stars .star.on{color:#fdcb6e;text-shadow:0 1px #e17055}.bar{align-items:center;gap:12px;display:flex}.bar progress{height:18px;accent-color:var(--primary);flex:1}.exercise{text-align:center;margin-top:24px;position:relative}.speaker{cursor:pointer;background:#fff;border:0;border-radius:50%;width:52px;height:52px;font-size:1.6rem;position:absolute;top:0;right:0;box-shadow:0 3px #0002}.prompt{margin:0 56px 16px;font-size:clamp(1.3rem,4.5vw,1.8rem)}.visual{letter-spacing:.08em;word-break:break-word;margin:12px 0 24px;font-size:clamp(2rem,9vw,3.6rem);line-height:1.3}.choices{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.choice{font:inherit;border:4px solid var(--primary);cursor:pointer;background:#fff;border-radius:20px;min-height:84px;padding:20px 8px;font-size:clamp(1.6rem,7vw,2.6rem);box-shadow:0 5px #0002}.choice:active:not(:disabled){transform:translateY(3px)}.choice.right{border-color:var(--good);background:#b8f5e4}.choice.wrong{border-color:var(--bad);background:#ffd4d4}.typing{flex-direction:column;align-items:center;gap:14px;display:flex}.typing input{font:inherit;text-align:center;border:4px solid var(--primary);border-radius:16px;width:min(100%,420px);padding:12px;font-size:2rem}.btn{font:inherit;cursor:pointer;background:#fff;border:0;border-radius:16px;padding:12px 22px;font-size:1.4rem;display:inline-block;box-shadow:0 4px #0002}.btn:disabled{opacity:.4;cursor:default}.btn.go{background:var(--good);color:#fff}.btn.secondary{background:#dfe6e9}.pad{flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0;display:flex}.message{min-height:1.6em;margin-top:18px;font-weight:700}.message.good{color:var(--good)}.message.bad{color:var(--bad)}.grid{gap:6px;width:min(100%,380px);margin:0 auto 16px;display:grid}.cell{aspect-ratio:1;background:#fff;border:3px solid #b2bec3;border-radius:12px;place-items:center;font-size:clamp(1.6rem,8vw,2.6rem);display:grid}.program{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:64px;margin-bottom:12px;padding:10px;font-size:1.8rem;display:flex}.program .hint{opacity:.5;font-size:1rem}.pad .btn{font-size:1.8rem}.field{flex-direction:column;gap:6px;margin:16px 0;display:flex}.field input{font:inherit;border:2px solid #b2bec3;border-radius:12px;max-width:320px;padding:10px}.stats{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin:16px 0;font-size:1rem;overflow:hidden}.stats th,.stats td{text-align:left;border-bottom:1px solid #eee;padding:8px 10px}