*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-2xs: .65rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.05rem;--font-size-lg: 1.2rem;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--error: #ef4444;--success: #10b981}:root,:root[data-palette=default]{--primary: #667eea;--secondary: #764ba2;--main-background: #f9fafb;--card-background: #ffffff;--body-text: #374151;--action-background: #ef4444;--action-text: #ffffff;--dark-background: #374151;--dark-text: #ffffff;--subdued-background: #e5e7eb;--subdued-text: #6b7280;--highlight-background: #f0f0f0;--highlight-text: #667eea;--genre-background: rgba(102, 126, 234, .1);--genre-border: rgba(102, 126, 234, .3);--genre-text: #667eea;--interactive-text: #ffffff;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient-hover: linear-gradient(135deg, #5568d3 0%, #6a3f92 100%);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .3);--settings-menu-bg: #ffffff;--settings-menu-border: rgba(102, 126, 234, .1);--settings-menu-header-bg: rgba(102, 126, 234, .05);--settings-menu-item-hover: rgba(102, 126, 234, .08);--settings-menu-text: #333}:root[data-palette=charcoal]{--primary: #FF7A00;--main-background: #1C1C1C;--card-background: #282828;--dark-background: #383838;--dark-text: #ffffff;--action-background: #FF7A00;--action-text: #FFFFFF;--body-text: #e0e0e0d4;--secondary: #A0A0A0;--subdued-background: #333333;--subdued-text:#BBBBBB;--highlight-background: var(--primary);--highlight-text: #FFFFFF;--interactive-text: #999999;--genre-background: transparent;--genre-border: #ff62007b;--genre-text: #ff62007b;--primary-gradient: linear-gradient(135deg, var(--main-background) 0%, var(--main-background) 100%);--primary-gradient-hover: linear-gradient(135deg, #E66A00 0%, #FF8A1A 100%);--shadow-primary: 0 4px 12px rgba(255, 122, 0, .3);--settings-menu-bg: #282828;--settings-menu-border: rgba(255, 122, 0, .2);--settings-menu-header-bg: rgba(255, 122, 0, .1);--settings-menu-item-hover: rgba(255, 122, 0, .15);--settings-menu-text: #C0C0C0;--gray-50: #2a2a2a;--gray-100: #333333;--gray-200: #404040;--gray-300: #505050;--gray-400: #707070;--gray-500: #909090;--gray-600: #b0b0b0;--gray-700: #c0c0c0;--gray-900: #e0e0e0}:root[data-palette=charcoal-pink]{--primary: #d34fcc;--main-background: #1C1C1C;--card-background: #282828;--dark-background: #383838;--dark-text: #ffffff;--action-background: #d34fcc;--action-text: #FFFFFF;--body-text: #e0e0e0d4;--secondary: #A0A0A0;--subdued-background: #333333;--subdued-text: #BBBBBB;--highlight-background: var(--primary);--highlight-text: #FFFFFF;--interactive-text: #999999;--genre-background: transparent;--genre-border: #d34fcc7b;--genre-text: #d34fcc7b;--primary-gradient: linear-gradient(135deg, var(--main-background) 0%, var(--main-background) 100%);--primary-gradient-hover: linear-gradient(135deg, #b040aa 0%, #e070dd 100%);--shadow-primary: 0 4px 12px rgba(211, 79, 204, .3);--settings-menu-bg: #282828;--settings-menu-border: rgba(211, 79, 204, .2);--settings-menu-header-bg: rgba(211, 79, 204, .1);--settings-menu-item-hover: rgba(211, 79, 204, .15);--settings-menu-text: #C0C0C0;--gray-50: #2a2a2a;--gray-100: #333333;--gray-200: #404040;--gray-300: #505050;--gray-400: #707070;--gray-500: #909090;--gray-600: #b0b0b0;--gray-700: #c0c0c0;--gray-900: #e0e0e0}:root[data-palette=forest]{--primary: #00B388;--main-background: #1A1D1C;--card-background: #262B2A;--dark-background: #333837;--dark-text: #E6F0F0;--action-background: #00B388;--action-text: #1A1D1C;--body-text: #E6F0F0;--secondary: #A0B3B3;--subdued-background: #333837;--subdued-text: #B3C2C2;--highlight-background: #00B388;--highlight-text: #1A1D1C;--interactive-text: #889999;--genre-background: transparent;--genre-border: #00B3887b;--genre-text: #00B3887b;--primary-gradient: linear-gradient(135deg, var(--main-background) 0%, var(--main-background) 100%);--primary-gradient-hover: linear-gradient(135deg, #009973 0%, #00D4A0 100%);--shadow-primary: 0 4px 12px rgba(0, 179, 136, .3);--settings-menu-bg: #262B2A;--settings-menu-border: rgba(0, 179, 136, .2);--settings-menu-header-bg: rgba(0, 179, 136, .1);--settings-menu-item-hover: rgba(0, 179, 136, .15);--settings-menu-text: #A0B3B3;--gray-50: #222625;--gray-100: #2A2E2D;--gray-200: #333837;--gray-300: #445050;--gray-400: #667777;--gray-500: #889999;--gray-600: #A0B3B3;--gray-700: #B3C2C2;--gray-900: #E6F0F0}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){:root{--font-size-2xs: .55rem;--font-size-xs: .65rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-md: .95rem;--font-size-lg: 1.05rem}}.image-placeholder.svelte-jb47g0{position:relative;background:var(--subdued-background, #e5e5e5);overflow:hidden;display:flex;align-items:center;justify-content:center}.image-placeholder.fill.svelte-jb47g0{position:absolute;inset:0;width:auto;height:auto}.noise-svg.svelte-jb47g0{position:absolute;inset:0;width:100%;height:100%;opacity:.08;mix-blend-mode:overlay;pointer-events:none}.icon-container.svelte-jb47g0{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.icon-container.visible.svelte-jb47g0{opacity:1}.placeholder-icon.svelte-jb47g0{position:absolute;width:50%;height:50%}.icon-base.svelte-jb47g0{color:#000;opacity:.15}.icon-pulse.svelte-jb47g0{color:var(--genre-text, #555);animation:svelte-jb47g0-grain-pulse 3.5s ease-in-out infinite}@keyframes svelte-jb47g0-grain-pulse{0%,to{opacity:.3}50%{opacity:.5}}.image-container.svelte-4t863w{position:relative;overflow:hidden}.image-container.fill.svelte-4t863w{position:absolute;inset:0;width:auto;height:auto}.layer.svelte-4t863w{position:absolute;inset:0;transition:opacity .4s ease-in-out}.placeholder-layer.svelte-4t863w{opacity:1}.placeholder-layer.hidden.svelte-4t863w{opacity:0;pointer-events:none}.image-layer.svelte-4t863w{opacity:0}.image-layer.visible.svelte-4t863w{opacity:1}.image-layer.svelte-4t863w img:where(.svelte-4t863w){width:100%;height:100%;display:block}.player-intro.svelte-1futy1k{display:flex;justify-content:center;padding:1rem 0}.comic-panel.svelte-1futy1k{max-width:1000px;width:100%;border:4px solid #1a1a1a;border-radius:8px;background:#fff;box-shadow:0 8px 16px #0000004d,inset 0 0 0 2px #fffc;overflow:hidden;position:relative;container-type:inline-size}.comic-panel.svelte-1futy1k:before{content:"";position:absolute;inset:0;border:2px solid rgba(0,0,0,.1);border-radius:4px;pointer-events:none;z-index:1}.top-section.svelte-1futy1k{display:flex;min-height:280px}.portrait-side.svelte-1futy1k{flex:0 0 45%;max-width:45%;overflow:hidden;position:relative}.bio-side.svelte-1futy1k{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;background:var(--card-background, #fafafa)}.character-name.svelte-1futy1k{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:var(--primary, #333)}.character-description.svelte-1futy1k{margin:0;font-size:.95rem;line-height:1.6;color:var(--secondary, #555);font-style:italic}.specs-section.svelte-1futy1k{padding:1.25rem;background:var(--subdued-background, #f5f5f5);border-top:2px solid var(--gray-300, #d0d0d0);display:flex;flex-wrap:wrap;gap:1.25rem}.spec-group.svelte-1futy1k{flex:1;min-width:150px}.spec-header.svelte-1futy1k{font-size:.75rem;font-weight:600;color:var(--secondary, #666);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.tags-list.svelte-1futy1k{display:flex;flex-wrap:wrap;gap:.35rem}.tag.svelte-1futy1k{font-size:.75rem;padding:.25rem .5rem;background:var(--genre-background, #e8e8e8);color:var(--genre-text, #444);border-radius:.25rem;border:1px solid var(--genre-border, #ccc);font-weight:500}.trait-tag.svelte-1futy1k{background:var(--genre-background, #e8f4e8);border-color:var(--genre-border, #b8d4b8)}.personality-group.svelte-1futy1k{flex-basis:100%}.personality-layout.svelte-1futy1k{display:flex;flex-direction:column;gap:.75rem}.big-five-traits.svelte-1futy1k{display:flex;flex-direction:column;gap:.5rem}.trait-bar-row.svelte-1futy1k{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:2rem}.trait-name.svelte-1futy1k{font-size:.7rem;font-weight:600;color:var(--secondary, #555)}.trait-bar-with-labels.svelte-1futy1k{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.trait-label-low.svelte-1futy1k,.trait-label-high.svelte-1futy1k{font-size:.65rem;color:var(--genre-text, #555);min-width:70px}.trait-label-low.svelte-1futy1k{text-align:right}.trait-label-high.svelte-1futy1k{text-align:left}.trait-bar-container.svelte-1futy1k{width:200px;flex-shrink:0}.trait-bar-track.svelte-1futy1k{position:relative;height:8px;background:var(--gray-200, #e0e0e0);border-radius:4px;overflow:hidden}.trait-bar-center.svelte-1futy1k{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gray-400, #999);transform:translate(-50%);z-index:1}.trait-bar-fill.svelte-1futy1k{position:absolute;top:0;bottom:0;width:var(--fill-percent);border-radius:4px}.trait-bar-fill.positive.svelte-1futy1k{left:50%;background:var(--success, #4caf50)}.trait-bar-fill.negative.svelte-1futy1k{right:50%;background:var(--warning, #ff9800)}.human-traits.svelte-1futy1k{display:flex;flex-wrap:wrap;gap:.35rem}.need-tag.svelte-1futy1k{background:var(--genre-background, #e8f4e8);color:var(--genre-text, #555);border-color:var(--genre-border, #b8d4b8)}.goals-list.svelte-1futy1k{display:flex;flex-direction:column;gap:.35rem}.goal-item.svelte-1futy1k{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--subdued-text, #666);line-height:1.4}.goal-priority.svelte-1futy1k{font-weight:600;color:var(--primary, #333);min-width:1rem;text-align:center}.goal-description.svelte-1futy1k{flex:1}.memories-group.svelte-1futy1k{flex-basis:100%;min-width:100%}.memories-list.svelte-1futy1k{display:flex;flex-direction:column;gap:.5rem}.memory-item.svelte-1futy1k{font-size:.85rem;color:var(--secondary, #555);line-height:1.5;padding-left:1rem;border-left:2px solid var(--genre-border, #b8d4b8);font-style:italic}.start-section.svelte-1futy1k{padding:1.25rem;background:var(--card-background, #fafafa);border-top:1px solid var(--gray-200, #e0e0e0);display:flex;justify-content:center}.start-button.svelte-1futy1k{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-primary)}.start-button.svelte-1futy1k:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.start-button.svelte-1futy1k:active{transform:translateY(0);box-shadow:var(--shadow-primary)}@container (max-width: 500px){.top-section.svelte-1futy1k{flex-direction:column;min-height:auto}.portrait-side.svelte-1futy1k{flex:none;max-width:100%;height:auto}.bio-side.svelte-1futy1k{padding:1rem}.character-name.svelte-1futy1k{font-size:1.5rem;text-align:center}.character-description.svelte-1futy1k{text-align:center;font-size:.9rem}.specs-section.svelte-1futy1k{flex-direction:column;gap:1rem;padding:1rem}.spec-group.svelte-1futy1k{min-width:100%}.trait-bar-row.svelte-1futy1k{grid-template-columns:80px 1fr;gap:.5rem}.trait-name.svelte-1futy1k{font-size:.7rem}.trait-bar-with-labels.svelte-1futy1k{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.25rem}.trait-label-low.svelte-1futy1k{font-size:.6rem;text-align:right;min-width:unset}.trait-label-high.svelte-1futy1k{font-size:.6rem;text-align:left;min-width:unset}.trait-bar-container.svelte-1futy1k{width:60px;justify-self:center}.trait-bar-track.svelte-1futy1k{height:6px}}.narrative.svelte-1a3yifa{margin:1.5rem 0;padding:0 1rem;text-align:center}.narrative-content.svelte-1a3yifa{margin:0 auto;max-width:85%;font-size:var(--font-size-md);line-height:1.7;color:var(--body-text);font-style:italic;text-align:center;letter-spacing:.01em;white-space:pre-line}.narrative-content.act-message.svelte-1a3yifa{color:var(--primary);font-weight:600;font-size:var(--font-size-lg)}.act-transition-stars.svelte-1a3yifa{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem}.transition-star.svelte-1a3yifa{width:40px;height:40px;color:var(--gray-300);opacity:0;transform:scale(0) rotate(-180deg);animation:svelte-1a3yifa-starReveal .6s ease-out forwards}.transition-star.svelte-1a3yifa svg:where(.svelte-1a3yifa){width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.transition-star.filled.svelte-1a3yifa{color:var(--primary)}.transition-star.filled.svelte-1a3yifa svg:where(.svelte-1a3yifa){filter:drop-shadow(0 2px 8px var(--primary))}@keyframes svelte-1a3yifa-starReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.narrative-content.fade-in.svelte-1a3yifa{animation:svelte-1a3yifa-fadeIn .8s ease-in}@keyframes svelte-1a3yifa-fadeIn{0%{opacity:0}to{opacity:1}}.message.svelte-1a3yifa{display:flex;margin-bottom:1rem}.message.user.svelte-1a3yifa{justify-content:flex-end}.message.character.svelte-1a3yifa{justify-content:flex-start}.message-bubble.svelte-1a3yifa{max-width:70%;padding:.75rem 1rem;border-radius:1rem;position:relative}.message.user.svelte-1a3yifa .message-bubble:where(.svelte-1a3yifa){background:var(--subdued-background);color:var(--subdued-text);border:2px solid var(--primary);border-bottom-right-radius:.25rem}.message.character.svelte-1a3yifa .message-bubble:where(.svelte-1a3yifa){background:var(--subdued-background);color:var(--subdued-text);border:2px solid;border-bottom-left-radius:.25rem}.message.thought.svelte-1a3yifa{justify-content:flex-end}.thought-bubble.svelte-1a3yifa{max-width:60%;padding:.75rem 1rem;background:var(--subdued-background);color:var(--genre-text);border:1px solid color-mix(in srgb,var(--genre-border) 50%,transparent);border-radius:1.2rem;font-style:italic}.thought-content.svelte-1a3yifa{margin:0;font-size:var(--font-size-sm);line-height:1.4;word-wrap:break-word}.character-name.svelte-1a3yifa{font-weight:600;font-size:var(--font-size-sm);margin-bottom:.25rem;color:var(--genre-text)}.user-label.svelte-1a3yifa{font-weight:600;font-size:var(--font-size-xs);margin-bottom:.25rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.message-content.svelte-1a3yifa{margin:0;font-size:var(--font-size-base);line-height:1.4;word-wrap:break-word}.comic-panel.svelte-1a3yifa{margin:1.5rem auto;max-width:1000px;border:4px solid #1a1a1a;border-radius:8px;background:#fff;box-shadow:0 8px 16px #0000004d,inset 0 0 0 2px #fffc;overflow:hidden;position:relative;contain:layout}.comic-panel.svelte-1a3yifa:before{content:"";position:absolute;inset:0;border:2px solid rgba(0,0,0,.1);border-radius:4px;pointer-events:none}.comic-panel.fade-in.svelte-1a3yifa{animation:svelte-1a3yifa-fadeIn .8s ease-in}.panel-image.svelte-1a3yifa{width:100%;height:auto;display:block;object-fit:cover;max-height:500px}.panel-image.image-async-load.svelte-1a3yifa{animation:svelte-1a3yifa-imageFadeIn .6s ease-out forwards}@keyframes svelte-1a3yifa-imageFadeIn{0%{opacity:0}to{opacity:1}}.panel-caption.svelte-1a3yifa{padding:1rem 1.25rem;background:var(--card-background);border-top:2px solid var(--gray-300);font-size:var(--font-size-base);line-height:1.5;color:var(--secondary);font-style:italic;text-align:center;font-weight:500;white-space:pre-line}.message-image.svelte-1a3yifa{width:100%;max-width:300px;height:auto;border-radius:8px;margin-bottom:.5rem;border:2px solid rgba(0,0,0,.2);box-shadow:0 2px 8px #00000026}.message.user.svelte-1a3yifa .message-image:where(.svelte-1a3yifa){border-color:#fff6}.message.character.svelte-1a3yifa .message-image:where(.svelte-1a3yifa){border-color:#0000004d}.conversation-summary.svelte-1a3yifa{display:flex;align-items:flex-start;gap:1rem;margin:1.5rem auto;max-width:1000px}.conversation-summary.entrance-crystallize.svelte-1a3yifa{animation:svelte-1a3yifa-crystallizeIn 1s ease-out forwards}.conversation-summary.entrance-crystallize.svelte-1a3yifa .summary-portrait:where(.svelte-1a3yifa),.conversation-summary.entrance-crystallize.svelte-1a3yifa .summary-content:where(.svelte-1a3yifa){animation:svelte-1a3yifa-contentCrystallize 1s ease-out forwards}@keyframes svelte-1a3yifa-crystallizeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1a3yifa-contentCrystallize{0%{filter:blur(20px);opacity:0}40%{filter:blur(8px);opacity:.5}70%{filter:blur(3px);opacity:.8}to{filter:blur(0);opacity:1}}.summary-portrait.svelte-1a3yifa{flex-shrink:0;width:70px;height:70px;border-radius:50%;border:3px solid;overflow:hidden;background:var(--gray-100);box-shadow:0 2px 8px #00000026}.summary-portrait.svelte-1a3yifa img:where(.svelte-1a3yifa){width:100%;height:100%;object-fit:cover;object-position:center 25%}.portrait-placeholder.svelte-1a3yifa{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.portrait-placeholder.svelte-1a3yifa svg:where(.svelte-1a3yifa){width:50%;height:50%;color:var(--gray-400)}.summary-content.svelte-1a3yifa{flex:1;padding:.75rem 1rem;background:var(--subdued-background);border-radius:.75rem;border-left:3px solid}.summary-text.svelte-1a3yifa{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--body-text);font-style:italic}@media(max-width:768px){.narrative-content.svelte-1a3yifa{max-width:95%}.message-bubble.svelte-1a3yifa{max-width:85%}.comic-panel.svelte-1a3yifa{max-width:95%;margin:1rem auto}.panel-image.svelte-1a3yifa{max-height:350px}.image-placeholder.svelte-1a3yifa{height:250px}.panel-caption.svelte-1a3yifa{padding:.75rem 1rem}.message-image.svelte-1a3yifa{max-width:250px}.conversation-summary.svelte-1a3yifa{max-width:95%;margin:1rem auto}.summary-portrait.svelte-1a3yifa{width:60px;height:60px}.summary-content.svelte-1a3yifa{width:100%}.summary-text.svelte-1a3yifa{font-size:var(--font-size-sm)}}.conversation-frame.svelte-nm1841{margin:1rem auto;max-width:1000px;border:2px solid var(--subdued-background);border-radius:12px;background:var(--subdued-background);overflow:hidden;transition:border-color .2s ease,box-shadow .3s ease;position:relative}.conversation-frame.active.svelte-nm1841{border-color:var(--subdued-background);box-shadow:0 0 0 1px color-mix(in srgb,var(--subdued-background) 20%,transparent),0 4px 12px color-mix(in srgb,var(--subdued-background) 15%,transparent)}.conversation-frame.ending.svelte-nm1841{animation:svelte-nm1841-blurAndFade 2s ease-in-out forwards;overflow:hidden}.conversation-frame.ending.svelte-nm1841 .conversation-messages:where(.svelte-nm1841),.conversation-frame.ending.svelte-nm1841 .conversation-header:where(.svelte-nm1841){animation:svelte-nm1841-contentBlur 2s ease-in-out forwards}@keyframes svelte-nm1841-blurAndFade{0%{opacity:1;max-height:2000px;margin-top:1rem;margin-bottom:1rem}60%{opacity:.3;max-height:2000px;margin-top:1rem;margin-bottom:1rem}to{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding:0;border-width:0}}@keyframes svelte-nm1841-contentBlur{0%{filter:blur(0);opacity:1}40%{filter:blur(4px);opacity:.8}70%{filter:blur(10px);opacity:.5}to{filter:blur(20px);opacity:0}}.conversation-header.svelte-nm1841{padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.conversation-title.svelte-nm1841{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.conversation-title-line.svelte-nm1841{display:flex;align-items:center;gap:.5rem}.conversation-character-name.svelte-nm1841{font-weight:600;font-size:var(--font-size-base);color:var(--genre-text)}.conversation-phase-badge.svelte-nm1841{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;background:var(--phase-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;opacity:.9;cursor:help}.conversation-objective-line.svelte-nm1841{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.goal-progress-badge.svelte-nm1841{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;background:var(--status-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;opacity:.9;cursor:help;white-space:nowrap}.objective-separator.svelte-nm1841{color:var(--gray-400);font-weight:300}.conversation-objective.svelte-nm1841{font-size:.7rem;font-weight:500;color:var(--secondary);font-style:italic;cursor:help}.conversation-portrait.svelte-nm1841{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--gray-100);box-shadow:0 2px 6px #00000026;border:2px solid var(--gray-300);flex-shrink:0}.conversation-portrait.svelte-nm1841 img:where(.svelte-nm1841){width:100%;height:100%;object-fit:cover;object-position:center 25%}.portrait-placeholder.svelte-nm1841{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.portrait-placeholder.svelte-nm1841 svg:where(.svelte-nm1841){width:50%;height:50%;color:var(--gray-400)}.conversation-messages.svelte-nm1841{padding:.5rem;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;display:flex;flex-direction:column}.message-wrapper.svelte-nm1841{display:grid;grid-template-rows:1fr}.message-wrapper.svelte-nm1841>*{overflow:hidden;min-height:0}.message-wrapper.new-message.svelte-nm1841{animation:svelte-nm1841-messageSlideUp .35s ease-out forwards}@keyframes svelte-nm1841-messageSlideUp{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}.conversation-messages.svelte-nm1841::-webkit-scrollbar{width:6px}.conversation-messages.svelte-nm1841::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.conversation-messages.svelte-nm1841::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.conversation-messages.svelte-nm1841::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.conversation-messages.svelte-nm1841 .message-wrapper:where(.svelte-nm1841):first-child .message{margin-top:0}.conversation-messages.svelte-nm1841 .message-wrapper:where(.svelte-nm1841):last-child .message{margin-bottom:0}.typing-indicator.svelte-nm1841{display:flex;gap:.25rem;padding:.75rem 1rem;justify-content:flex-start}.typing-indicator-user.svelte-nm1841{justify-content:flex-end}.typing-indicator.svelte-nm1841 span:where(.svelte-nm1841){width:8px;height:8px;border-radius:50%;background:var(--gray-400);animation:svelte-nm1841-bounce 1.4s infinite ease-in-out both}.typing-indicator-user.svelte-nm1841 span:where(.svelte-nm1841){background:var(--primary)}.typing-indicator.svelte-nm1841 span:where(.svelte-nm1841):nth-child(1){animation-delay:-.32s}.typing-indicator.svelte-nm1841 span:where(.svelte-nm1841):nth-child(2){animation-delay:-.16s}@keyframes svelte-nm1841-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.conversation-frame.svelte-nm1841{max-width:95%}}.narrative-container.svelte-1di0uii{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.narrative-content.svelte-1di0uii{flex:1;overflow-y:auto;padding:1.5rem;background:var(--main-background);-webkit-overflow-scrolling:touch;min-height:0;overflow-anchor:none}.empty-state.svelte-1di0uii{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center}.empty-state.svelte-1di0uii p:where(.svelte-1di0uii){margin:0;font-size:1rem}.typing-indicator.svelte-1di0uii{display:flex;gap:.25rem;padding:1rem;justify-content:flex-start}.typing-indicator-user.svelte-1di0uii{justify-content:flex-end}.typing-indicator.svelte-1di0uii span:where(.svelte-1di0uii){width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:svelte-1di0uii-bounce 1.4s infinite ease-in-out both}.typing-indicator-user.svelte-1di0uii span:where(.svelte-1di0uii){background:#667eea}.typing-indicator.svelte-1di0uii span:where(.svelte-1di0uii):nth-child(1){animation-delay:-.32s}.typing-indicator.svelte-1di0uii span:where(.svelte-1di0uii):nth-child(2){animation-delay:-.16s}@keyframes svelte-1di0uii-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-fade-out.svelte-1di0uii{animation:svelte-1di0uii-fadeOutFromCurrent .8s ease-out forwards}@keyframes svelte-1di0uii-fadeOutFromCurrent{to{opacity:0;transform:translateY(-5px)}}.message-fade-in.svelte-1di0uii{animation:svelte-1di0uii-fadeIn .6s ease-out forwards}@keyframes svelte-1di0uii-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.narrative-content.svelte-1di0uii::-webkit-scrollbar{width:6px}.narrative-content.svelte-1di0uii::-webkit-scrollbar-track{background:#f1f1f1}.narrative-content.svelte-1di0uii::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.narrative-content.svelte-1di0uii::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.skip-hint.svelte-1di0uii{position:absolute;bottom:1.5rem;right:1.5rem;padding:.5rem 1rem;background:var(--subdued-background, rgba(128, 128, 128, .15));color:var(--text-muted, #9ca3af);border:1px solid var(--gray-300, rgba(128, 128, 128, .2));border-radius:4px;font-size:.8125rem;font-weight:400;cursor:pointer;opacity:0;animation:svelte-1di0uii-skipHintFadeIn .3s ease-out forwards;transition:background .2s,color .2s;z-index:10;pointer-events:auto}.skip-hint.svelte-1di0uii:hover{background:var(--highlight-background, rgba(128, 128, 128, .25));color:var(--body-text, #6b7280)}.skip-hint.svelte-1di0uii:active{transform:scale(.98)}@keyframes svelte-1di0uii-skipHintFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}@media(max-width:768px){.narrative-content.svelte-1di0uii{padding:1rem}.skip-hint.svelte-1di0uii{bottom:1rem;right:1rem;padding:.5rem .875rem;font-size:.8125rem}}.portrait-thumbnail.svelte-ehc0al{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:var(--card-background);border:2px solid var(--character-color);border-radius:.5rem;cursor:pointer;transition:box-shadow .2s ease;flex-shrink:0;box-sizing:border-box;overflow:hidden}.portrait-thumbnail.player-portrait.svelte-ehc0al{border-color:var(--primary)}.portrait-content.svelte-ehc0al{position:absolute;inset:2px;overflow:hidden;border-radius:.35rem}.portrait-content.svelte-ehc0al .image-layer{z-index:1}.player-portrait.svelte-ehc0al{cursor:default}.portrait-thumbnail.svelte-ehc0al:hover:not(:disabled):not(.player-portrait){box-shadow:0 4px 8px #00000014}.portrait-thumbnail.selected.svelte-ehc0al{box-shadow:0 0 0 3px var(--character-color)}.portrait-thumbnail.svelte-ehc0al:hover:not(:disabled):not(.player-portrait) .image-layer img{transform:scale(1.05)}.portrait-thumbnail.svelte-ehc0al:disabled{opacity:.6;cursor:not-allowed}.portrait-thumbnail.animating.svelte-ehc0al{animation:svelte-ehc0al-quickTap .7s ease-out}.portrait-thumbnail.svelte-ehc0al .image-layer img{transition:transform .3s ease}@keyframes svelte-ehc0al-quickTap{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.portrait-image-fallback.svelte-ehc0al{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--subdued-background);color:var(--subdued-text);z-index:1}.portrait-image-fallback.svelte-ehc0al span:where(.svelte-ehc0al){font-size:2rem;font-weight:600;text-transform:uppercase}.portrait-name-overlay.svelte-ehc0al{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:1.5rem .5rem .3rem;pointer-events:none;z-index:3}.portrait-name-overlay.svelte-ehc0al span:where(.svelte-ehc0al){font-size:var(--font-size-sm);font-weight:600;color:var(--body-text);text-shadow:0 1px 3px rgba(0,0,0,.8);display:block;text-align:center;line-height:1.2}@media(max-width:480px){.portrait-name-overlay.svelte-ehc0al span:where(.svelte-ehc0al){font-size:var(--font-size-xs)}}.mood-indicator.svelte-ehc0al{position:absolute;top:.5rem;right:.5rem;width:12px;height:12px;border-radius:50%;background-color:var(--mood-color);box-shadow:0 0 4px #0000004d;z-index:2}.mood-indicator.intensity-high.svelte-ehc0al{box-shadow:0 0 8px var(--mood-color),0 0 4px #0000004d}.mood-indicator.intensity-medium.svelte-ehc0al{opacity:.8}.conversation-indicator.svelte-ehc0al{position:absolute;top:.5rem;left:.5rem;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 1px 3px #0000004d;animation:svelte-ehc0al-pulse 2s infinite}.conversation-indicator.svelte-ehc0al svg:where(.svelte-ehc0al){width:10px;height:10px}.conversation-indicator.svelte-ehc0al:not(.showing-responses){background:var(--emerald-500, #10b981)}@keyframes svelte-ehc0al-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.dialog-options-section.svelte-12cvnhf{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.5rem;min-width:0}.dialog-options-section.loading.svelte-12cvnhf{align-items:center}.dialog-options-grid.svelte-12cvnhf{display:flex;flex-direction:column;gap:.5rem;width:100%}.dialog-option-button.svelte-12cvnhf{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--card-background);border:2px solid var(--gray-300);border-radius:.5rem;font-size:var(--font-size-sm);color:var(--secondary);cursor:pointer;text-align:left;transition:all .2s ease;width:100%;min-height:2.5rem}.dialog-option-button.svelte-12cvnhf:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translate(2px)}.dialog-option-button.svelte-12cvnhf:disabled{opacity:.7;cursor:not-allowed}.option-text.svelte-12cvnhf{flex:1;line-height:1.3}.typing-indicator.svelte-12cvnhf{display:flex;gap:.25rem;padding:.75rem 1rem;justify-content:center;align-items:center}.typing-indicator.svelte-12cvnhf span:where(.svelte-12cvnhf){width:8px;height:8px;border-radius:50%;background:var(--gray-400);animation:svelte-12cvnhf-bounce 1.4s infinite ease-in-out both}.typing-indicator.svelte-12cvnhf span:where(.svelte-12cvnhf):nth-child(1){animation-delay:-.32s}.typing-indicator.svelte-12cvnhf span:where(.svelte-12cvnhf):nth-child(2){animation-delay:-.16s}@keyframes svelte-12cvnhf-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-indicator-small.svelte-12cvnhf{display:flex;gap:.15rem;margin-left:auto;padding-left:.5rem}.typing-indicator-small.svelte-12cvnhf span:where(.svelte-12cvnhf){width:5px;height:5px;border-radius:50%;background:var(--primary);animation:svelte-12cvnhf-bounce 1.4s infinite ease-in-out both}.typing-indicator-small.svelte-12cvnhf span:where(.svelte-12cvnhf):nth-child(1){animation-delay:-.32s}.typing-indicator-small.svelte-12cvnhf span:where(.svelte-12cvnhf):nth-child(2){animation-delay:-.16s}@media(max-width:768px){.dialog-options-section.svelte-12cvnhf{padding:0}.dialog-options-grid.svelte-12cvnhf{gap:.4rem}.dialog-option-button.svelte-12cvnhf{padding:.5rem .625rem;font-size:var(--font-size-xs);min-height:2.25rem}}@media(max-width:480px){.dialog-options-section.svelte-12cvnhf{padding:0}.dialog-options-grid.svelte-12cvnhf{gap:.375rem}.dialog-option-button.svelte-12cvnhf{padding:.375rem .5rem;gap:.375rem}}.control-panel-container.svelte-w2rs41{width:100%;pointer-events:auto;background:var(--main-background);border-top:2px solid var(--gray-300);padding:.5rem 1rem;box-shadow:0 -4px 16px #0000001a;display:flex;flex-direction:column;height:calc(200px + 1rem);--player-portrait-width: 200px}.control-panel-content.svelte-w2rs41{display:flex;gap:1.5rem;align-items:start;width:100%;height:200px}.npc-section.svelte-w2rs41{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--genre-border) transparent;width:calc(var(--player-portrait-width) + 8px);padding-right:8px;height:200px;flex:0 0 auto}.npc-section.single-npc.svelte-w2rs41{flex-wrap:nowrap;gap:0;align-content:unset;overflow-y:visible;overflow-x:visible;justify-content:flex-start;padding-right:0}.npc-section.svelte-w2rs41::-webkit-scrollbar{width:4px}.npc-section.svelte-w2rs41::-webkit-scrollbar-track{background:transparent}.npc-section.svelte-w2rs41::-webkit-scrollbar-thumb{background:var(--genre-border);border-radius:2px}.npc-section.svelte-w2rs41::-webkit-scrollbar-thumb:hover{background:#0000004d}.left-spacer.svelte-w2rs41{flex:0 0 calc(var(--player-portrait-width) + 8px);width:calc(var(--player-portrait-width) + 8px);height:200px}@media(max-width:480px){.left-spacer.svelte-w2rs41{display:none}}.npc-requests-section.svelte-w2rs41{display:flex;flex-direction:column;min-width:0;height:200px;overflow-y:auto;overflow-x:hidden;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--genre-border) transparent;flex:1 1 auto}.requests-list.svelte-w2rs41{display:flex;flex-direction:column;gap:.5rem}.request-card.svelte-w2rs41{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card-background)),var(--card-background));border:2px solid var(--primary);border-radius:.75rem;animation:svelte-w2rs41-requestSlideIn .3s ease-out}@keyframes svelte-w2rs41-requestSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.request-portrait.svelte-w2rs41{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gray-100);box-shadow:0 2px 4px #0000001a;flex-shrink:0;border:2px solid var(--gray-300)}.request-portrait.svelte-w2rs41 img:where(.svelte-w2rs41){width:100%;height:100%;object-fit:cover;object-position:center 25%}.request-portrait.svelte-w2rs41 .portrait-placeholder:where(.svelte-w2rs41){width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.request-portrait.svelte-w2rs41 .portrait-placeholder:where(.svelte-w2rs41) svg:where(.svelte-w2rs41){width:50%;height:50%;color:var(--gray-400)}.request-content.svelte-w2rs41{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.request-text.svelte-w2rs41{display:flex;align-items:center}.request-message.svelte-w2rs41{font-size:var(--font-size-sm);font-weight:600;color:var(--genre-text);line-height:1.3}.request-topic.svelte-w2rs41,.request-time.svelte-w2rs41{font-size:var(--font-size-xs);color:var(--gray-500);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-buttons.svelte-w2rs41{display:flex;gap:.375rem;flex-shrink:0}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41),.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41){padding:.375rem .75rem;border-radius:.375rem;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41){background:var(--primary);color:#fff}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41):hover:not(:disabled){background:color-mix(in srgb,var(--primary) 85%,black);transform:translateY(-1px)}.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41){background:transparent;color:var(--gray-500);border:1px solid var(--gray-300)}.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41):hover:not(:disabled){background:var(--gray-100);color:var(--gray-700)}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41):disabled,.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41):disabled{opacity:.5;cursor:not-allowed}.actions-section.svelte-w2rs41{display:flex;flex-direction:column;align-items:center;min-width:0;height:200px;overflow-y:auto;overflow-x:hidden;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--genre-border) transparent;flex:1 1 auto;opacity:1;transition:opacity .3s ease-out;will-change:opacity}.actions-section.hidden.svelte-w2rs41{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}.responses-section.svelte-w2rs41{position:relative;display:flex;flex-direction:column;min-width:0;height:200px;overflow:visible;padding:.5rem;flex:1 1 auto;background:var(--card-background);border-radius:.5rem;border:1px solid var(--gray-300)}.dismiss-conversation-button.svelte-w2rs41{position:absolute;top:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:var(--card-background);border:1.5px solid var(--gray-400);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--gray-500);z-index:10;box-shadow:0 1px 3px #0000001a}.dismiss-conversation-button.svelte-w2rs41:hover:not(:disabled){border-color:var(--error, #ef4444);color:var(--error, #ef4444);background:color-mix(in srgb,var(--error, #ef4444) 10%,var(--card-background));transform:scale(1.1)}.dismiss-conversation-button.svelte-w2rs41:active:not(:disabled){transform:scale(.95)}.dismiss-conversation-button.svelte-w2rs41:disabled{opacity:.5;cursor:not-allowed}.dismiss-conversation-button.svelte-w2rs41 svg:where(.svelte-w2rs41){width:.75rem;height:.75rem}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41){flex:1 1 auto;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--genre-border) transparent;padding-right:.5rem}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41)::-webkit-scrollbar{width:4px}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41)::-webkit-scrollbar-track{background:transparent}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41)::-webkit-scrollbar-thumb{background:var(--genre-border);border-radius:2px}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41)::-webkit-scrollbar-thumb:hover{background:var(--genre-border)}.actions-section.svelte-w2rs41::-webkit-scrollbar{width:4px}.actions-section.svelte-w2rs41::-webkit-scrollbar-track{background:transparent}.actions-section.svelte-w2rs41::-webkit-scrollbar-thumb{background:var(--genre-border);border-radius:2px}.actions-section.svelte-w2rs41::-webkit-scrollbar-thumb:hover{background:var(--genre-border)}.actions-pyramid.svelte-w2rs41{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;min-width:0;margin:auto 0}.action-row.svelte-w2rs41{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;min-width:0}.action-button.svelte-w2rs41{padding:.5rem 1rem;background:var(--primary-gradient, linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%));border:2px solid var(--genre-border);border-radius:1.25rem;color:var(--secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 20%,transparent);white-space:normal;word-wrap:break-word;text-align:center;flex:0 1 auto;min-width:120px;line-height:1.3}.action-button.svelte-w2rs41:hover:not(:disabled){background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 30%,transparent)}.action-button.svelte-w2rs41:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px color-mix(in srgb,var(--primary) 20%,transparent)}.action-button.svelte-w2rs41:disabled{opacity:.5;cursor:not-allowed}.action-button.emergent.svelte-w2rs41{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:var(--genre-border);box-shadow:0 2px 6px color-mix(in srgb,#a855f7 20%,transparent)}.action-button.emergent.svelte-w2rs41:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 10px color-mix(in srgb,#a855f7 30%,transparent)}.emergent-icon.svelte-w2rs41{margin-right:.25rem;font-size:.9em}.player-section.svelte-w2rs41{flex:0 0 var(--player-portrait-width);display:flex;justify-content:flex-end}.npc-section.svelte-w2rs41{--npc-size: calc((var(--player-portrait-width) - 18px) / 2);--npc-portrait-height: calc(var(--npc-size) * 1.538)}.npc-section.svelte-w2rs41 .portrait-thumbnail{width:var(--npc-size);height:var(--npc-portrait-height);min-width:var(--npc-size);min-height:var(--npc-portrait-height)}.npc-section.single-npc.svelte-w2rs41 .portrait-thumbnail{width:var(--player-portrait-width)!important;height:var(--player-portrait-width)!important;min-width:var(--player-portrait-width)!important;min-height:var(--player-portrait-width)!important;max-width:var(--player-portrait-width)!important;max-height:var(--player-portrait-width)!important}.player-section.svelte-w2rs41 .portrait-thumbnail{min-width:var(--player-portrait-width);max-width:var(--player-portrait-width);min-height:var(--player-portrait-width);max-height:var(--player-portrait-width)}.detailed-view-section.svelte-w2rs41{display:flex;flex-direction:column;height:200px;overflow-y:auto;overflow-x:hidden;padding:.5rem;flex:1 1 auto;position:relative;background:var(--card-background);border-radius:.5rem;border:1px solid var(--gray-300)}.close-detailed-button.svelte-w2rs41{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;border:none;background:var(--gray-200);color:var(--secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;z-index:10}.close-detailed-button.svelte-w2rs41:hover{background:var(--gray-300);transform:scale(1.1)}.detailed-content.svelte-w2rs41{padding-right:.5rem}.detailed-name.svelte-w2rs41{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--primary)}.detailed-stats.svelte-w2rs41{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.stat-item.svelte-w2rs41{display:flex;gap:.25rem;font-size:.75rem}.stat-label.svelte-w2rs41{font-weight:600;color:var(--secondary)}.stat-value.svelte-w2rs41{color:var(--primary)}.detailed-section.svelte-w2rs41{margin-bottom:.75rem}.detailed-section.svelte-w2rs41 h4:where(.svelte-w2rs41){margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em}.relationships-grid.svelte-w2rs41{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.relationship-detail.svelte-w2rs41{padding:.5rem;background:var(--subdued-background);border-radius:.25rem}.rel-target.svelte-w2rs41{font-weight:600;font-size:.75rem;color:var(--primary);margin-bottom:.25rem}.rel-stats-compact.svelte-w2rs41{display:flex;gap:.75rem;font-size:.65rem;color:var(--secondary)}.traits-compact.svelte-w2rs41{display:flex;flex-wrap:wrap;gap:.25rem}.trait-tag-compact.svelte-w2rs41{font-size:.65rem;padding:.2rem .4rem;background:var(--genre-background);color:var(--genre-text);border-radius:.25rem;border:1px solid var(--genre-border)}.goal-compact.svelte-w2rs41{font-size:.7rem;color:var(--secondary);margin-bottom:.25rem;padding-left:.5rem;border-left:2px solid var(--primary)}.memories-list-compact.svelte-w2rs41{display:flex;flex-direction:column;gap:.5rem}.memory-compact.svelte-w2rs41{font-size:.65rem;padding:.4rem;background:var(--subdued-background);border-radius:.25rem;border-left:2px solid var(--accent)}.memory-timestamp.svelte-w2rs41{display:block;font-weight:600;color:#6b7280;margin-bottom:.2rem;font-size:.6rem}.memory-description.svelte-w2rs41{display:block;color:var(--secondary);line-height:1.4}.emergent-action-section.svelte-w2rs41{margin-top:.5rem}.emergent-action-card.svelte-w2rs41{padding:.5rem;background:linear-gradient(135deg,#a855f71a,#7c3aed1a);border-left:3px solid #a855f7;border-radius:.25rem}.action-header.svelte-w2rs41{display:flex;gap:.5rem;align-items:center;margin-bottom:.35rem}.action-type-badge.svelte-w2rs41{font-size:.65rem;font-weight:600;padding:.2rem .5rem;background:#a855f7;color:#fff;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.action-duration.svelte-w2rs41{font-size:.65rem;color:#7c3aed;font-weight:600}.action-description.svelte-w2rs41{font-size:.7rem;color:var(--secondary);line-height:1.4}@media(max-width:768px){.control-panel-container.svelte-w2rs41{padding:.35rem .5rem;height:calc(140px + .7rem);--player-portrait-width: 140px}.left-spacer.svelte-w2rs41{display:none}.control-panel-content.svelte-w2rs41{gap:.75rem;height:140px}.npc-section.svelte-w2rs41{width:calc(var(--player-portrait-width) + 8px);padding-right:2px;height:140px}.left-spacer.svelte-w2rs41,.actions-section.svelte-w2rs41,.detailed-view-section.svelte-w2rs41{height:140px}.responses-section.svelte-w2rs41{height:140px;padding:0;border:none;background:transparent;gap:0}.npc-requests-section.svelte-w2rs41{height:140px}.request-card.svelte-w2rs41{padding:.5rem;gap:.5rem}.request-portrait.svelte-w2rs41{width:32px;height:32px}.request-message.svelte-w2rs41{font-size:var(--font-size-xs)}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41),.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41){padding:.25rem .5rem;font-size:.65rem}.dismiss-conversation-button.svelte-w2rs41{top:-.375rem;right:-.375rem;width:1.125rem;height:1.125rem}.dismiss-conversation-button.svelte-w2rs41 svg:where(.svelte-w2rs41){width:.5rem;height:.5rem}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41){padding-right:.35rem}.action-button.svelte-w2rs41{padding:.4rem .8rem;font-size:.75rem;min-width:70px;max-width:150px}}@media(max-width:480px){.control-panel-container.svelte-w2rs41{padding:.25rem .4rem;height:calc(100px + .5rem);--player-portrait-width: 65px;--player-portrait-height: 100px}.control-panel-content.svelte-w2rs41{gap:.5rem;height:var(--player-portrait-height)}.npc-section.svelte-w2rs41{width:calc(var(--player-portrait-width) + 12px);padding-right:8px;height:var(--player-portrait-height)}.actions-section.svelte-w2rs41,.detailed-view-section.svelte-w2rs41{height:var(--player-portrait-height)}.responses-section.svelte-w2rs41{height:var(--player-portrait-height);padding:0;border:none;background:transparent;gap:0}.npc-requests-section.svelte-w2rs41{height:var(--player-portrait-height)}.request-card.svelte-w2rs41{padding:.375rem;gap:.375rem;border-width:1.5px}.request-portrait.svelte-w2rs41{width:28px;height:28px}.request-message.svelte-w2rs41{font-size:.65rem}.request-topic.svelte-w2rs41,.request-time.svelte-w2rs41{display:none}.request-buttons.svelte-w2rs41 .btn-accept:where(.svelte-w2rs41),.request-buttons.svelte-w2rs41 .btn-dismiss:where(.svelte-w2rs41){padding:.2rem .4rem;font-size:.6rem}.dismiss-conversation-button.svelte-w2rs41{top:-.25rem;right:-.25rem;width:1rem;height:1rem}.dismiss-conversation-button.svelte-w2rs41 svg:where(.svelte-w2rs41){width:.4rem;height:.4rem}.responses-section.svelte-w2rs41 .dialog-options-wrapper:where(.svelte-w2rs41){padding-right:.25rem}.action-button.svelte-w2rs41{padding:.35rem .7rem;font-size:.7rem;min-width:50px;max-width:200px}.npc-section.svelte-w2rs41{--columns: 1;--npc-size: var(--player-portrait-width)}.npc-section.svelte-w2rs41 .portrait-thumbnail{width:var(--npc-size)!important;height:var(--player-portrait-height)!important;min-width:var(--npc-size)!important;min-height:var(--player-portrait-height)!important;max-width:var(--npc-size)!important;max-height:var(--player-portrait-height)!important}.npc-section.single-npc.svelte-w2rs41 .portrait-thumbnail{width:var(--player-portrait-width)!important;height:var(--player-portrait-height)!important;min-width:var(--player-portrait-width)!important;min-height:var(--player-portrait-height)!important;max-width:var(--player-portrait-width)!important;max-height:var(--player-portrait-height)!important}.player-section.svelte-w2rs41 .portrait-thumbnail{min-width:var(--player-portrait-width)!important;max-width:var(--player-portrait-width)!important;min-height:var(--player-portrait-height)!important;max-height:var(--player-portrait-height)!important}}.hourglass-inline.svelte-1wpi1fp{display:flex;justify-content:center;padding:1.5rem 1rem;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--primary) 5%,transparent) 20%,color-mix(in srgb,var(--primary) 10%,transparent) 50%,color-mix(in srgb,var(--primary) 5%,transparent) 80%,transparent)}.hourglass-content.svelte-1wpi1fp{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--card-background);border:2px solid var(--primary);border-radius:2rem;box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 20%,transparent);cursor:pointer;transition:all .2s ease;max-width:90%}.hourglass-content.svelte-1wpi1fp:hover{background:color-mix(in srgb,var(--primary) 5%,var(--card-background));box-shadow:0 2px 16px color-mix(in srgb,var(--primary) 30%,transparent)}.hourglass-container.svelte-1wpi1fp{width:36px;height:36px;flex-shrink:0}.hourglass.svelte-1wpi1fp{width:100%;height:100%;animation:svelte-1wpi1fp-spin 2s linear infinite}@keyframes svelte-1wpi1fp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hourglass-glass.svelte-1wpi1fp{fill:none;stroke:var(--primary);stroke-width:1.5;opacity:.6}.hourglass-cap.svelte-1wpi1fp{fill:var(--primary)}.hourglass-sand.svelte-1wpi1fp{fill:var(--primary);opacity:.8}.hourglass-stream.svelte-1wpi1fp{stroke:var(--primary);stroke-width:2;opacity:.9}.time-info.svelte-1wpi1fp{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.time-label.svelte-1wpi1fp{font-family:var(--font-serif, Georgia, serif);font-size:.95rem;font-style:italic;color:var(--body-text);opacity:.9;word-wrap:break-word;overflow-wrap:break-word;flex:1}.progress-container.svelte-1wpi1fp{width:80px;height:3px;background:var(--gray-200);border-radius:2px;overflow:hidden;flex-shrink:0}.progress-bar.svelte-1wpi1fp{height:100%;background:var(--primary);border-radius:2px;transition:width .1s linear}@media(max-width:480px){.hourglass-content.svelte-1wpi1fp{padding:.5rem 1rem;gap:.75rem;max-width:95%}.hourglass-container.svelte-1wpi1fp{width:28px;height:28px}.time-label.svelte-1wpi1fp{font-size:.85rem}.progress-container.svelte-1wpi1fp{width:60px}}.objectives-menu.svelte-1eavud6{position:fixed;bottom:calc(60px + 1.25rem);left:var(--menu-left, 0);width:max-content;min-width:200px;max-width:calc(100vw - 1.5rem);background:var(--card-background);border-radius:.5rem;border:2px solid var(--gray-300);box-shadow:0 4px 12px #00000026;z-index:1000;max-height:60vh;overflow:hidden;display:flex;flex-direction:column;transition:opacity .15s ease}.objectives-list.svelte-1eavud6{padding:1rem;overflow-y:auto}.no-objectives.svelte-1eavud6{text-align:center;color:var(--secondary-text);padding:2rem;font-style:italic}.objective-item.svelte-1eavud6{margin-bottom:.5rem;padding:.5rem 1rem;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.objective-item.svelte-1eavud6:hover{cursor:pointer}.objective-item.svelte-1eavud6:hover .objective-text:where(.svelte-1eavud6){opacity:.7}.checkmark.svelte-1eavud6{flex-shrink:0;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;box-shadow:0 2px 8px #16a34a4d;animation:svelte-1eavud6-checkmarkAppear .4s ease-out}@keyframes svelte-1eavud6-checkmarkAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.objective-text.svelte-1eavud6{flex:1;color:var(--primary);font-style:italic;font-weight:600;font-size:1rem;line-height:1.4;transition:all .3s ease;margin:0;padding:0}.objective-item.completed.svelte-1eavud6 .objective-text:where(.svelte-1eavud6){color:var(--success-text, #166534);text-decoration:line-through;opacity:.8}.hint-tooltip.svelte-1eavud6{position:fixed;background:var(--subdued-background);color:var(--subdued-text);border:1px solid var(--genre-border);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;max-width:300px;z-index:2000;box-shadow:0 2px 8px #00000026;pointer-events:none}.objectives-list.svelte-1eavud6::-webkit-scrollbar{width:6px}.objectives-list.svelte-1eavud6::-webkit-scrollbar-track{background:#f1f1f1}.objectives-list.svelte-1eavud6::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.objectives-list.svelte-1eavud6::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.objectives-menu.svelte-1eavud6{max-height:50vh}.objectives-list.svelte-1eavud6{padding:.75rem}.objective-item.svelte-1eavud6{padding:.625rem}}.map-canvas.svelte-1o21ne9{background:var(--card-background);border:1px solid var(--gray-300);border-radius:.5rem;cursor:grab}.map-canvas.svelte-1o21ne9:active{cursor:grabbing}.edge.svelte-1o21ne9{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.edge-traveled.svelte-1o21ne9{stroke:var(--primary);opacity:1}.edge-available.svelte-1o21ne9{stroke:var(--gray-400);stroke-dasharray:6 4;opacity:.5}.edge.svelte-1o21ne9:hover{stroke-width:4px;opacity:1}.node.svelte-1o21ne9{cursor:default}.node-visited.svelte-1o21ne9{cursor:pointer}.node-circle.svelte-1o21ne9{fill:var(--card-background);stroke-width:4px;transition:stroke-width .2s ease,filter .2s ease}.node-current.svelte-1o21ne9 .node-circle:where(.svelte-1o21ne9){fill:var(--primary);stroke:var(--primary);stroke-width:5px}.node-visited.svelte-1o21ne9 .node-circle:where(.svelte-1o21ne9){fill:var(--gray-500);stroke:var(--gray-700);stroke-width:4px}.node-visited.svelte-1o21ne9:hover .node-circle:where(.svelte-1o21ne9){stroke-width:6px;filter:brightness(1.15)}.node-discovered.svelte-1o21ne9 .node-circle:where(.svelte-1o21ne9){fill:transparent;stroke:var(--gray-400);stroke-width:3px;stroke-dasharray:6 4;opacity:.7}.node-hidden.svelte-1o21ne9{display:none}.node-pulse.svelte-1o21ne9{fill:none;stroke:var(--primary);stroke-width:2px;opacity:.6;animation:svelte-1o21ne9-pulse 2s ease-in-out infinite}@keyframes svelte-1o21ne9-pulse{0%,to{r:28;opacity:.8}50%{r:38;opacity:.2}}.node-label.svelte-1o21ne9{fill:var(--body-text);font-size:14px;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.node-visited.svelte-1o21ne9 .node-label:where(.svelte-1o21ne9){fill:var(--genre-text)}.node-current.svelte-1o21ne9 .node-label:where(.svelte-1o21ne9){fill:var(--primary);font-weight:600}.node-discovered.svelte-1o21ne9 .node-label:where(.svelte-1o21ne9){fill:var(--secondary)}.emergent-indicator.svelte-1o21ne9{font-size:16px;pointer-events:none}@media(prefers-color-scheme:dark){.node-visited.svelte-1o21ne9 .node-circle:where(.svelte-1o21ne9){fill:var(--gray-700);stroke:var(--gray-500)}}.map-panel.svelte-1yz7nm8{position:fixed;bottom:calc(60px + 1.25rem);left:var(--menu-left, 0);width:940px;max-width:calc(100vw - 1.5rem);background:var(--card-background);border-radius:.5rem;border:2px solid var(--gray-300);box-shadow:0 4px 12px #00000026;z-index:1000;max-height:75vh;overflow:hidden;display:flex;flex-direction:column;transition:opacity .15s ease}.map-header.svelte-1yz7nm8{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--gray-300)}.map-header.svelte-1yz7nm8 h3:where(.svelte-1yz7nm8){margin:0;font-size:1.125rem;font-weight:600;color:var(--body-text)}.header-controls.svelte-1yz7nm8{display:flex;gap:.5rem;align-items:center}.toggle-button.svelte-1yz7nm8,.reset-button.svelte-1yz7nm8{padding:.375rem .75rem;font-size:.875rem;background:var(--subdued-background);border:1px solid var(--gray-300);border-radius:.375rem;color:var(--body-text);cursor:pointer;transition:all .2s}.toggle-button.svelte-1yz7nm8:hover,.reset-button.svelte-1yz7nm8:hover{background:var(--gray-300)}.map-content.svelte-1yz7nm8{padding:1rem;overflow-y:auto;flex:1}.loading.svelte-1yz7nm8{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:4rem 2rem;color:var(--genre-text)}.loading-spinner.svelte-1yz7nm8{width:1rem;height:1rem;border:2px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;animation:svelte-1yz7nm8-spin .8s linear infinite}@keyframes svelte-1yz7nm8-spin{to{transform:rotate(360deg)}}.error-message.svelte-1yz7nm8{text-align:center;color:var(--error-text, #dc2626);padding:4rem 2rem}.no-locations.svelte-1yz7nm8{text-align:center;color:var(--genre-text);padding:4rem 2rem;font-style:italic}.legend.svelte-1yz7nm8{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding:.75rem;background:var(--subdued-background);border-radius:.375rem}.legend-item.svelte-1yz7nm8{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--body-text)}.legend-icon.svelte-1yz7nm8{width:16px;height:16px;border-radius:50%;border:2px solid}.legend-icon.current.svelte-1yz7nm8{background:var(--primary);border-color:var(--primary)}.legend-icon.visited.svelte-1yz7nm8{background:var(--gray-300);border-color:var(--gray-600)}.legend-icon.discovered.svelte-1yz7nm8{background:transparent;border-color:var(--gray-400);border-style:dashed}.legend-divider.svelte-1yz7nm8{width:1px;background:var(--gray-300);margin:0 .25rem}.legend-line.svelte-1yz7nm8{width:24px;height:4px;border-radius:2px}.legend-line.traveled.svelte-1yz7nm8{background:var(--primary)}.legend-line.available.svelte-1yz7nm8{background:repeating-linear-gradient(90deg,var(--gray-400) 0px,var(--gray-400) 8px,transparent 8px,transparent 14px)}@media(max-width:768px){.map-panel.svelte-1yz7nm8{width:calc(100vw - 1.5rem);max-height:60vh}.map-header.svelte-1yz7nm8,.map-content.svelte-1yz7nm8{padding:.75rem}.legend.svelte-1yz7nm8{flex-direction:column;gap:.5rem}}.inventory-panel.svelte-f3krmi{position:fixed;bottom:calc(60px + 1.25rem);left:var(--menu-left, 0);background:var(--card-background);border:2px solid var(--gray-300);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:4rem 1rem 1rem;max-width:calc(100vw - var(--menu-left, 0) - 2rem);z-index:50;overflow-x:auto;overflow-y:visible}.items-grid.svelte-f3krmi{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:.5rem;overflow:visible;padding-bottom:.25rem}.items-grid.svelte-f3krmi::-webkit-scrollbar{height:6px}.items-grid.svelte-f3krmi::-webkit-scrollbar-track{background:var(--gray-200);border-radius:3px}.items-grid.svelte-f3krmi::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.items-grid.svelte-f3krmi::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.item-card-wrapper.svelte-f3krmi{position:relative}.item-card.svelte-f3krmi{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--subdued-background);border:1px solid var(--genre-border);border-radius:.5rem;cursor:pointer;transition:background .2s;width:200px;min-width:200px;-webkit-user-select:none;user-select:none}.item-card.svelte-f3krmi:hover{background:var(--subdued-background);filter:brightness(.95)}.item-card.not-owned.svelte-f3krmi{opacity:.4}.item-card.not-owned.svelte-f3krmi:hover{filter:none}.item-card.has-menu-open.svelte-f3krmi{border-color:var(--primary)}.item-action-menu.svelte-f3krmi{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;display:flex;gap:.5rem;background:var(--card-background);padding:.5rem;border-radius:.5rem;border:2px solid var(--gray-300);box-shadow:0 4px 12px #00000026;z-index:1000}.item-action-button.svelte-f3krmi{padding:.5rem 1rem;background:var(--card-background);color:var(--secondary);border:2px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.item-action-button.svelte-f3krmi:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;color:var(--primary);border-color:var(--primary)}.item-action-button.svelte-f3krmi:active{transform:translateY(0)}.item-image{flex-shrink:0;border:2px solid var(--genre-border);background:#f8f9fa}.item-image-empty.svelte-f3krmi{width:4rem;height:4rem;border-radius:.5rem;flex-shrink:0;background:var(--gray-200);border:2px solid var(--genre-border)}.item-info.svelte-f3krmi{display:flex;flex-direction:column;flex:1}.item-name.svelte-f3krmi{font-weight:500;color:var(--primary)}.item-count.svelte-f3krmi{font-size:.875rem;color:var(--genre-text)}.empty-message.svelte-f3krmi{color:var(--genre-text);font-style:italic;text-align:center;padding:2rem 1rem}.hint-tooltip.svelte-f3krmi{position:fixed;background:var(--subdued-background);color:var(--subdued-text);border:1px solid var(--genre-border);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;max-width:300px;z-index:100;box-shadow:0 2px 8px #00000026;pointer-events:none;transform:translate(-50%,-100%);margin-top:-8px}.dark .inventory-panel.svelte-f3krmi{background:var(--card-background-dark);border-color:var(--gray-700)}@media(max-width:768px){.inventory-panel.svelte-f3krmi{left:1rem;right:1rem;max-width:calc(100vw - 2rem)}}.time-control-wrapper.svelte-mhus08{position:relative}.story-clock.svelte-mhus08{padding:.75rem 1.25rem;background:var(--card-background);border:2px solid var(--gray-300);border-radius:.5rem;font-size:var(--font-size-sm);font-weight:600;color:var(--body-text);font-family:Courier New,monospace;letter-spacing:.05em;white-space:nowrap;min-width:fit-content;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease}.story-clock.svelte-mhus08:hover{background:var(--gray-100);border-color:var(--gray-400)}.story-clock.active.svelte-mhus08{color:var(--primary);border-color:var(--primary)}.story-clock.animating.svelte-mhus08{animation:svelte-mhus08-clockPulse .6s ease-out}@keyframes svelte-mhus08-clockPulse{0%{transform:scale(1);box-shadow:0 2px 4px #0000000d;border-color:var(--gray-300)}50%{transform:scale(1.1);box-shadow:0 0 20px color-mix(in srgb,var(--primary) 60%,transparent),0 0 40px color-mix(in srgb,var(--primary) 30%,transparent);border-color:var(--primary);color:var(--primary)}to{transform:scale(1);box-shadow:0 2px 4px #0000000d;border-color:var(--gray-300)}}.story-clock.svelte-mhus08 .blink:where(.svelte-mhus08){animation:svelte-mhus08-blink 1.5s step-start infinite}.story-clock.animating.svelte-mhus08 .blink:where(.svelte-mhus08){animation:none;opacity:1}@keyframes svelte-mhus08-blink{0%,49%{opacity:1}50%,to{opacity:0}}.time-control-menu.svelte-mhus08{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;display:flex;gap:.5rem;background:var(--card-background);padding:.5rem;border-radius:.5rem;border:2px solid var(--gray-300);box-shadow:0 4px 12px #00000026;z-index:1000}.time-control-button.svelte-mhus08{padding:.5rem 1rem;background:var(--card-background);color:var(--secondary);border:2px solid var(--gray-300);border-radius:.375rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.time-control-button.svelte-mhus08:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;color:var(--primary);border-color:var(--primary)}.time-control-button.svelte-mhus08:active{transform:translateY(0)}.error-banner.svelte-1mejfyq{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:var(--error);color:#fff;padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #00000026;z-index:10;max-width:90%;animation:svelte-1mejfyq-slideDown .3s ease-out}@keyframes svelte-1mejfyq-slideDown{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner.svelte-1mejfyq button:where(.svelte-1mejfyq){background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:opacity .2s ease}.error-banner.svelte-1mejfyq button:where(.svelte-1mejfyq):hover{opacity:.8}.tone-selector.svelte-15m7lgw{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--subdued-background);border-radius:.5rem;min-height:2.5rem}.tone-selector.loading.svelte-15m7lgw{opacity:.8}.nav-button.svelte-15m7lgw{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:var(--card-background);border:2px solid var(--primary);border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:var(--primary);z-index:10}.nav-button.svelte-15m7lgw:hover:not(:disabled){background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.nav-button.svelte-15m7lgw:active:not(:disabled){transform:scale(.95)}.nav-button.svelte-15m7lgw:disabled{opacity:.5;cursor:not-allowed}.nav-button.svelte-15m7lgw svg:where(.svelte-15m7lgw){width:1rem;height:1rem}.tone-selector.no-arrows.svelte-15m7lgw{justify-content:center}.tone-selector.no-arrows.svelte-15m7lgw .tones-carousel:where(.svelte-15m7lgw){flex:none;overflow:visible}.tone-selector.no-arrows.svelte-15m7lgw .tones-track:where(.svelte-15m7lgw){padding:0;justify-content:center}.tones-carousel.svelte-15m7lgw{position:relative;flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tones-carousel.svelte-15m7lgw::-webkit-scrollbar{display:none}.tones-track.svelte-15m7lgw{display:flex;align-items:center;gap:.75rem;padding-left:1000px;padding-right:1000px;min-width:100%}.tone-button.svelte-15m7lgw{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--card-background);border:2px solid var(--gray-300);border-radius:1.25rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease-out;transform-origin:center;scroll-snap-align:center;box-shadow:0 2px 4px #0000000d}.tone-button.svelte-15m7lgw:hover:not(:disabled):not(.selected){border-color:var(--gray-400);background:var(--subdued-background);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 8px #0000001a}.tone-button.selected.svelte-15m7lgw{border-color:var(--primary);background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--primary) 5%,var(--card-background)) 100%);transform:scale(1.1);z-index:2;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.tone-button.svelte-15m7lgw:disabled{cursor:not-allowed}.tone-icon.svelte-15m7lgw{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--secondary);transition:all .2s ease-out}.tone-button.selected.svelte-15m7lgw .tone-icon:where(.svelte-15m7lgw){width:1.375rem;height:1.375rem;color:var(--primary)}.tone-label.svelte-15m7lgw{font-size:var(--font-size-xs);font-weight:500;color:var(--secondary);transition:all .2s ease-out}.tone-button.selected.svelte-15m7lgw .tone-label:where(.svelte-15m7lgw){font-size:var(--font-size-sm);font-weight:600;color:var(--primary)}@media(max-width:768px){.tone-selector.svelte-15m7lgw{padding:.375rem;gap:.375rem}.nav-button.svelte-15m7lgw{width:1.75rem;height:1.75rem}.nav-button.svelte-15m7lgw svg:where(.svelte-15m7lgw){width:.875rem;height:.875rem}.tones-track.svelte-15m7lgw{gap:.375rem}.tone-button.svelte-15m7lgw{padding:.3rem .6rem;gap:.25rem}.tone-icon.svelte-15m7lgw{width:.875rem;height:.875rem}.tone-button.selected.svelte-15m7lgw .tone-icon:where(.svelte-15m7lgw){width:1rem;height:1rem}.tone-label.svelte-15m7lgw{font-size:.65rem}.tone-button.selected.svelte-15m7lgw .tone-label:where(.svelte-15m7lgw){font-size:var(--font-size-xs)}}@media(max-width:480px){.tone-selector.svelte-15m7lgw{padding:.25rem;gap:.25rem}.nav-button.svelte-15m7lgw{width:1.5rem;height:1.5rem}.tone-button.svelte-15m7lgw{padding:.25rem .5rem}}.tone-selector.vertical.svelte-15m7lgw{flex-direction:column;align-items:center;padding:.25rem;gap:.25rem;height:100%;width:auto;min-width:2.5rem}.tone-selector.vertical.svelte-15m7lgw .tones-carousel:where(.svelte-15m7lgw){flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;min-height:0}.tone-selector.vertical.svelte-15m7lgw .tones-track:where(.svelte-15m7lgw){flex-direction:column;padding:500px 0;min-width:auto;min-height:100%;gap:.5rem}.tone-selector.vertical.svelte-15m7lgw .tone-button:where(.svelte-15m7lgw){padding:.4rem;border-radius:.5rem;scroll-snap-align:center}.tone-selector.vertical.svelte-15m7lgw .tone-button.selected:where(.svelte-15m7lgw){transform:scale(1.15)}.tone-selector.vertical.svelte-15m7lgw .tone-icon:where(.svelte-15m7lgw){width:1.25rem;height:1.25rem}.tone-selector.vertical.svelte-15m7lgw .tone-button.selected:where(.svelte-15m7lgw) .tone-icon:where(.svelte-15m7lgw){width:1.5rem;height:1.5rem}.narrative-panel.svelte-1jjxwr5{display:flex;flex-direction:column;height:100%;position:relative;background:var(--main-background);overflow:hidden}.control-panel-wrapper.svelte-1jjxwr5{flex:0 0 auto;width:100%;z-index:10;overflow:visible}.bottom-nav-bar.svelte-1jjxwr5{flex:0 0 auto;display:flex;gap:.5rem;padding:.75rem;pointer-events:auto;z-index:20;align-items:center;background:var(--card-background);border-top:2px solid var(--gray-300);box-shadow:0 -2px 8px #0000000d}.nav-buttons-group.svelte-1jjxwr5{display:flex;gap:.5rem;align-items:center}.nav-tone-selector.svelte-1jjxwr5{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.nav-tone-selector.svelte-1jjxwr5 .tone-selector{background:transparent;padding:.25rem .5rem;min-height:auto;max-width:100%}.nav-tone-selector.svelte-1jjxwr5 .tones-carousel{max-width:100%}.nav-tone-selector.svelte-1jjxwr5 .tones-track{padding-left:100px;padding-right:100px}.objectives-menu-wrapper.svelte-1jjxwr5,.locations-menu-wrapper.svelte-1jjxwr5,.inventory-menu-wrapper.svelte-1jjxwr5{position:relative}.action-button-right.svelte-1jjxwr5{margin-left:auto}.nav-button.svelte-1jjxwr5{padding:.75rem 1.25rem;background:var(--card-background);border:2px solid var(--gray-300);border-radius:.5rem;font-size:var(--font-size-sm);font-weight:600;color:var(--secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:fit-content;box-shadow:0 2px 4px #0000000d}.nav-button.svelte-1jjxwr5:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.nav-button.svelte-1jjxwr5:disabled{opacity:.5;cursor:not-allowed}.nav-button.active.svelte-1jjxwr5{background:var(--card-background);color:var(--primary);border-color:var(--primary)}.nav-icon.svelte-1jjxwr5{display:none;width:1.25rem;height:1.25rem;flex-shrink:0}.nav-text.svelte-1jjxwr5{display:inline}.nav-button.svelte-1jjxwr5{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.narrative-panel.svelte-1jjxwr5{height:100%;min-height:0}.nav-icon.svelte-1jjxwr5{display:block;width:1.5rem;height:1.5rem}.nav-text.svelte-1jjxwr5{display:none}.nav-button.svelte-1jjxwr5{padding:.65rem;min-width:auto;border:none;box-shadow:none;background:transparent}.nav-button.svelte-1jjxwr5:hover:not(:disabled){background:var(--gray-100)}.nav-button.active.svelte-1jjxwr5{background:transparent}.bottom-nav-bar.svelte-1jjxwr5{padding:.5rem}.nav-buttons-group.svelte-1jjxwr5{flex:1;justify-content:space-evenly;gap:0}.nav-tone-selector.svelte-1jjxwr5{flex:1}}@media(max-width:480px){.nav-button.svelte-1jjxwr5{padding:.5rem}.nav-icon.svelte-1jjxwr5{width:1.35rem;height:1.35rem}.bottom-nav-bar.svelte-1jjxwr5{padding:.4rem}}.objective-stars.svelte-tbziv0{display:flex;align-items:center;gap:.375rem;padding:0 .5rem}.star.svelte-tbziv0{width:24px;height:24px;color:var(--gray-300);transition:all .3s ease;cursor:default}.star.svelte-tbziv0 svg:where(.svelte-tbziv0){width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.star.filled.svelte-tbziv0{color:var(--primary);animation:svelte-tbziv0-starFill .5s ease-out}.star.svelte-tbziv0:not(.filled):hover{color:var(--gray-400);transform:scale(1.1)}.star.filled.svelte-tbziv0:hover{transform:scale(1.15) rotate(10deg)}.star.animate-in.svelte-tbziv0{opacity:0;transform:scale(0) rotate(-180deg);animation:svelte-tbziv0-starReveal .6s ease-out forwards}@keyframes svelte-tbziv0-starReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes svelte-tbziv0-starFill{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:768px){.objective-stars.svelte-tbziv0{gap:.25rem;padding:0 .25rem}.star.svelte-tbziv0{width:20px;height:20px}}.story-card.svelte-13jcc3x{background:var(--card-background);color:var(--body-text);padding:0;border-radius:1rem;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:0;text-align:left;width:100%;overflow:hidden}.story-card.svelte-13jcc3x:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003}.story-card.svelte-13jcc3x:hover .banner-image-wrapper img{transform:scale(1.05)}.banner-container.svelte-13jcc3x{width:100%;overflow:hidden;position:relative}.banner-image-wrapper img{transition:transform .3s ease}.card-content.svelte-13jcc3x{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.story-header.svelte-13jcc3x{display:flex;flex-direction:column;gap:.5rem}.story-card.svelte-13jcc3x h2:where(.svelte-13jcc3x){margin:0;font-size:1.5rem;font-weight:700;color:var(--primary)}.story-meta.svelte-13jcc3x{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;color:var(--secondary)}.author.svelte-13jcc3x{font-style:italic}.duration.svelte-13jcc3x{background:var(--card-background);color:var(--secondary);padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem}.description.svelte-13jcc3x{margin:0;line-height:1.6;color:var(--body-text);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.genres.svelte-13jcc3x{display:flex;gap:.5rem;flex-wrap:wrap}.genre-tag.svelte-13jcc3x{background:var(--genre-background);border:1px solid var(--genre-border);color:var(--genre-text);padding:.375rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600}@media(max-width:768px){.card-content.svelte-13jcc3x{padding:1.25rem}.story-card.svelte-13jcc3x h2:where(.svelte-13jcc3x){font-size:1.3rem}.story-meta.svelte-13jcc3x{flex-direction:column;align-items:flex-start;gap:.5rem}}.modal-overlay.svelte-804oyx{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content.svelte-804oyx{background:var(--card-background);border-radius:1rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.modal-content h2{margin:0 0 1rem;color:var(--primary);font-size:1.5rem}.modal-content p{color:var(--body-text);line-height:1.6;margin:0 0 1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.modal-content.svelte-804oyx{padding:1.5rem}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}.btn.svelte-1wibd2{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1}.btn.svelte-1wibd2:disabled{opacity:.5;cursor:not-allowed}.full-width.svelte-1wibd2{width:100%}.btn-primary.svelte-1wibd2{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px #667eea33}.btn-primary.svelte-1wibd2:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary.svelte-1wibd2:active:not(:disabled){transform:translateY(0)}.btn-secondary.svelte-1wibd2{background:var(--dark-background);color:var(--dark-text)}.btn-secondary.svelte-1wibd2:hover:not(:disabled){filter:brightness(1.2)}.btn-danger.svelte-1wibd2{background:var(--highlight-background);color:var(--highlight-text)}.btn-danger.svelte-1wibd2:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn-danger.svelte-1wibd2:active:not(:disabled){transform:translateY(0)}.btn-ghost.svelte-1wibd2{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-ghost.svelte-1wibd2:hover:not(:disabled){background:var(--primary);color:#fff}.btn-genre.svelte-1wibd2{background:var(--genre-background);color:var(--genre-text);border:1px solid var(--genre-border)}.btn-genre.svelte-1wibd2:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px)}.btn-genre.svelte-1wibd2:active:not(:disabled){transform:translateY(0)}.story-selection.svelte-10jmq75{position:fixed;inset:0;background:var(--primary-gradient);color:#fff;padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.logo.svelte-10jmq75{position:absolute;top:1.5rem;left:1.5rem;height:60px;width:auto}.header.svelte-10jmq75{text-align:center;margin-bottom:3rem}.header.svelte-10jmq75 h1:where(.svelte-10jmq75){font-size:3rem;margin:0 0 .5rem;font-weight:700;color:var(--primary)}.subtitle.svelte-10jmq75{font-size:1.2rem;margin:0 0 1rem;color:var(--body-text)}.progress-buttons.svelte-10jmq75{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.clear-progress-btn.svelte-10jmq75{padding:.5rem 1.25rem;background:var(--action-background);color:var(--action-text);border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-progress-btn.svelte-10jmq75:hover{filter:brightness(1.1);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.loading.svelte-10jmq75,.error.svelte-10jmq75,.empty.svelte-10jmq75{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.spinner.svelte-10jmq75{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-10jmq75-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-10jmq75-spin{to{transform:rotate(360deg)}}.error.svelte-10jmq75 h2:where(.svelte-10jmq75){margin:0 0 1rem}.retry-button.svelte-10jmq75{margin-top:1rem;padding:.75rem 2rem;background:#fff;color:#667eea;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.retry-button.svelte-10jmq75:hover{transform:scale(1.05)}.story-grid.svelte-10jmq75{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.story-selection.svelte-10jmq75{padding:1rem;padding-top:70px}.logo.svelte-10jmq75{top:1rem;left:1rem;height:40px}.header.svelte-10jmq75{margin-top:.5rem}.header.svelte-10jmq75 h1:where(.svelte-10jmq75){font-size:1.75rem}.subtitle.svelte-10jmq75{font-size:.95rem}.clear-progress-btn.svelte-10jmq75{font-size:.85rem;padding:.5rem 1rem}.story-grid.svelte-10jmq75{grid-template-columns:1fr;gap:1rem}}@media(max-width:400px){.header.svelte-10jmq75 h1:where(.svelte-10jmq75){font-size:1.5rem}.progress-buttons.svelte-10jmq75{flex-direction:column;gap:.5rem}}.login-container.svelte-1qhlx2k{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card.svelte-1qhlx2k{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}h1.svelte-1qhlx2k{text-align:center;margin-bottom:.5rem;color:#333;font-size:1.8rem}.subtitle.svelte-1qhlx2k{text-align:center;color:#666;margin-bottom:2rem;font-size:.9rem;line-height:1.4}.google-button.svelte-1qhlx2k{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.google-button.svelte-1qhlx2k:hover:not(:disabled){background:#f8f9fa;border-color:#ccc;box-shadow:0 2px 4px #0000001a}.google-button.svelte-1qhlx2k:disabled{opacity:.6;cursor:not-allowed}.google-icon.svelte-1qhlx2k{width:20px;height:20px}.divider.svelte-1qhlx2k{text-align:center;margin:1.5rem 0;position:relative}.divider.svelte-1qhlx2k:before,.divider.svelte-1qhlx2k:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#ddd}.divider.svelte-1qhlx2k:before{left:0}.divider.svelte-1qhlx2k:after{right:0}.divider.svelte-1qhlx2k span:where(.svelte-1qhlx2k){background:#fff;padding:0 1rem;color:#999;font-size:.9rem}form.svelte-1qhlx2k{display:flex;flex-direction:column;gap:1rem}input.svelte-1qhlx2k{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}input.svelte-1qhlx2k:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input.svelte-1qhlx2k:disabled{background:#f5f5f5;cursor:not-allowed}button[type=submit].svelte-1qhlx2k{padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}button[type=submit].svelte-1qhlx2k:hover:not(:disabled){background:#5568d3}button[type=submit].svelte-1qhlx2k:disabled{opacity:.6;cursor:not-allowed}.toggle-mode.svelte-1qhlx2k{width:100%;padding:.5rem;margin-top:1rem;background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;transition:color .2s}.toggle-mode.svelte-1qhlx2k:hover:not(:disabled){color:#5568d3;text-decoration:underline}.toggle-mode.svelte-1qhlx2k:disabled{opacity:.5;cursor:not-allowed}.error-banner.svelte-1qhlx2k{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.pause-overlay.svelte-xl24fk{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.pause-content.svelte-xl24fk{background:var(--card-background);border-radius:1rem;padding:2.5rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0006}.pause-icon.svelte-xl24fk{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.pause-icon.svelte-xl24fk svg:where(.svelte-xl24fk){width:32px;height:32px;color:#fff}h2.svelte-xl24fk{margin:0 0 .75rem;color:var(--primary);font-size:1.75rem;font-weight:700}p.svelte-xl24fk{color:var(--subdued-text);line-height:1.6;margin:0 0 .5rem;font-size:1.1rem}.subtext.svelte-xl24fk{color:var(--genre-text);font-size:.9rem;margin-bottom:1.5rem}.spinner-small.svelte-xl24fk{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-xl24fk-spin 1s linear infinite;display:inline-block}@keyframes svelte-xl24fk-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.pause-content.svelte-xl24fk{padding:2rem 1.5rem}h2.svelte-xl24fk{font-size:1.5rem}p.svelte-xl24fk{font-size:1rem}.pause-icon.svelte-xl24fk{width:56px;height:56px}.pause-icon.svelte-xl24fk svg:where(.svelte-xl24fk){width:28px;height:28px}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app.svelte-1n46o8q{width:100%;height:100vh;height:100dvh;overflow:hidden}.loading-screen.svelte-1n46o8q,.error-screen.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--primary-gradient);color:#fff}.spinner.svelte-1n46o8q{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1n46o8q-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}.error-screen.svelte-1n46o8q{background:linear-gradient(135deg,#ef4444,#dc2626);padding:2rem;text-align:center}.error-screen.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 1rem;font-size:2rem}.error-screen.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:.5rem 0;font-size:1.1rem}.retry-button.svelte-1n46o8q{margin-top:2rem;padding:.75rem 2rem;background:#fff;color:#ef4444;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.retry-button.svelte-1n46o8q:hover{transform:scale(1.05)}.back-button.svelte-1n46o8q{margin-top:1rem;padding:.75rem 2rem;background:#fff3;color:#fff;border:2px solid white;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.back-button.svelte-1n46o8q:hover{background:#ffffff4d;transform:scale(1.05)}.help-text.svelte-1n46o8q{margin-top:2rem;padding:1rem;background:#0003;border-radius:.5rem;max-width:500px}.help-text.svelte-1n46o8q code:where(.svelte-1n46o8q){display:block;margin-top:.5rem;padding:.5rem;background:#0000004d;border-radius:.25rem;font-family:Courier New,monospace;font-size:.9rem}.story-container.svelte-1n46o8q{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.story-header.svelte-1n46o8q{padding:.75rem 1rem;background:var(--main-background);border-bottom:1px solid var(--gray-300);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:100}.header-left.svelte-1n46o8q{display:flex;align-items:center;gap:.75rem;z-index:1}.scene-title-container.svelte-1n46o8q{position:absolute;left:50%;transform:translate(-50%);max-width:40%;pointer-events:none}.scene-title.svelte-1n46o8q{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.5px;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.authenticated-view.svelte-1n46o8q{height:100vh;display:flex;flex-direction:column}.settings-button-container.svelte-1n46o8q{position:absolute;top:1.5rem;right:1.5rem;z-index:1000}.story-header-settings.svelte-1n46o8q{position:relative;top:auto;right:auto}.settings-button.svelte-1n46o8q{width:48px;height:48px;border-radius:50%;background:var(--primary-gradient);border:none;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:all .2s}.settings-button.svelte-1n46o8q:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea66}.settings-button.svelte-1n46o8q:active{transform:scale(.95)}.settings-button.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:24px;height:24px}.settings-button-small.svelte-1n46o8q{width:40px;height:40px}.settings-button-small.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px}.settings-menu.svelte-1n46o8q{position:absolute;top:calc(100% + .5rem);right:0;background:var(--settings-menu-bg);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:220px;overflow:hidden;animation:svelte-1n46o8q-slideDown .2s ease-out}@keyframes svelte-1n46o8q-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-menu-header.svelte-1n46o8q{padding:1rem;background:var(--settings-menu-header-bg);border-bottom:1px solid var(--settings-menu-border)}.user-email-menu.svelte-1n46o8q{color:var(--primary);font-size:.85rem;font-weight:500;word-break:break-all}.settings-menu-item.svelte-1n46o8q{width:100%;padding:.875rem 1rem;background:none;border:none;color:var(--settings-menu-text);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background .15s;text-align:left}.settings-menu-item.svelte-1n46o8q:hover{background:var(--settings-menu-item-hover)}.settings-menu-item.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:18px;height:18px;flex-shrink:0}.settings-menu-section.svelte-1n46o8q{padding:.75rem 1rem;border-bottom:1px solid var(--settings-menu-border)}.settings-menu-label.svelte-1n46o8q{display:block;font-size:.75rem;font-weight:600;color:var(--settings-menu-text);opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.palette-options.svelte-1n46o8q{display:flex;flex-direction:column;gap:.25rem}.palette-option.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s;font-size:.85rem;color:var(--settings-menu-text);text-align:left}.palette-option.svelte-1n46o8q:hover{background:var(--settings-menu-item-hover)}.palette-option.active.svelte-1n46o8q{border-color:var(--primary);background:var(--settings-menu-item-hover)}.palette-preview.svelte-1n46o8q{width:16px;height:16px;border-radius:4px;flex-shrink:0}.settings-toggle-row.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.settings-hint.svelte-1n46o8q{font-size:.7rem;color:#fff;margin-top:.25rem;display:block}.toggle-switch.svelte-1n46o8q{position:relative;width:40px;height:22px;background:var(--settings-menu-border);border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.svelte-1n46o8q:hover{background:var(--text-muted)}.toggle-switch.active.svelte-1n46o8q{background:var(--primary)}.toggle-knob.svelte-1n46o8q{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active.svelte-1n46o8q .toggle-knob:where(.svelte-1n46o8q){transform:translate(18px)}.back-to-stories.svelte-1n46o8q{padding:.5rem 1rem;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.back-to-stories.svelte-1n46o8q:hover{background:var(--primary);color:#fff}.back-icon.svelte-1n46o8q{display:none;width:1.25rem;height:1.25rem;flex-shrink:0}.back-text.svelte-1n46o8q{display:inline}.narrative-section.svelte-1n46o8q{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative}@media(max-width:768px){.help-text.svelte-1n46o8q{font-size:.9rem;padding:.75rem}.error-screen.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:1.5rem}.error-screen.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:1rem}.narrative-section.svelte-1n46o8q{flex:1 1 auto;min-height:200px}.settings-button-container.svelte-1n46o8q{top:1rem;right:1rem}.scene-title.svelte-1n46o8q{font-size:1rem}.scene-title-container.svelte-1n46o8q{max-width:35%}.story-header.svelte-1n46o8q{padding:.5rem .75rem}.back-to-stories.svelte-1n46o8q{padding:.5rem;min-width:auto}.back-icon.svelte-1n46o8q{display:block;width:1.5rem;height:1.5rem}.back-text.svelte-1n46o8q{display:none}.header-left.svelte-1n46o8q{gap:.5rem}.settings-button-container.story-header-settings.svelte-1n46o8q{position:relative;top:auto;right:auto;align-self:center}.story-header-settings.svelte-1n46o8q .settings-button:where(.svelte-1n46o8q){width:36px;height:36px}.story-header-settings.svelte-1n46o8q .settings-button:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){width:18px;height:18px}}