.mng-game{max-width:820px;margin:25px auto;padding:28px;border-radius:24px;background:#fffdf7;box-shadow:0 12px 35px rgba(0,0,0,.1);font-family:Arial,sans-serif;color:#222;text-align:center}
.mng-header{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.mng-kicker{font-size:12px;font-weight:700;letter-spacing:2px;opacity:.65}.mng-header h2{margin:5px 0;font-size:32px}.mng-header p{margin:0;color:#666}.mng-scorebox{min-width:90px;padding:10px 14px;border-radius:14px;background:#f0ead8;text-align:center}.mng-scorebox span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px}.mng-scorebox strong{font-size:26px}
.mng-settings{margin:22px 0;padding:20px;border-radius:18px;background:#f5f0e4;text-align:left}.mng-setting-title{font-weight:700;font-size:18px;margin-bottom:12px}.mng-note-options{display:flex;flex-wrap:wrap;gap:9px}.mng-note-options label{background:#fff;padding:9px 12px;border-radius:10px;cursor:pointer;border:1px solid #ddd}.mng-note-options input{margin-right:5px}.mng-start,.mng-next,.mng-restart{border:0;border-radius:14px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;background:#222;color:#fff}.mng-start{margin-top:15px}
.mng-progress{height:8px;background:#e8e2d3;border-radius:99px;margin:22px 0 18px;overflow:hidden}.mng-progress-bar{height:100%;width:0;background:#2f7de1;transition:width .25s}.mng-question-count{font-weight:700;margin-bottom:8px}
.mng-staff{width:100%;display:block}.mng-paper{fill:#f4ecd8}.mng-lines line,.mng-ledgers line{stroke:#111;stroke-width:2}.mng-clef{font-family:"Times New Roman",serif;font-size:105px;fill:#111}.mng-note{fill:#111}.mng-stem{stroke:#111;stroke-width:3}
.mng-answers{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:20px 0 12px}.mng-answers button{border:0;border-radius:14px;padding:13px;font-size:20px;font-weight:700;cursor:pointer;background:#eee7d8}.mng-answers button.correct{background:#bde8c6}.mng-answers button.wrong{background:#f3b8b8}.mng-feedback{min-height:28px;font-weight:700;margin:8px}.mng-feedback.good{color:#237b39}.mng-feedback.bad{color:#a33}.mng-next{display:none;margin:8px auto}
.mng-result{padding:35px 10px}.mng-trophy{font-size:54px}.mng-result h3{font-size:30px;margin:10px}.mng-result p{font-size:20px}.mng-result-message{margin:10px 0 18px}
@media(max-width:600px){.mng-game{padding:18px}.mng-header h2{font-size:25px}.mng-answers{grid-template-columns:repeat(4,1fr)}.mng-note-options label{font-size:14px}}