.story-dialogue{--accent:#d9b36e;position:fixed;z-index:40;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(760px,84vw);padding:14px 40px;box-sizing:border-box;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse 66% 110% at 50% 100%,#04070bf4,#04070be0 55%,#04070b00);pointer-events:auto}.story-dialogue[hidden]{display:none}.story-dialogue.story-dialogue-passive{pointer-events:none}.story-dialogue[data-speaker=hero]{--accent:#9cc7d4}.story-dialogue-speaker{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px;text-shadow:0 1px 4px #000}.story-dialogue-speaker:before,.story-dialogue-speaker:after{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.story-dialogue-speaker:after{transform:scaleX(-1)}.story-dialogue-copy{font-size:19px;line-height:1.4;color:#f6f0e2;text-shadow:0 1px 2px #000,0 0 14px #000c;text-wrap:balance}.story-dialogue[data-speaker=hero] .story-dialogue-copy{font-style:italic;color:#eef4f5}.story-dialogue-next{margin-top:8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,#fff);opacity:.7}.story-dialogue-in .story-dialogue-speaker{animation:story-speaker-in .35s ease-out both}.story-dialogue-in .story-dialogue-copy{animation:story-copy-in .45s cubic-bezier(.2,.7,.2,1) .05s both}@keyframes story-speaker-in{0%{opacity:0;letter-spacing:.35em}to{opacity:1;letter-spacing:.2em}}@keyframes story-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.story-dialogue-in .story-dialogue-speaker,.story-dialogue-in .story-dialogue-copy{animation:none}}@media(max-height:450px){.story-dialogue{bottom:6px;padding:8px 28px 10px;width:min(680px,80vw)}.story-dialogue-copy{font-size:15px}.story-dialogue-speaker{font-size:10px;margin-bottom:2px}.story-dialogue-next{margin-top:4px}}.story-dialogue.story-dialogue-choosing{cursor:default}.story-dialogue.story-dialogue-choosing .story-dialogue-speaker,.story-dialogue.story-dialogue-choosing .story-dialogue-copy{display:none}.story-dialogue-choice{display:flex;flex-direction:column;align-items:center;gap:6px}.story-dialogue-choice[hidden]{display:none}.story-dialogue-goal{font-size:16px;line-height:1.35;color:#f6f0e2;text-shadow:0 1px 2px #000,0 0 14px #000c;text-wrap:balance}.story-dialogue-reward{font-size:13px;font-weight:600;color:var(--accent);text-shadow:0 1px 2px #000}.story-dialogue-reward[hidden]{display:none}.story-dialogue-buttons{display:flex;gap:var(--sp-3,12px);justify-content:center;margin-top:4px}.story-dialogue-buttons .btn{min-width:136px;min-height:44px}@media(max-height:450px){.story-dialogue-goal{font-size:14px}.story-dialogue-reward{font-size:12px}.story-dialogue-choice{gap:3px}}html:not(.desktop-input) body.story-talking :is(#hotbar,#action-area,#work-prompt,#chat-msgs){visibility:hidden;pointer-events:none}html:not(.desktop-input) .story-dialogue{pointer-events:none}html:not(.desktop-input) .story-dialogue :is(.story-dialogue-buttons .btn,.story-dialogue-peep){pointer-events:auto}html:not(.desktop-input) .story-dialogue.story-dialogue-passive{bottom:calc(var(--safe-b,0px) + var(--hotbar-h,66px) + 14px)}body.guest-talking #action-area,body.guest-talking #work-prompt,body.guest-talking #peephole-hint{visibility:hidden;pointer-events:none}.story-dialogue-peep{position:absolute;right:8px;bottom:100%;margin-bottom:6px;min-height:44px;min-width:44px}.story-dialogue-peep[hidden]{display:none}.story-dialogue-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2,6px);margin-top:8px;width:100%}.story-dialogue-options[hidden]{display:none}.story-dialogue-options .btn{min-width:0;min-height:44px;white-space:normal;line-height:1.2;font-size:13px;text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.story-dialogue-tag{color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.story-dialogue-option:disabled{opacity:.55}.story-dialogue-timer{height:3px;margin:0 0 6px;background:var(--accent-a16);overflow:hidden}.story-dialogue-timer[hidden]{display:none}.story-dialogue-timer:after{content:"";display:block;height:100%;background:var(--accent);transform-origin:left}.story-dialogue-timer.run:after{animation:story-dialogue-timer var(--t,14s) linear forwards}@keyframes story-dialogue-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-height:450px){.story-dialogue-options{margin-top:4px;gap:4px}.story-dialogue-options .btn{font-size:12px;padding:2px 8px}.story-dialogue-tag{font-size:10.5px}}
