/* The café itself is the stage. Only a short control strip covers the rendered scene. */
#coffee-panel{position:absolute;left:50%;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(470px,calc(100vw - 24px));max-height:46dvh;overflow:auto;padding:8px 14px;z-index:35;background:#f6efdfef;color:#263c49;border:1px solid #bba273;border-radius:14px;box-shadow:0 8px 26px #15252c30;pointer-events:auto}
#coffee-panel[hidden],#coffee-workbench[hidden]{display:none!important}#coffee-panel .coffee-heading{min-height:36px}#coffee-panel .coffee-heading h2{font-size:15px;margin:0}#coffee-cancel{width:40px;height:40px;flex-shrink:0}#coffee-ticket{font-size:11px;color:#735d3f;margin:0 0 2px}#coffee-tip{font-size:12px;line-height:1.4;margin:3px 0}#coffee-feedback{font-size:11px;line-height:1.4;margin:3px 0}#coffee-feedback:empty{display:none}#coffee-meter{height:12px;margin:6px 0}#coffee-action{min-height:44px;padding:8px 14px;font-size:13px;background:#19344b;touch-action:none;user-select:none}#coffee-panel [hidden]{display:none!important}
#coffee-workbench{position:absolute;left:5%;top:12%;width:90%;height:51%;z-index:31;pointer-events:auto;touch-action:none;cursor:grab}
#cafe-hud[data-coffee-busy=true] #survival-hud,#cafe-hud[data-coffee-busy=true] #coffee-status,#cafe-hud[data-coffee-busy=true] #cafe-camera-controls,#cafe-hud[data-coffee-busy=true] #touch-controls,#cafe-hud[data-coffee-busy=true] #cafe-meal,#cafe-hud[data-coffee-busy=true]>strong,#cafe-hud[data-coffee-busy=true]>span{visibility:hidden!important;pointer-events:none!important}
@media(max-height:500px) and (min-width:560px){#coffee-panel{width:min(690px,calc(100vw - 50px));display:grid;grid-template-columns:1fr 210px;column-gap:14px;max-height:39dvh;padding:5px 12px;bottom:calc(6px + env(safe-area-inset-bottom))}.coffee-heading,#coffee-ticket,#coffee-tip{grid-column:1}#coffee-panel .coffee-heading{min-height:30px}#coffee-cancel{height:32px;width:40px}#coffee-ticket{margin:0}#coffee-meter{grid-column:2;grid-row:1;align-self:center}#coffee-action{grid-column:2;grid-row:2/4;align-self:center}#coffee-feedback{grid-column:1/-1}#coffee-workbench{top:8%;height:52%}}
@media(max-width:420px){#coffee-panel{padding:5px 12px}#coffee-panel .coffee-heading h2{font-size:14px}#coffee-ticket,#coffee-tip{font-size:11px}}