html,body,#app{height:100%;min-height:0;overflow:hidden}
.wooden-fish{height:100dvh;min-height:0;max-width:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px 24px 10px;overflow:hidden}
.topline{padding-bottom:10px}.topline h1{font-size:34px}.intro{margin:0}
.experience{min-height:0;height:100%;grid-template-columns:minmax(0,1fr) minmax(260px,30%)}.play{min-height:0;padding:18px 24px;display:flex;flex-direction:column}.stage{min-height:0;flex:1}.fish{width:clamp(160px,30dvh,270px)}.bead-ring{width:min(380px,44dvh,100%)}.listening-window{height:min(245px,34dvh);width:min(220px,27dvh)}.count{margin-bottom:10px}.tallies{margin:0 auto;width:100%}.tallies dd{font-size:26px}
.practice{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:14px 14px 14px 0;padding:20px}.practice::before{margin-bottom:12px}.practice h2{font-size:32px;margin:12px 0}.practice-intro{margin-bottom:16px}.wooden-fish footer{font-size:9px;padding-top:5px;max-width:none}
@media(max-width:650px){.wooden-fish{padding:12px;gap:8px}.topline h1{font-size:26px}.topline{gap:8px;padding-bottom:7px}.intro{font-size:10px;max-width:260px}.practice-mark{width:42px;height:42px;flex:none}.practice-mark strong{font-size:20px}.experience{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(225px,1.15fr) minmax(0,1fr)}.play{padding:10px 12px 7px;overflow:hidden}.play-head .section-label{font-size:8px}.play-hint{font-size:9px;max-width:none}.fish{width:170px;padding:19px;transform:translateY(12px)}.fish:hover:not(:disabled){transform:translateY(12px)}.fish:active{transform:translateY(14px)}.mallet{width:70px;right:-6px;top:27px}.stage{min-height:105px}.bead-ring{width:190px;transform:translate(-50%,-43%)}.listening-window{width:115px;height:130px;top:0;border-width:5px}.play::before{width:230px;height:80px;bottom:62px}.count{font-size:10px;min-height:14px;margin:0 0 4px}.tallies{padding-top:4px}.tallies div{padding:2px}.tallies dd{font-size:19px}.tallies dt{font-size:7px}.practice{display:block;margin:0 8px 8px;padding:14px}.practice::before,.practice>.section-label{display:none}.practice h2{font-size:23px;margin:0 0 7px}.practice-intro{font-size:11px;margin:0 0 10px}.options button{min-height:40px}.practice #status{margin-top:7px}.wooden-fish footer{font-size:8px;line-height:1.35}}