/* Clear the phone stage while the customer receives and enjoys their drink. */
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] :is(#orderCard,#sceneFillHud,#baristaSpeech,#sealNote,#sceneCaption),
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock :is(.ingredients,.controls,.stationery-art,#easyMode,#shakeCup){display:none!important}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock{
 left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);
 width:min(320px,calc(100% - 40px));max-width:320px;min-height:0;margin:0;padding:0;gap:7px;background:none;border:0;box-shadow:none;
}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock:before,
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock:after{display:none}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock .finish-card{display:block;padding:0;margin:0}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #fillhud{display:block;width:100%;padding:0;margin:0}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock .practice-tools{justify-content:center;padding:0;margin:0}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #playDock .practice-tools{display:none!important}
html[data-game-layout="compact"] #gameShell #sceneWrap[data-serving="true"] #customerSpeech:not([hidden]){
 display:block!important;top:calc(70px + env(safe-area-inset-top));bottom:auto;left:50%;right:auto;
 width:min(340px,calc(100% - 32px));max-width:340px;transform:translateX(-50%);padding:9px 14px;text-align:center;font-size:14px;line-height:1.35;pointer-events:none;
}
html[data-game-landscape="true"] #gameShell #sceneWrap[data-serving="true"] #customerSpeech:not([hidden]){top:53px;padding-block:5px}