.bar-room .bar-npc-fallback{position:absolute;bottom:0;left:22%;width:62%;height:auto;image-rendering:pixelated}
.bar-customer-portrait{position:absolute;bottom:-4%;left:24%;width:71%;aspect-ratio:1;pointer-events:none;clip-path:polygon(31% 13%,43% 9%,64% 12%,68% 19%,68% 37%,62% 43%,78% 47%,87% 59%,94% 79%,94% 91%,89% 94%,18% 94%,12% 89%,9% 78%,5% 77%,8% 56%,17% 47%,35% 42%,32% 39%,29% 33%,29% 18%)}
.bar-customer-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated}.bar-customer-portrait canvas{position:relative}
.bar-dialogue{display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:16px;align-content:start}
.bar-dialogue .bar-jill-portrait{grid-column:1;grid-row:1/7;display:block;align-self:start;opacity:.65;transition:opacity .12s}
.bar-dialogue[data-speaker=Jill] .bar-jill-portrait{opacity:1}
.bar-jill-portrait canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.bar-dialogue-heading,#bar-speech,#bar-request,#bar-story-actions,#bar-story-notice{grid-column:2;min-width:0}
.bar-dialogue #bar-story-notice{font-size:11px;color:#e5bd73;margin:6px 0 0;min-height:0}
.bar-dialogue #bar-story-notice:empty{display:none}
#bar-finish-text{position:absolute;right:12px;top:48px;width:32px;min-height:32px;padding:0;font-size:10px;opacity:.7}
#bar-finish-text[hidden],#bar-story-actions[hidden]{display:none}
.bar-dialogue #bar-speech{padding-right:28px}
.bar-exit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.bar-exit-row button{width:40px;padding:0}.bar-exit-row a{padding:10px 0}
.bar-dialogue{min-height:220px}
.bar-dialogue #bar-speech{min-height:84px}
.bar-dialogue #bar-story-actions{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:14px}
#bar-story-actions button{font:13px/1.6 BarMono,'Microsoft YaHei',sans-serif;text-align:left;max-width:100%;overflow-wrap:anywhere}
#bar-request{font:12px/1.7 BarMono,'Microsoft YaHei',sans-serif;color:#f0cc94;border-left:2px solid #e5bd73;margin-top:12px;padding:7px 12px}
#bar-request[hidden]{display:none}
.bar-menu #bar-notes{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.bar-story-notes{max-width:650px}
#bar-notes-list{display:flex;flex-direction:column;gap:12px;margin:16px 0 24px}
#bar-notes-list a{color:#99d8d2;min-height:44px;padding:12px;border-bottom:1px solid #504557}
#bar-story-log p{font:13px/1.9 BarMono,'Microsoft YaHei',sans-serif;color:#c6b8cf;margin:14px 0}
.bar-story-notes summary{min-height:44px;cursor:pointer;color:#d9a1c4}
.bar-credits .bar-adaptation{display:block;margin-top:4px}
@media(max-width:700px){.bar-dialogue{min-height:190px;grid-template-columns:60px minmax(0,1fr);column-gap:10px}.bar-dialogue #bar-speech{min-height:70px}.bar-dialogue #bar-story-actions{justify-content:flex-start}#bar-story-actions button{font-size:12px}.bar-dialogue strong{font-size:15px}.bar-dialogue-heading{flex-wrap:wrap}.bar-customer-portrait{width:75%;left:21%;bottom:-5%}}
@media(prefers-reduced-motion:reduce){.bar-dialogue .bar-jill-portrait{transition:none}}