main{max-width:880px;padding:12px 16px}.tag,main>p:not(.foot){display:none}h1{font-size:26px;margin:8px 0}.stage{padding:12px!important;border-width:1px!important;box-shadow:none!important}.stage>.buddy{width:56px;height:56px;margin:0 0 8px 8px}#round{font-size:19px;margin:4px 0}#instruction{font-size:21px;line-height:1.3;margin:10px 0}#help{font-size:14px;padding:8px 12px;min-height:44px}#status{font-size:16px;line-height:1.4;min-height:0;margin:8px 0;padding:8px}#status:empty{display:none}.reviewOptions{font-size:14px;margin:8px 0}.reviewOptions summary{cursor:pointer;font-weight:650;min-height:36px;display:flex;align-items:center}.reviewOptions[open]{padding:10px;background:#fffaf0;border:1px solid #ccd2c8;border-radius:12px}.reviewOptions label{display:flex;align-items:center;gap:8px;margin:8px 0}.reviewOptions input[type=checkbox]{width:20px;height:20px;margin:0}.reviewOptions button{min-height:44px;margin:4px}.stylePicker{margin:0!important}.beatDots{margin:4px 0}.beatDots span{width:25px;height:25px}#slots{margin:10px 0}#slots .slot{min-height:110px!important;padding:6px}#slots .slot svg{max-height:82px}#slots .slot small{font-size:13px}#cards{gap:8px}#cards button{min-width:0;padding:6px}#cards svg{max-height:75px}#cards small{font-size:13px}.actions{gap:8px;margin:8px 0}.actions button{min-height:44px;font-size:15px;padding:8px 12px}.playDock{position:static!important;padding:8px;display:flex;flex-wrap:wrap}.playDock #finishNow{order:10;flex:1 1 100%;font-size:14px}.playDock #next{background:#fffaf0;color:#243b32}.success{font-size:18px!important;padding:12px!important}.foot{font-size:12px;line-height:1.4}.catch-playing .reviewOptions{display:none!important}.modes{gap:8px;margin:8px 0}.modes button{font-size:15px;min-height:44px;padding:8px 12px}@media(max-width:600px){main{padding:8px 12px}#slots:not(:has([data-melody])){gap:8px}.stage>.buddy{width:48px;height:48px}#cards{grid-template-columns:repeat(2,minmax(0,1fr))}.playDock #play,.playDock #check{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.guide-glow{box-shadow:none}.celebrate{animation:none!important}}
.starterChoices{padding:10px;background:#eef1e7;border-radius:12px;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap}.starterChoices p{font-size:14px;width:100%;margin:0}.starterChoices button{padding:8px 12px;font-size:14px;min-height:44px}.missionOptions{margin:8px 0}.missionOptions summary{cursor:pointer;padding:8px 0;font-weight:650}.missionOptions button{margin:4px;font-size:14px;min-height:44px}#slots:has([data-melody]){margin:8px 0}#slots:has([data-melody]) svg{width:100%;max-width:800px;display:block;margin:auto}.noteChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0}.noteChoices button{min-width:0!important;min-height:44px;font-size:17px;padding:6px!important}.smallHint{font-size:14px;margin:4px 0}#noteTools{margin:8px 0}.playDock #play{flex:1 1 100%;font-size:18px}#noteTools .actions{justify-content:center}.playDock #finishNow{flex:0 1 auto}.playDock #next{flex:0 1 auto}@media(min-width:700px){.noteChoices{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:600px){#slots:has([data-melody]) svg{max-width:480px}}
