:root{--p:#6c5ce7;--p2:#a29bfe;--bg:#f6f4ff;--ink:#2d2a4a;--good:#00b894;--bad:#d63031;--gold:#fdcb6e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(160deg,var(--bg),#e8e4ff);color:var(--ink);min-height:100vh}.app{max-width:720px;margin:0 auto;padding:16px}h1{margin:.2em 0;font-size:clamp(1.6rem,6vw,2.4rem)}.hero{text-align:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-radius:24px;padding:24px 16px;box-shadow:0 10px 30px #6c5ce74d}.coins{font-size:1.3rem;font-weight:700;margin:8px 0}.btn{font:inherit;border:0;border-radius:14px;padding:12px 18px;background:#fff;color:var(--p);box-shadow:0 2px 8px #0000001f;cursor:pointer;min-height:48px;transition:transform .1s}.btn:active{transform:scale(.96)}.btn.primary{background:var(--p);color:#fff}.hero .btn.primary{background:#fff;color:var(--p);font-weight:700}.btn.big{font-size:1.15rem;padding:14px 22px}.btn.ghost{background:transparent;box-shadow:none}.btn.danger{background:var(--bad);color:#fff;margin-top:20px}.btn:disabled{cursor:default}.levels,.badges{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.level{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:0;border-radius:18px;background:#fff;box-shadow:0 4px 14px #6c5ce726;font:inherit;color:inherit;cursor:pointer}.level:hover:not(:disabled){transform:translateY(-2px)}.level.locked{opacity:.55;cursor:not-allowed}.level .num{font-size:1.8rem;font-weight:800;color:var(--p)}.level .acc{font-size:.75rem;opacity:.7;text-align:center}.star{color:#ddd;font-size:1.3rem}.star.on{color:#f9a825;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.4)}to{transform:scale(1)}}.pop{font-size:2.2rem}.links,.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}.center{text-align:center}.topbar{display:flex;justify-content:space-between;align-items:center}progress{width:100%;height:10px;accent-color:var(--p)}.question{font-size:clamp(2.4rem,12vw,4rem);font-weight:800;margin:28px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{font-size:1.8rem;font-weight:700;min-height:72px}.option.good{background:var(--good);color:#fff;animation:pop .35s}.option.bad{background:var(--bad);color:#fff;animation:shake .3s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{min-height:2em;margin:16px 0 8px;font-size:1.15rem;font-weight:600}.banner{background:var(--gold);border-radius:14px;padding:10px;font-weight:700;animation:pop .5s}.badge{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;opacity:.5;filter:grayscale(1)}.badge.on{opacity:1;filter:none;box-shadow:0 4px 14px #fdcb6e80}.badge .icon{font-size:2.2rem}.progress{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.progress th,.progress td{padding:8px;text-align:center;border-bottom:1px solid #eee}input{font:inherit;padding:12px;border-radius:12px;border:2px solid var(--p2);width:110px;text-align:center;margin-right:8px}.bad-text{color:var(--bad)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}