.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}}.story-cinematic{color:#fff5db;text-shadow:0 2px 4px #171510,0 0 5px #171510}.story-cinematic .story-paper{box-shadow:none;width:min(760px,94%);min-height:0;max-height:46%;bottom:max(12px,env(safe-area-inset-bottom));background:0 0;border:0;border-radius:0;padding:12px 16px}.story-cinematic .story-chapter{display:none}.story-cinematic .story-copy{background:#142027c9;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;padding:14px 20px;display:grid}.story-cinematic.story-silent .story-copy{visibility:hidden}.story-cinematic .story-speaker{box-shadow:none;font-size:calc(16px * var(--story-text));color:#f4ce8a;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;line-height:1.5}.story-cinematic .story-words{font-size:calc(20px * var(--story-text));min-height:0;margin:0;line-height:1.5}.story-cinematic .story-controls{opacity:0;pointer-events:none;flex-wrap:wrap;gap:8px;max-width:100%;position:absolute;bottom:calc(100% + 8px);right:0}.story-cinematic.story-controls-visible .story-controls{opacity:1;pointer-events:auto}.story-cinematic:has(button:focus-visible) .story-controls{opacity:1;pointer-events:auto}.story-cinematic .story-controls button{min-width:44px;min-height:44px;font-size:calc(14px * var(--story-text));text-shadow:0 1px #fff0bf;padding:6px 12px}.story-cinematic .story-controls .story-skip{box-shadow:none;color:#e4d5b8;text-shadow:0 2px 3px #171510;opacity:.8;background:0 0;border:0;text-decoration:underline}.story-cinematic .story-controls .story-next:disabled{opacity:.5}@media (orientation:portrait){.story-cinematic .story-paper{left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right));width:auto;min-height:0;padding:8px;transform:none}.story-cinematic .story-copy{grid-template-columns:minmax(0,1fr);gap:4px}.story-cinematic .story-controls .story-next{min-width:44px}}@media (prefers-reduced-motion:no-preference){.story-cinematic .story-controls{transition:opacity .15s}}