#tavernScreen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#514939;overflow:hidden;color:#674d40}
#tavernScreen[hidden]{display:none!important}
#tavernCanvas{display:block;width:min(100%,calc(100dvh * 1.6923077));height:auto;max-width:none;max-height:none;touch-action:none}
.tavern-speech-layer{position:absolute;width:min(100%,calc(100dvh * 1.6923077));aspect-ratio:1100/650;pointer-events:none}
.tavern-speech{position:absolute;box-sizing:border-box;width:max-content;max-width:min(310px,calc(100% - 24px));padding:10px 14px;border:2px solid #a5805e;border-radius:14px;background:#fff8e8;color:#674d40;font-size:clamp(13px,2.2dvh,17px);line-height:1.65;overflow-wrap:anywhere;box-shadow:0 3px 6px #49362530;text-align:left}
.tavern-speech[hidden]{display:none}
.tavern-speech::before,.tavern-speech::after{content:'';position:absolute;left:var(--tail-left,50%);top:100%;width:0;height:0;transform:translateX(-50%);border:10px solid transparent;border-bottom:0;border-top-color:#a5805e}
.tavern-speech::after{border-width:8px;border-top-color:#fff8e8;margin-top:-1px}
.tavern-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:8px;pointer-events:none;background:none;border:0;box-shadow:none;padding:0;margin:0}
.tavern-title,.tavern-top button,.tavern-dock{background:linear-gradient(110deg,#fff3dcea,#e8c89aef);border:2px solid #a5805e;border-radius:13px;box-shadow:inset 0 2px #fff8e6,0 3px #75574555}
.tavern-title{padding:8px 14px;line-height:1.35}.tavern-title small{display:block;font-size:10px;letter-spacing:.04em}.tavern-title strong{display:block;font-size:19px}.tavern-top button{pointer-events:auto;min-height:44px;margin:0;padding:7px 13px;touch-action:manipulation}.tavern-top button:first-of-type{margin-left:auto}
.tavern-dock{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 10px;max-width:calc(100% - 140px);font-size:12px}
.tavern-dock p{margin:0;min-width:190px}.tavern-dock button{margin:0;min-width:110px;min-height:44px;touch-action:manipulation}.tavern-talk p{line-height:1.8}.tavern-talk h2{margin-bottom:12px}
@media(max-height:500px){.tavern-top{top:max(5px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.tavern-title{padding:5px 10px}.tavern-title strong{font-size:15px}.tavern-title small{font-size:9px}.tavern-top button{font-size:12px;padding:5px 10px}.tavern-dock{bottom:max(5px,env(safe-area-inset-bottom));font-size:10px;padding:4px 7px;gap:6px}.tavern-dock p{min-width:175px}.tavern-dock button{min-height:40px;font-size:11px;min-width:95px}}
@media(orientation:portrait){.tavern-title small{display:none}.tavern-title strong{font-size:14px}.tavern-top{gap:4px}.tavern-top button{padding:5px 8px;font-size:11px}.tavern-dock{max-width:calc(100% - 24px);width:calc(100% - 24px)}.tavern-dock p{min-width:0;flex:1}}