/* Respect display cutouts and system navigation without touching game simulation. */
html[data-game="golf"] #arena,html[data-game="drift"] #arena{
 padding-top:max(8px,env(safe-area-inset-top,0px));
 padding-right:max(10px,env(safe-area-inset-right,0px));
 padding-bottom:max(10px,env(safe-area-inset-bottom,0px));
 padding-left:max(10px,env(safe-area-inset-left,0px));
}
html[data-game="golf"] #hint,html[data-game="drift"] #hint{
 overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
}
html[data-game="golf"] dialog,html[data-game="drift"] dialog{
 max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);
 overscroll-behavior:contain;
}
@media(min-aspect-ratio:6/5) and (max-height:600px){
 html[data-game="golf"] #arena,html[data-game="drift"] #arena{
  padding-top:max(12px,env(safe-area-inset-top,0px));
  padding-right:max(12px,env(safe-area-inset-right,0px));
  padding-bottom:max(12px,env(safe-area-inset-bottom,0px));
  padding-left:max(12px,env(safe-area-inset-left,0px));
 }
}