.toolbar #notesMode[aria-pressed="true"]{border-color:#087f8c;background:#d9f2f5;color:#075a66;box-shadow:inset 0 0 0 2px #69d2e766}.toolbar button:disabled{opacity:.42;cursor:not-allowed}.cell-notes{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:2px;color:#4d7680;font-size:clamp(7px,1.25vw,11px);font-weight:750;line-height:1}.cell-notes i{display:grid;place-items:center;font-style:normal}.cell:focus-visible{position:relative;z-index:3;outline:3px solid #ff9f3e;outline-offset:-3px}.play-area>aside{min-width:0;height:560px;display:flex;flex-direction:column}.number-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.number-pad button{min-width:0;min-height:56px;aspect-ratio:auto}.erase{flex:0 0 auto}.tip{margin-top:auto}.notes-on .number-pad button{border-color:#69bfc9;background:linear-gradient(#f4ffff,#d9f2f5)}.notes-on .number-pad button:after{content:"note";display:block;color:#56838a;font-size:7px;font-weight:750;text-transform:uppercase}.complete .shoal-meter i{animation:shoalCelebrate .7s ease-in-out 3}.complete .shoal-meter>span:after{background:linear-gradient(90deg,#69d2e7,#d5ff5f)}@keyframes shoalCelebrate{50%{transform:translateY(-5px) rotate(-8deg)}}@media(max-width:760px){.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar label{grid-column:1/-1}.toolbar button{width:100%;padding-inline:8px}.play-area>aside{height:auto;display:block;overflow:visible}.number-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.number-pad button{min-height:48px;aspect-ratio:auto;font-size:19px}.erase{min-height:46px}.cell-notes{font-size:clamp(7px,2.2vw,10px)}}@media(prefers-reduced-motion:reduce){.complete .shoal-meter i{animation:none}}