#room #bartender-talk{left:10.8%;top:24%;width:6%;height:18%;min-width:28px;min-height:44px;z-index:5}
#bartender-talk.speaking{box-shadow:0 0 14px #e3bf7040;outline:1px solid #d2b57655}
#bartender-conversation{position:fixed;z-index:30;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(780px,calc(100vw - 24px));padding:14px 18px;background:#1c1b18f5;border-top:1px solid #ab916955;color:#ead8b9;box-shadow:0 8px 25px #0005}
#bartender-conversation[hidden]{display:none}#bartender-conversation header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c6aa7f}
#bartender-conversation{max-height:70svh;overflow:auto}.order-caption{font-size:12px;line-height:1.7;color:#b8a786}.order-form{display:grid;gap:10px}.order-form label{display:grid;gap:5px;font-size:13px}.order-form input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:44px;background:#24221d;border:1px solid #907852;color:#ecd9b6;padding:8px}.order-form .order-age{display:flex;align-items:center;min-height:44px}.order-form button{min-height:44px;color:#ecd9b6;background:#463b2b;border:1px solid #907852}.order-form input[type=checkbox]{width:20px;height:20px}
#bartender-conversation header button{min-height:44px;border:0;background:none;color:#b4a791}
.bartender-line{display:block;min-height:60px;width:100%;padding:4px 0 12px;font:16px/1.65 serif;text-align:left;color:inherit;background:none;border:0}
.bartender-choices{display:flex;gap:7px;flex-wrap:wrap}.bartender-choices button{min-height:44px;padding:8px 12px;background:#463b2b;border:1px solid #907852;color:#ecd9b6}.bartender-choices button:hover{background:#655038}
#bartender-conversation>small{display:block;font-size:10px;color:#a99b85;margin-top:8px}
/* Both scenes share the indoor panoramic frame on desktop and portrait phones. */
#viewport{display:grid;place-items:center}
#stage.stage{width:min(100vw,177.68svh);height:auto;aspect-ratio:1672/941;align-self:center}
#street>img{object-fit:cover;object-position:center}
#street .entrance{left:42%;top:15%;width:16%;height:61%;min-width:44px}
@media(max-width:600px) and (orientation:portrait){#stage.stage{width:100%}#bartender-conversation{padding:8px 12px}.bartender-line{font-size:14px;min-height:46px}.bartender-choices{display:grid;grid-template-columns:1fr 1fr}.bartender-choices button{font-size:12px;padding:7px}}
@media(max-height:550px){#bartender-conversation{max-height:46svh;overflow:auto;padding:6px 12px}.bartender-line{font-size:13px;min-height:30px}}