/* Compact frames; musical content and touch targets retain readable sizes. */
.flowPreferences{max-width:700px}.flowPreferences summary{font-weight:700}.flowSettings input[type=checkbox]{width:22px;height:22px;margin:0}.flowSettings label{font-size:15px}.flowSettings>label,.flowSettings>button{min-height:44px}.flowSettings .reviewOptions{display:none}
body[data-game] main,body[data-look=clean] #pilotContent main,body[data-game=fruit] main{max-width:720px!important;padding-top:6px}.stage,#noteJourney,.questIntro,.questStart{padding:12px!important;border-radius:18px!important;margin:8px 0!important}.stage h2,#journeyTitle{font-size:19px!important}.journeyWelcome>div{display:block!important}.journeyWelcome{gap:8px}.journeyUtilities{display:flex;margin:4px 0}.journeyWelcome #journeyFinish{display:none!important}.questHome{width:auto!important;align-self:flex-start;display:inline-flex!important;min-height:44px;font-size:14px!important;margin:0 0 6px!important;padding:8px 12px!important}.questStart button{width:auto;display:inline-flex}.questStart #questPlay{width:100%;display:block}.questStart #questChoose,.questStart #questGuide{width:auto!important;display:inline-flex!important;font-size:14px}
#journeyStaff,#introStaff{max-height:245px!important;margin:8px auto!important}#journeyPrompt{font-size:21px!important}.promptRow{margin:0}.journeyFeedback,#introFeedback{margin:4px 0!important;padding:8px!important;font-size:16px}.questIntro #introCopy{min-height:0!important;font-size:17px;line-height:1.4}.questIntro h2{min-height:0!important;font-size:23px}.introBadge{font-size:11px}.introActions button{margin:0!important;min-height:44px}.note-hole{fill:#fffaf0!important;stroke:none!important;filter:none!important}.note-hole{pointer-events:none}.compactHelp{font-size:15px;margin:4px 0}.compactHelp summary{cursor:pointer;display:inline-flex;align-items:center;background:#fffdf8;border:1px solid #cbd4ca;border-radius:12px;min-height:44px;padding:8px 16px;font-weight:700}.compactHelp summary::before{content:'?';font-weight:800;margin-right:8px}.compactHelp button{min-height:44px;font-size:15px;margin:8px 6px 0 0}.compactHelp[open]{padding-bottom:8px}.journey>.controls{justify-content:center}.journey>.controls #journeyHear{background:#8e3b46;color:white;flex:0 1 200px!important}.questComplete{padding:10px!important;margin:6px 0!important}.questComplete h3{font-size:18px}.questComplete button{min-height:44px}.questComplete .primary{font-size:17px}.questPaused #questHelp{display:none}
body[data-game=echo] #visualTarget{margin:6px 0;padding:8px;background:#eef1e7;border-radius:12px}body[data-game=echo] #visualTarget svg{max-height:65px}.catch-playing #visualTarget{display:block!important}.catch-playing .stage{margin-top:4px!important}.catch-playing #visualTarget .targetRow{display:flex;gap:8px}.catch-playing #visualTarget .targetRow>div{max-width:150px}.catch-playing #field{height:clamp(200px,42svh,340px)!important}
/* The transport is part of the studio layout, never a floating overlay. */
body[data-studio=rhythm]{padding-bottom:12px!important}.mixTransport{position:static!important;transform:none!important;width:100%!important;max-width:none!important;margin:8px 0 0!important;box-shadow:none!important;z-index:auto!important}.mixTransport #mixPlay{font-size:18px!important}.mixWelcome{padding:8px!important}.mixWelcome h2{font-size:22px!important}.mixWelcome p{margin:4px 0}.mixBar{padding:6px!important;margin:6px 0!important}.mixBeats button{min-height:72px!important}.mixBeats svg{height:54px!important}.mixTrackName{font-size:13px}.mixEdit{gap:6px;margin:6px 0!important}.moreIdeas{padding:6px!important;margin:6px 0!important}#mixBarPicker{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}#mixBarPicker button{min-height:44px;padding:8px 12px;font-size:15px}#mixBarPicker button[aria-pressed=true]{background:#243b32;color:white}.palettePrompt{margin:6px 0!important}#mixerCards svg{height:54px!important}#mixerCards small{font-size:12px}#mixerStatus:empty{display:none}
/* Keep Fruit's answers together and tuck the reference legend away during play. */
body[data-game=fruit] #gameLegend,body[data-game=fruit] #mobileLegend{display:none!important}body[data-game=fruit] #game{padding:12px!important}body[data-game=fruit] #game .controlbar{gap:6px;padding:8px!important;margin:6px 0!important;background:#eef1e7!important;flex-wrap:wrap}body[data-game=fruit] #game .controlbar button{min-height:44px;font-size:14px!important}body[data-game=fruit] #game .controlbar #sound{display:none!important}body[data-game=fruit] #prompt{font-size:19px!important;margin:8px 0!important}body[data-game=fruit] #target{margin:8px 0!important}body[data-game=fruit] #choices{gap:10px!important}body[data-game=fruit] #choices button{min-height:100px!important}body[data-game=fruit] #playback{margin:6px 0!important}.reviewNote{margin:8px 0!important}.foot{margin:8px 0;font-size:12px}
body[data-size=large] #pilotContent main{max-width:960px!important}body[data-size=large]{font-size:20px}body[data-size=large] #journeyStaff,body[data-size=large] #introStaff{max-height:340px!important}body[data-size=large] #journeyPrompt,body[data-size=large] #instruction{font-size:27px!important}body[data-size=large] button{font-size:19px!important;min-height:52px!important}body[data-size=large] .mixBeats svg,body[data-size=large] #mixerCards svg{height:78px!important}body[data-size=large] #mixerCards small,body[data-size=large] .mixTrackName{font-size:17px}body[data-size=large] .journeyFeedback,body[data-size=large] #introCopy{font-size:21px!important}
@media(max-width:600px){body[data-game] main{padding:8px!important}.stage,#noteJourney,.questIntro{padding:10px!important}#journeyStaff,#introStaff{max-height:210px!important}.mixBeats{gap:5px!important}.mixBeats svg{height:46px!important}#mixerCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-size=large] #mixerCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-size=large] .actions button{flex-wrap:wrap}.flowSettings{flex-direction:column;align-items:flex-start}.flowSettings input{flex:none}}

body[data-look=clean] .note-hole{fill:white!important}#questHelp button{min-width:130px}.flowSettings .stylePicker{display:none!important}

#introSkip{display:none!important}body[data-game=fruit] #game .modeGuide{background:#fffdf8;color:#243b32}#journeySpeak{border-radius:12px!important}
body[data-game=fruit] #game .controlbar #stop{display:none!important}