/* Keep page gestures from moving scores and action buttons off screen. */
html:has(body.student-play-mode){height:100%;overflow:hidden;overscroll-behavior:none}
body.student-play-mode{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none}
body.student-play-mode #app{width:100%;height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}
body.student-play-mode .game{height:100%;min-height:0;overflow:hidden}
body.student-play-mode .game .scores,body.student-play-mode .game .hand-panel{touch-action:none;overscroll-behavior:none}
body.student-play-mode .game .board{min-height:0;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y}
body.student-play-mode .modal{overscroll-behavior:none;touch-action:pan-y}
@media(orientation:landscape){body.student-play-mode .game .hand-panel{height:100%;min-height:0;overflow:hidden}}