:root{--color-sky:#3e9fe0;--color-sky-dark:#2c7fbe;--color-gold:#f4b740;--color-bg:#f8f6f1;--color-ink:#2b2b2e;--color-white:#fff;--color-danger:#e15b5b;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;font-family:Noto Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-ink);-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:16px;padding:24px 20px;display:flex}.screen-center{text-align:center;justify-content:center;align-items:center}h1,h2,h3{margin:0;font-family:Nunito,Noto Sans,sans-serif;font-weight:800}h1{font-size:26px}h2{font-size:21px}p{margin:0;line-height:1.55}.btn{cursor:pointer;border:none;border-radius:999px;padding:16px 28px;font-family:Nunito,sans-serif;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-sky);color:#fff;box-shadow:0 6px 0 var(--color-sky-dark)}.btn-primary:active{box-shadow:0 2px 0 var(--color-sky-dark)}.btn-gold{background:var(--color-gold);color:#4a3200;box-shadow:0 6px #c99420}.btn-gold:active{box-shadow:0 2px #c99420}.btn-block{width:100%}.input{border-radius:var(--radius-md);background:#fff;border:2px solid #e3ded2;outline:none;width:100%;padding:14px 18px;font-family:Noto Sans,sans-serif;font-size:18px}.input:focus{border-color:var(--color-sky)}.card{border-radius:var(--radius-lg);background:#fff;padding:20px;box-shadow:0 2px 12px #0000000d}.option{text-align:left;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:2px solid #e3ded2;width:100%;margin-bottom:10px;padding:14px 18px;font-family:Noto Sans,sans-serif;font-size:16px;display:block}.option.correct{background:#effaf0;border-color:#4caf50}.option.wrong{border-color:var(--color-danger);background:#fcefef}.error-banner{color:var(--color-danger);border-radius:var(--radius-md);background:#fcefef;padding:12px 16px;font-size:14px}.progress-dots{justify-content:center;gap:6px;display:flex}.dot{background:#e3ded2;border-radius:50%;width:8px;height:8px}.dot.active{background:var(--color-sky)}.mascot{display:block}@keyframes mascot-bounce-kf{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-bounce{animation:.6s ease-in-out infinite mascot-bounce-kf}@keyframes mascot-pulse-kf{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.mascot-pulse{animation:1.4s ease-in-out infinite mascot-pulse-kf}