/* V4.3 : NO NEW ROW — uses existing iPhone area for original V4 UI.
   Four generators, 5 x 7 grid, three order cards, five original bottom controls.
   Visual flight of completed meal goes into its EXISTING order card. */
@media(max-width:525px){
  .customer.ready {border-color:#77ee88!important; box-shadow:0 3px #198947,0 0 12px #75f38d99!important;}
  .customer.ready button[data-deliver] {border:1.5px solid #baffad!important;background:linear-gradient(#b9ff93,#29d861 54%,#069e3e)!important;box-shadow:0 2px #0c7735,0 0 8px #4ed370a5!important;color:#15532b!important;font-weight:1000;animation:ftm-deliver-ready 1.6s ease-in-out infinite;}
  .customer button {white-space:nowrap;}
  .customer button:not(:disabled):active {transform:translateY(2px);box-shadow:inset 0 2px #116333!important;}
}
/* Use original free lower space for the ALREADY APPROVED interface parts, not a sixth toolbar. */
@media (max-width:525px) and (min-height:800px){
  .skyline,.skyline.truck-stage-0,.skyline.truck-stage-1,.skyline.truck-stage-2,.skyline.truck-stage-3,.skyline.truck-stage-4,.skyline.truck-stage-5{height:86px!important;}
  .customer{height:119px!important;min-height:119px!important;}
  .customer-top{height:43px!important;min-height:43px!important;}
  .customer-portrait,.customer-food{height:43px!important;}
  .customer button{height:27px!important;min-height:27px!important;}
  .chapter-strip{height:42px!important;min-height:42px!important;}
  .bottom {padding-top:5px!important;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;}
  .bottom-btn,.bottom-btn.special {height:76px!important;min-height:76px!important;}
}
@keyframes ftm-deliver-ready {0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
.ftm-delivery-flight {position:fixed;transform:translate(-50%,-50%);z-index:27;pointer-events:none;object-fit:contain;filter:drop-shadow(0 7px 9px #41150999)}
@media(prefers-reduced-motion:reduce){.customer.ready button[data-deliver]{animation:none}}
