/* The physical world retains its16:9 ratio; the game clips it to the viewport.
   Cover is uniform and bottom-aligned, so cups,topping rows and ice stay visible. */
#game{padding:0!important;display:block;overflow:hidden;--scene-width:calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right));--scene-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
#game .stage{position:absolute;left:50%;top:auto;bottom:0;width:max(var(--scene-width),calc(var(--scene-height)*16/9));height:max(var(--scene-height),calc(var(--scene-width)*9/16));aspect-ratio:16/9;transform:translateX(-50%);overflow:visible;}
#game #counter{width:100%;height:100%;}
#game>.hud{position:absolute;left:6px;top:4px;}
#game>#book,#game>#pause{position:absolute;left:auto;top:4px;bottom:auto;}
#game>#pause{right:4px;}
#game>#book{right:56px;}
#game>#event-notice,#game>#notification-inbox{position:absolute;left:auto;top:4px;bottom:auto;width:44px;height:44px;}
#game>#event-notice{right:108px;}
#game>#notification-inbox{right:160px;}
#game>.trash-drop{position:absolute;left:4px;top:var(--selling-trash-top,55%);bottom:auto;}