/* v51 demonstration, listening once, and a quiet ending. */
#bandExample{background:#f6e5bd;border:2px solid #b68b43;border-radius:16px;padding:12px;margin:8px 0}#bandExample h3{font-size:18px;margin:0 0 6px}#bandExample p{margin:6px 0;font-size:14px}#bandExampleBeats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#bandExampleBeats .exampleBeat{min-height:68px;padding:6px;border:1px solid #a7b19e;border-radius:12px;position:relative;background:#fffaf0;display:flex;flex-direction:column;align-items:center;justify-content:center}#bandExampleBeats .changedExampleBeat{outline:3px solid #8e3b46;outline-offset:-3px}#bandHearOnce{min-height:44px;font-size:14px}#littleBand[data-demonstrating=true] #bandRows{display:none}#littleBand[data-demonstrating=true] #bandAddFriend,#littleBand[data-demonstrating=true] .bandTransport,#littleBand[data-demonstrating=true] #bandExplore,#littleBand[data-demonstrating=true] #bandUndo{display:none!important}#visitDoneState p{font-size:17px}#visitDoneState .closureActions{margin-top:20px}
#fruitReplay{flex:1 1 100%;width:100%;padding:10px;border:1px solid #b9baa4;background:#fffaf0;border-radius:12px}#fruitReplay header{display:flex;align-items:center;justify-content:space-between;gap:10px}#fruitReplay p{margin:5px 0;font-size:14px}#fruitReplayClose{min-height:44px;font-size:13px;padding:6px 10px}#fruitReplayNotes{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#fruitReplayNotes .replayBeat{display:grid;justify-items:center;gap:2px;min-width:66px}#fruitReplayNotes .noteSvg{max-width:110px;height:64px}#fruitReplayNotes .replayBeatLabel{font-size:13px}#fruitReplayNotes .tutorial-hit{fill:#b85f43!important;stroke:#8e3b46!important;stroke-width:3}
body[data-motion=reduced] *,body[data-motion=reduced] *::before,body[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-motion=reduced] .noteToFlower{display:none!important}body[data-motion=reduced] .worldBurst{display:none!important}
@media(max-width:600px){#littleBand .bandTransport{flex-wrap:wrap}#bandHearOnce{flex:1}#bandExampleBeats{gap:5px}#bandExampleBeats .exampleBeat{min-height:60px}#bandExampleBeats small{font-size:11px}#fruitReplayNotes{gap:8px}}