:root{--safe-bottom:58px;--green:#58cc02;--green-dark:#58a700;--green-light:#d7ffb8;--blue:#1cb0f6;--blue-dark:#1899d6;--blue-light:#ddf4ff;--red:#ff4b4b;--red-dark:#ea2b2b;--red-light:#ffdfe0;--yellow:#ffc800;--yellow-dark:#e5a400;--yellow-light:#fff5d3;--orange:#ff9600;--orange-dark:#e08400;--orange-light:#ffe7c7;--purple:#ce82ff;--purple-dark:#a568cc;--purple-light:#f3e3ff;--pink:#ff86d0;--teal:#2bdcc0;--brand:#ff8a1f;--brand-dark:#e06c00;--brand-soft:#fff1e0;--text:#4b4b4b;--text-muted:#777;--hare:#afafaf;--border:#e5e5e5;--polar:#f7f7f7;--bg:#fff;--sky-top:#f2f9ff;--sky:#e6f3ff;--sky-deep:#dcecfd;--sky-line:#c9dff2;--sky-ink:#7892ab;--r-common:#8fa3b8;--r-common-dark:#5f7388;--r-rare:#ff9d2e;--r-rare-dark:#d46a00;--r-epic:#b566ff;--r-epic-dark:#7a2fd1;--r-legendary:#37d6e8;--r-legendary-dark:#1b8fb3;--radius:16px;--radius-lg:20px;--font:"Nunito", "Segoe UI", system-ui, sans-serif;--font-display:"Lilita One", "Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:#eef1f6;font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.btn{--c:var(--green);--cd:var(--green-dark);--fg:#fff;border-radius:var(--radius);background:var(--c);width:100%;min-height:50px;color:var(--fg);box-shadow:0 4px 0 var(--cd);letter-spacing:.8px;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms,filter .15s;display:flex}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 0 0 var(--cd);transform:translateY(4px)}.btn-blue{--c:var(--blue);--cd:var(--blue-dark)}.btn-red{--c:var(--red);--cd:var(--red-dark)}.btn-orange{--c:var(--brand);--cd:var(--brand-dark)}.btn-purple{--c:var(--purple);--cd:var(--purple-dark)}.btn-ghost{--c:#fff;--cd:var(--border);--fg:var(--blue);border:2px solid var(--border)}.btn-disabled,.btn:disabled{--c:var(--border);--cd:var(--border);--fg:var(--hare);box-shadow:none;pointer-events:none}.option{text-align:left;border:2px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;border-bottom-width:4px;align-items:center;gap:14px;padding:14px 16px;font-size:16px;font-weight:700;transition:background .12s,border-color .12s,transform 60ms;display:flex}.option:active{border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}.option.selected{background:var(--blue-light);color:var(--blue-dark);border-color:#84d8ff}.option.correct{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.option.wrong{background:var(--red-light);border-color:var(--red);color:var(--red-dark)}@keyframes mascotBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02,.98)}}.mascot-bob{transform-origin:50% 100%}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.pop-in{animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop}