.story-dialogue{z-index:1000;pointer-events:auto;color:#382819;--story-text:var(--text-scale,1);background:0 0;font-family:Lumiel Menu Read Sans,Lumiel Menu Read Extra,sans-serif;position:fixed;inset:0}.story-paper{bottom:max(10px,env(safe-area-inset-bottom));background:repeating-linear-gradient(5deg,#0000 0 9px,#c99a5520 10px 11px),#f3dfb1;border:4px solid #60432d;border-radius:22px;flex-direction:column;width:min(680px,80%);max-height:48%;padding:8px 16px 6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 3px #fff0c8,inset 0 -4px #c3a374,0 5px #33261966}.story-copy{overscroll-behavior:contain;min-height:0;padding:0 2px 3px;overflow:auto}.story-chapter{float:right;line-height:1.2;font-size:calc(13px * var(--story-text));color:#715639;margin-top:6px;margin-bottom:0}.story-speaker{color:#fff0c6;line-height:1.1;font-size:calc(18px * var(--story-text));background:#7c5839;border:2px solid #4b3425;border-radius:12px;padding:2px 12px;display:table;box-shadow:inset 0 2px #b28b58}.story-words{font-size:calc(20px * var(--story-text));overflow-wrap:anywhere;margin:4px 0 0;line-height:1.45}.story-controls{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.story-controls button{font:inherit;font-size:calc(16px * var(--story-text));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px}.story-controls .story-next{color:#3d291a;text-shadow:0 1px #fff0bf;background:linear-gradient(#f7d78e,#d5a95e);border:3px solid #5b3d26;border-bottom-width:6px;border-radius:13px;padding:7px 32px;box-shadow:inset 0 2px #fff1c5,0 3px #33261944}.story-controls .story-next:active{transform:translateY(2px)}.story-controls .story-secondary{background:linear-gradient(#ead7ad,#c8ad7a);margin-right:auto;padding-left:16px;padding-right:16px}.story-controls button:focus-visible{outline-offset:2px;outline:3px solid #fff4cf;box-shadow:0 0 0 5px #624c37}.story-controls button:disabled{cursor:default;opacity:.6}.story-action-hold{position:relative;overflow:hidden}.story-action-hold:after{content:"";width:calc(var(--hold,0)*100%);pointer-events:none;background:#6d4b22;height:4px;position:absolute;bottom:1px;left:0}.story-paper{z-index:1}.story-scene-title{text-align:center;color:#fff0c6;width:80%;font-size:calc(22px * var(--story-text));word-break:keep-all;text-wrap:balance;text-shadow:0 2px 3px #241e16,1px 0 #241e16;pointer-events:none;margin:0;line-height:1.4;position:absolute;top:8%;left:10%}.story-scene-fade{opacity:0;pointer-events:none;z-index:0;background:#201a16;position:absolute;inset:0}.story-scene-fade.changing{animation:.15s linear both story-calm-cut}@keyframes story-calm-cut{0%{opacity:.55}to{opacity:0}}@media (orientation:portrait){.story-paper{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;min-height:220px;max-height:55%;padding:12px;transform:none}.story-controls{justify-content:flex-end;gap:12px}.story-controls .story-next{flex:none;min-width:108px;padding:7px 22px}.story-words{min-height:58px}.story-copy{flex:1}}