#mobileDock,#mobileBackdrop,#mobileClose,#mobileMove{display:none}
.online{display:flex;gap:13px;align-items:center;font-variant-numeric:tabular-nums}.onlineNow{white-space:nowrap}#visits{white-space:nowrap}
@media(max-width:650px),(pointer:coarse) and (max-width:1100px){header .online{display:flex;flex-direction:column;gap:3px;align-items:flex-end;padding:6px 10px;font-size:10px;line-height:1.3}header .online i{display:inline-block;margin-right:5px;width:5px;height:5px}}
#experience:not([data-seated=true]) #grill,#experience:not([data-seated=true]) #real{display:none!important}
#seatedGrillActions{display:none;position:absolute;bottom:125px;left:50%;transform:translateX(-50%);gap:6px;padding:5px;background:#19221ce8;border:1px solid #fff2;border-radius:12px;pointer-events:auto}
#experience[data-seated=true] #seatedGrillActions{display:flex}
#seatedGrillActions button{min-height:44px;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#fff3df;font-size:12px}
@media(max-width:650px),(pointer:coarse) and (max-width:1100px){#seatedGrillActions{bottom:calc(76px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px)}#experience[data-mobile-panel]:not([data-mobile-panel=""]) #seatedGrillActions{display:none}#experience[data-seated=true] #status{bottom:calc(135px + env(safe-area-inset-bottom))}}
@media(max-width:650px),(pointer:coarse) and (max-width:1100px){
 header{padding:10px 12px;gap:8px;align-items:center} .brand{padding:5px 7px}.brand img{width:57px}.identity{display:none}.online{font-size:10px;padding:7px 10px}
 #experience .caption,#experience .foot{display:none}
 #experience #seatPanel,#experience #zoomControls,#experience #walkControls,#experience nav{display:none}
 #mobileDock{display:flex;position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);gap:6px;padding:5px;border:1px solid #ffffff29;border-radius:18px;background:#171e19e8;pointer-events:auto;z-index:22;width:min(340px,calc(100% - 24px))}
 #mobileDock button{flex:1;min-height:44px;border:0;border-radius:12px;background:transparent;color:#fff3df;font-size:13px;padding:6px;white-space:nowrap}#mobileDock button[aria-expanded=true]{background:#e8c898;color:#211e19}
 #experience[data-mobile-panel]:not([data-mobile-panel=""]) #mobileBackdrop{display:block;position:absolute;inset:0;border:0;background:#0003;z-index:18;pointer-events:auto}
 #experience[data-mobile-panel]:not([data-mobile-panel=""]) #mobileClose{display:block;position:absolute;right:18px;bottom:calc(310px + env(safe-area-inset-bottom));min-height:44px;padding:8px 14px;border:1px solid #ffffff40;border-radius:12px;background:#19221cf5;color:white;z-index:21;pointer-events:auto}
 #experience #seatPanel,#experience #zoomControls,#experience nav,#experience #walkControls{z-index:20;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;max-width:none;transform:none;background:#19221cf5;border-radius:16px;padding:16px;max-height:calc(100dvh - 150px);overflow:auto;pointer-events:auto}
 #experience[data-mobile-panel=seat] #seatPanel{display:block}#seatPanel select{font-size:16px;min-height:44px}#seatPanel label{font-size:10px}#seatPanel #stand{min-height:44px;padding:10px}
 #experience[data-mobile-panel=view] #zoomControls{display:flex;justify-content:center;flex-wrap:wrap}#zoomControls button{min-height:46px;min-width:46px}#zoomControls #zoomAll,#zoomControls #zoomReset{font-size:13px}
 #experience[data-mobile-panel=menu] nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;white-space:normal}#experience nav button,#mobileMove{display:block;min-height:48px;font-size:12px;padding:8px}#experience nav #real{display:block}
 #experience[data-mobile-panel=walk] #walkControls{display:block;left:12px;right:auto;width:170px}.directionPad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px)}
 #experience #status{display:none;bottom:calc(78px + env(safe-area-inset-bottom));font-size:11px;max-width:calc(100% - 32px);width:max-content;padding:8px 12px}#experience.mobileToast #status:not(:empty){display:block}#experience[data-mobile-panel]:not([data-mobile-panel=""]) #status{display:none}
 #audioPanel{bottom:calc(78px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;z-index:21;max-height:calc(100dvh - 155px);overflow:auto}
 #kitchenDialog{bottom:calc(85px + env(safe-area-inset-bottom));z-index:16}#chefPortrait{width:135px;height:153px}
}
@media(max-height:500px) and (pointer:coarse){#experience[data-mobile-panel]:not([data-mobile-panel=""]) #mobileClose{bottom:auto;top:10px}#experience #seatPanel,#experience #zoomControls,#experience nav{left:20%;right:20%;padding:10px}#seatPanel label{display:none}}
