:root{font-family:system-ui,Noto Sans KR,sans-serif;color:#e8e2d8;background:#181817;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: rgba(23, 22, 21, .84);--line: rgba(226, 214, 192, .17)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{color:inherit}.tavern-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#181817}.tavern-canvas{display:block;width:100%;height:100%;outline:none}.talk-button{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(112px,calc(env(safe-area-inset-bottom) + 96px));display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:#e4d6b7;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 8px 28px #0008}.talk-button:hover{background:#473f33e6}.dialogue{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));width:min(600px,calc(100vw - 30px));padding:18px 18px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 18px 70px #0009;transform:translate(-50%);backdrop-filter:blur(18px)}.dialogue-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#c5bdae;cursor:pointer}.dialogue-close:hover{background:#ffffff14}.dialogue-lines{display:flex;flex-direction:column;gap:9px;max-height:min(34vh,230px);overflow:auto;padding:1px 32px 13px 1px;scrollbar-width:thin}.dialogue-line{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.npc-line{color:#f1e6d3}.player-line{align-self:flex-end;max-width:82%;color:#c3bbae;text-align:right}.speaker{display:block;margin-bottom:2px;color:#bdab84;font:600 10px/1.4 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.dialogue-form{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}.dialogue-form input{flex:1;min-width:0;height:42px;padding:0 10px;border:0;outline:0;background:transparent;color:#f2eee8;font-size:15px}.dialogue-form input:focus-visible{box-shadow:inset 0 -1px #bdab84}.dialogue-form button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#817458;color:#fbf7ed;cursor:pointer}.dialogue-form button:disabled{opacity:.4;cursor:default}.thinking{display:flex;gap:4px;padding:3px 2px}.thinking i{width:4px;height:4px;border-radius:50%;background:#bcad90;animation:breathe 1.1s infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.14s}.thinking i:nth-child(3){animation-delay:.28s}@keyframes breathe{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.toast{position:absolute;left:50%;top:max(22px,env(safe-area-inset-top));padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:#e8dfd0;font-size:12px;transform:translate(-50%);backdrop-filter:blur(12px)}@media(pointer:fine){.ctl-btns{display:none!important}}@media(max-width:600px){.dialogue{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:14px 12px 10px}.dialogue-lines{max-height:25vh}.dialogue-line{font-size:14px}.talk-button{right:22px;bottom:max(116px,calc(env(safe-area-inset-bottom) + 100px))}}