.delivery-mode #touch-controls>div:first-child{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:4px;align-items:center}
.delivery-mode #touch-controls #up{grid-column:2;grid-row:1}.delivery-mode #touch-controls #left{grid-column:1;grid-row:2}.delivery-mode #touch-controls #down{grid-column:2;grid-row:2}.delivery-mode #touch-controls #right{grid-column:3;grid-row:2}
.delivery-mode #touch-controls>div:first-child button{width:48px;height:48px;min-height:44px;font-size:21px;padding:0}.delivery-mode #touch-controls>div:first-child small{display:none}
.delivery-mode #touch-controls{bottom:max(9px,env(safe-area-inset-bottom));padding:0 10px;align-items:flex-end}.delivery-mode #hearts{font:15px/1.3 'VT323',monospace;color:#a3efea}.delivery-mode .objective-slot{width:38px;height:36px}.delivery-mode .objective-symbol{width:29px;height:29px}
@media(max-width:600px){.delivery-mode #phase-name{font-size:10px}.delivery-mode .mission-objectives{gap:3px}.delivery-mode .objective-slot{width:30px;height:29px}.delivery-mode .objective-symbol{width:22px;height:22px}.delivery-mode #touch-controls>div:last-child button{width:51px;height:51px;min-height:44px}.delivery-mode #touch-controls>div:last-child{gap:7px}.delivery-mode #checkpoint-label{font-size:11px}}
@media(orientation:landscape) and (max-height:600px){.delivery-mode #touch-controls>div:first-child{grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,42px)}.delivery-mode #touch-controls>div:first-child button{width:44px;height:44px}}
#touch-controls button[hidden]{display:none!important}

.delivery-mode #touch-controls>div:first-child button{min-width:44px}.delivery-mode #touch-controls>div:last-child button{min-width:48px}.delivery-mode #touch-controls #up,.delivery-mode #touch-controls #down{display:block}