body{background:linear-gradient(180deg,#fff7fb,#f9f1ff);font-family:Poppins,sans-serif;margin:0}.app{margin:0 auto;max-width:700px;padding:24px;text-align:center}h1{color:#c25ca8;font-weight:600;letter-spacing:1px;margin-bottom:8px}.card{background:#fffffff2;border:2px solid #f3d9ee;border-radius:20px;box-shadow:0 6px 18px #be8cbe26;margin-top:20px;padding:24px}.subtitle{color:#7a6173;font-size:16px;margin-bottom:20px;margin-top:-4px}.screen-text{color:#7a6173;margin-bottom:18px}label{color:#8c5d7d;display:block;font-weight:700;margin-bottom:6px;margin-top:14px;text-align:left}button,select{border-radius:12px;display:block;font-size:16px;margin:10px 0;padding:12px;width:100%}select{background-color:#fffafd;border:1px solid #e4cbe0}button{background:linear-gradient(90deg,#f7d7ef,#e7d8fa);border:1px solid #d8b9e8;color:#5e4661;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}button:hover{box-shadow:0 4px 10px #c799c733;transform:translateY(-1px)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.answers button{margin-bottom:12px}.timer{background-color:#fff0f4;color:#d14c6f;display:inline-block;padding:8px 12px}.error,.timer{border-radius:10px;font-weight:700}.error{background-color:#ffeaea;color:#c0392b;margin-top:12px;padding:10px}.leaderboard{background-color:#fff8fc;border:1px solid #f0d8ea;border-radius:14px;margin-top:24px;padding:14px;text-align:left}.leaderboard h3{color:#b05897;margin-top:0}.leaderboard ul{margin-bottom:0;padding-left:20px}.result-message{background-color:#fdf3fb;border-radius:12px;color:#7a5574;font-weight:700;padding:12px}.footer-text{color:#8a7483;font-size:14px;margin-top:20px}.correct-flash{animation:flashGreen .5s}.wrong-shake{animation:shakeRed .5s}@keyframes flashGreen{0%{background-color:#fff}50%{background-color:#d8f8d8}to{background-color:#fff}}@keyframes shakeRed{0%{background-color:#fff;transform:translateX(0)}25%{background-color:#ffd9df;transform:translateX(-5px)}50%{background-color:#ffd9df;transform:translateX(5px)}75%{background-color:#ffd9df;transform:translateX(-5px)}to{background-color:#fff;transform:translateX(0)}}@media (max-width:600px){.app{padding:14px}.card{border-radius:16px;padding:16px}h1{font-size:28px}button,h2,h3,label,p,select{font-size:15px}}
/*# sourceMappingURL=main.40790651.css.map*/