/* R16 - Pan gestures dan momentum scroll pada area guru dan penilaian */
@media(hover:none) and (pointer:coarse){
 html,body{overflow-x:hidden;touch-action:pan-y pinch-zoom;-webkit-text-size-adjust:100%}
 .admin-body:has(.game-room),.admin-content:has(.game-room),.game-room,.game-room>.game-stage{touch-action:pan-y pinch-zoom}
 :is(.room-play-area,.room-play-area>.phase-card,.assessment-workspace,.grade-only-workspace,.scoreboard-scroll,.room-score-panel,.question-grid,.question-paper,.game-stage){-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;overscroll-behavior-y:auto;scrollbar-width:thin}
 .game-room :is(button,a,select){touch-action:manipulation}
}
@media(max-width:900px){
 .admin-body:has(.game-room){height:auto!important;min-height:100dvh;overflow:visible!important}
 .admin-content:has(.game-room){height:auto!important;min-height:0!important;overflow:visible!important;flex:none!important}
 .game-room{height:auto!important;min-height:0!important;overflow:visible!important}
 .game-room>.game-stage{height:auto!important;min-height:0!important;overflow:visible!important;flex:none!important}
 .game-room .room-columns,.game-room .assessment-grid{height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;overflow:visible!important}
 .game-room :is(.room-play-area,.assessment-workspace,.grade-only-workspace){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;overscroll-behavior-y:auto!important}
 .game-room .room-play-area>.phase-card{height:auto!important;min-height:270px!important;overflow:visible!important}
 .game-room .room-score-panel{height:auto!important;min-height:200px!important;max-height:320px;overflow:hidden!important}
 .game-room .room-score-panel .scoreboard-scroll{max-height:230px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
}
/* Dalam mode layar penuh halaman dipertahankan pada satu viewport, tetapi setiap panel dapat digeser. */
@media(max-width:900px){
 html.game-fullscreen .admin-body:has(.game-room){height:100dvh!important;overflow:hidden!important}
 html.game-fullscreen .admin-content:has(.game-room){height:100dvh!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
 html.game-fullscreen .game-room>.game-stage{height:auto!important;overflow:visible!important}
}
