/* V11 phone layout (Kyle 2026-10-10 "mobile optimized"): the stick keeps the left thumb, the five action buttons sit in a 3-column block above the right thumb, the desktop prompt that duplicated GRAB
   is hidden, side menus shrink and scroll, the chef bubble and the ticket scale down. Only for touch pointers. */
@media (pointer:coarse){
 #touch-actions{display:grid!important;grid-template-columns:repeat(3,52px);gap:12px;left:auto!important;right:10px!important;bottom:calc(24px + env(safe-area-inset-bottom))!important;z-index:26}
 #touch-actions button{width:52px!important;height:52px!important;font-size:11px!important;padding:0!important;box-sizing:border-box}
 body #grip.grip-button,body .grip-button{display:none!important;visibility:hidden!important}
 .utility-tools{max-height:40vh;overflow-y:auto;gap:4px!important;right:6px!important}
 .utility-tools button{font-size:11px!important;padding:3px 7px!important;min-height:0!important}
 #chef-bubble,#chef-bubble.edge{top:200px!important;left:auto!important;right:6px!important;max-width:54vw!important;font-size:12px!important}
 .ticket{transform:scale(.7);transform-origin:top left}
 nav.tools{flex-wrap:wrap;gap:4px!important;max-width:78vw;transform:scale(.82);transform-origin:top right}
 nav.tools button{font-size:11px!important;padding:4px 8px!important}
}