/* Controls are deliberately still: changes happen only when a player requests them. */
.tap-session,.zoom-size-pattern,.trace-replay{background:#fff9ee;border:1px solid #c9cbb5;border-radius:18px;padding:16px;margin-block:12px;color:#293d37}
.tap-session label,.zoom-size-pattern label{display:block;font-weight:700;margin-block-end:8px}
.tap-session select,.zoom-size-pattern select{width:100%;max-width:100%;min-height:48px;font:inherit;padding:10px;border:1px solid #778b7d;border-radius:12px;background:#fffdfa;color:inherit}
.tap-session-actions,.zoom-size-pattern>div,.trace-replay-actions,.zoom-picture-replay{display:flex;flex-wrap:wrap;gap:8px}
.tap-session p,.zoom-size-pattern p,.trace-replay p{margin-block:10px;line-height:1.5}
.tap-session-note{font-size:.95rem}
.tap-shell button,.zoom-shell button,.trace-shell button{min-height:48px;min-width:48px;touch-action:manipulation}
.tap-session button,.zoom-size-pattern button,.trace-replay button,.zoom-picture-replay button{font:inherit;padding:10px 14px;background:#fffdfa;border:1px solid #778b7d;border-radius:12px;color:#293d37;cursor:pointer;white-space:normal}
.tap-shell button:focus-visible,.zoom-shell button:focus-visible,.trace-shell button:focus-visible,.tap-session select:focus-visible,.zoom-size-pattern select:focus-visible,.trace-replay input:focus-visible{outline:3px solid #185f53;outline-offset:4px}
.tap-session button:disabled,.zoom-size-pattern button:disabled,.trace-replay button:disabled{opacity:.55;cursor:default}
.tap-board,.trace-surface{overflow:hidden}
.tap-board .tap-point{min-width:0;min-height:0}
.trace-replay input[type=range]{width:100%;min-height:48px;accent-color:#226c5b}
.trace-replay input[type=range]::-webkit-slider-thumb{min-width:24px;min-height:24px}
.zoom-picture-replay{margin-block:12px}
@media(max-width:480px){.tap-session,.zoom-size-pattern,.trace-replay{padding:12px}.tap-session-actions>button,.zoom-picture-replay>button,.trace-replay-actions>button{flex:1 1 120px}.tap-shell,.zoom-shell,.trace-shell{min-width:0}.tap-session select,.zoom-size-pattern select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tap-shell *,.zoom-shell *,.trace-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}