.storybook-left-page,.storybook-right-page{position:relative}.word-element{display:inline;transition:all .2s ease;border-radius:2px}.highlighted-word{position:relative;color:#1e40af;font-weight:600;background-color:rgba(59,130,246,.1);border-radius:4px;padding:2px 4px}.highlighted-word:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:2px;animation:highlight-shimmer 2s ease-in-out infinite}@keyframes highlight-shimmer{0%,to{opacity:.7}50%{opacity:1}}.story-title{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.story-page-container{position:relative;background:linear-gradient(135deg,hsla(48,71%,86%,.85),hsla(50,76%,72%,.75));backdrop-filter:blur(6px);border:2px solid rgba(180,100,20,.15);box-shadow:0 6px 24px rgba(160,90,15,.08),inset 0 1px 0 hsla(0,0%,100%,.15);transition:all .3s ease}.story-page-container:hover{box-shadow:0 8px 30px rgba(160,90,15,.12),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.story-page-frame{background:linear-gradient(135deg,transparent,rgba(217,119,6,.05),transparent);border:1px solid rgba(217,119,6,.1)}.dialogue-paragraph:first-letter,.dialogue-text:first-letter{font-size:inherit!important;float:none!important;line-height:inherit!important;margin:0!important;padding:0!important;text-shadow:none!important;color:inherit!important}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:30px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(102,51,0,.8) 0,rgba(189,143,83,.9) 50%,rgba(102,51,0,.8));box-shadow:inset -5px 0 10px rgba(0,0,0,.2),inset 5px 0 10px rgba(0,0,0,.2);z-index:10}.book-pages-edge{position:absolute;right:1%;top:5%;bottom:5%;width:10px;background-color:#fff;border-radius:0 2px 2px 0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5));box-shadow:1px 0 3px rgba(0,0,0,.1);z-index:5}.book-pages-edge:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 6px)}.book-ambience{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,249,235,0),rgba(0,0,0,.15));pointer-events:none;animation:subtle-light 15s ease-in-out infinite}@keyframes subtle-light{0%,to{opacity:.3}50%{opacity:.5}}.page-fold{position:absolute;height:100%;width:25px;left:0;top:0;background:linear-gradient(90deg,rgba(0,0,0,.07),transparent);opacity:.6}.dialogue-paragraph{margin-left:1.5rem;position:relative}.dialogue-paragraph:before{content:"—";position:absolute;left:-1.2rem;color:#6b73ff}.dialogue-text{color:#4c51bf;font-style:normal;line-height:1.7;text-shadow:0 1px 2px rgba(107,115,255,.1)}.thought-text{position:relative;display:inline;color:#8b5cf6;font-style:italic;text-shadow:0 1px 2px rgba(139,92,246,.1)}@keyframes thought-pulse{0%,to{opacity:.85}50%{opacity:1}}.thought-pulse{animation:thought-pulse 4s ease-in-out infinite}.dialogue-speaker{font-weight:600;color:#6366f1;text-shadow:0 1px 2px rgba(99,102,241,.1)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.background-shimmer{animation:shimmer 2s linear infinite}@keyframes background-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.spine-stitching{position:relative}.spine-stitching:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 8px,rgba(180,83,9,.3) 0,rgba(180,83,9,.3) 10px)}.page-corner-fold{position:absolute;top:0;right:0;width:0;height:0;border-color:transparent rgba(251,191,36,.2) transparent transparent;border-style:solid;border-width:0 40px 40px 0;transition:all .3s ease}.book-page:hover .page-corner-fold{border-width:0 50px 50px 0;border-color:transparent rgba(251,191,36,.4) transparent transparent}.gilded-edge{position:relative}.gilded-edge:after{content:"";position:absolute;top:0;bottom:0;right:0;width:5px;background:linear-gradient(270deg,rgba(251,191,36,.7),rgba(251,191,36,.3),transparent 70%);border-radius:0 2px 2px 0}.challenge-container,.choices-container{background:linear-gradient(135deg,rgba(248,244,255,.95),rgba(230,243,255,.9));backdrop-filter:blur(8px);border:2px solid rgba(139,69,173,.15);border-radius:16px;box-shadow:0 8px 24px rgba(107,115,255,.1),inset 0 1px 0 hsla(0,0%,100%,.6),0 0 16px rgba(139,69,173,.05);transition:all .4s ease}.challenge-container:hover,.choices-container:hover{border-color:rgba(139,69,173,.25);transform:translateY(-2px);box-shadow:0 12px 32px rgba(107,115,255,.15),inset 0 1px 0 hsla(0,0%,100%,.7),0 0 24px rgba(139,69,173,.1)}.magical-command-pod:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.2),inset 0 2px 4px hsla(0,0%,100%,.3),0 0 20px rgba(139,92,246,.12)}.challenge-crystal-tablet{position:relative;background:linear-gradient(135deg,rgba(219,234,254,.9),rgba(147,197,253,.8));border:2px solid rgba(59,130,246,.3);box-shadow:0 8px 32px rgba(59,130,246,.2),inset 0 2px 4px hsla(0,0%,100%,.4),0 0 20px rgba(59,130,246,.1)}.challenge-crystal-tablet:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);border-radius:16px;pointer-events:none}.challenge-crystal-tablet:after{content:"";position:absolute;top:10px;left:10px;width:20px;height:20px;background:linear-gradient(135deg,rgba(59,130,246,.3),transparent);border-radius:4px;pointer-events:none}.challenge-magical-scroll{position:relative;background:linear-gradient(135deg,rgba(243,232,255,.9),rgba(196,181,253,.8));border:2px solid rgba(147,51,234,.3);box-shadow:0 8px 32px rgba(147,51,234,.2),inset 0 2px 4px hsla(0,0%,100%,.4);border-radius:20px}.challenge-magical-scroll:before{top:-4px;border-radius:10px 10px 0 0}.challenge-magical-scroll:after,.challenge-magical-scroll:before{content:"";position:absolute;left:10px;right:10px;height:8px;background:linear-gradient(90deg,rgba(147,51,234,.2),rgba(196,181,253,.3),rgba(147,51,234,.2))}.challenge-magical-scroll:after{bottom:-4px;border-radius:0 0 10px 10px}.challenge-carved-plaque{position:relative;background:linear-gradient(135deg,hsla(48,96%,89%,.9),hsla(48,97%,77%,.8));border:3px solid rgba(180,83,9,.4);box-shadow:0 8px 32px rgba(180,83,9,.2),inset 0 4px 8px rgba(0,0,0,.1),inset 0 -2px 4px rgba(180,83,9,.2);border-radius:12px}.challenge-carved-plaque:before{content:"";position:absolute;inset:4px;border:1px solid rgba(180,83,9,.2);border-radius:8px;pointer-events:none}.challenge-carved-plaque:after{content:"";position:absolute;top:8px;left:8px;width:12px;height:12px;background:radial-gradient(circle,rgba(180,83,9,.3),transparent);border-radius:50%;pointer-events:none}.question-container{position:relative;background:linear-gradient(135deg,rgba(248,244,255,.98),rgba(230,243,255,.95));backdrop-filter:blur(12px);border:2px solid rgba(139,69,173,.15);border-radius:16px;box-shadow:0 8px 24px rgba(107,115,255,.1),inset 0 2px 4px hsla(0,0%,100%,.7),0 0 16px rgba(139,69,173,.05)}.question-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(139,69,173,.02),transparent);border-radius:16px;pointer-events:none}.story-text-block p,.story-text-content p{margin-bottom:1.75rem;font-family:var(--font-quicksand),"Inter",sans-serif;font-size:2rem;font-weight:500;line-height:1.8;color:#1e293b;text-shadow:0 1px 2px rgba(0,0,0,.15),0 0 8px hsla(0,0%,100%,.8);letter-spacing:.025em}.story-text-block .text-slate-800,.story-text-block [class*=text-2xl],.story-text-block [class*=text-xl]{text-shadow:0 1px 3px rgba(0,0,0,.12)!important}.story-text-block .flex-1{background:linear-gradient(135deg,hsla(37,42%,58%,.55),hsla(34,44%,69%,.5) 50%,hsla(37,42%,58%,.55));backdrop-filter:blur(4px);padding:1rem .75rem;border-radius:10px;box-shadow:0 3px 12px rgba(139,105,20,.15),inset 0 2px 4px hsla(0,0%,100%,.5),inset 0 0 40px rgba(160,120,70,.2);border:1px solid rgba(139,105,20,.25)}.storybook-shell{min-height:80dvh;padding-top:40px;padding-bottom:0;overflow-x:hidden;overscroll-behavior:contain}.storybook-nav-circle{width:clamp(5.5rem,6.5vw,8rem);height:clamp(5.5rem,6.5vw,8rem)}.storybook-nav-icon{width:clamp(2.35rem,3vw,3.1rem);height:clamp(2.35rem,3vw,3.1rem)}.book-container{position:relative;padding:16px;background-color:#301911;background-size:cover;border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.45);width:fit-content;z-index:1}@media (max-width:1200px) and (min-width:768px){.book-container{min-width:820px;max-width:100vw}.storybook-nav-circle{width:clamp(4.75rem,8vw,5.6rem);height:clamp(4.75rem,8vw,5.6rem)}.storybook-nav-icon{width:clamp(2.05rem,2.9vw,2.6rem);height:clamp(2.05rem,2.9vw,2.6rem)}.fixed.left-8{left:1rem!important}.fixed.right-8{right:1rem!important}.magical-command-pod{transform:scale(.9)}.magical-command-pod .h-12.w-12{width:2.5rem!important;height:2.5rem!important}.story-text-block p,.story-text-content p{font-size:1.75rem!important;line-height:1.7!important;margin-bottom:1.5rem!important}.story-text-block .first-segment-text:first-letter{font-size:2.4rem!important;margin-top:.06em!important}}@media (max-width:1000px) and (min-width:768px){.book-container{min-width:700px;min-height:460px;max-width:calc(100vw - 90px)}.storybook-nav-circle{width:clamp(4.25rem,8.5vw,5rem);height:clamp(4.25rem,8.5vw,5rem)}.storybook-nav-icon{width:clamp(1.85rem,2.8vw,2.3rem);height:clamp(1.85rem,2.8vw,2.3rem)}.story-text-block p,.story-text-content p{font-size:1.5rem!important;line-height:1.65!important;margin-bottom:1.25rem!important}.story-text-block .first-segment-text:first-letter{font-size:2.1rem!important}}@media (max-width:900px) and (min-width:768px){.book-container{min-width:640px;min-height:420px;max-width:calc(100vw - 70px)}.storybook-nav-circle{width:clamp(3.75rem,9vw,4.5rem);height:clamp(3.75rem,9vw,4.5rem)}.storybook-nav-icon{width:clamp(1.65rem,3vw,2.05rem);height:clamp(1.65rem,3vw,2.05rem)}.magical-command-pod{transform:scale(.8)}.story-text-block p,.story-text-content p{font-size:1.375rem!important;line-height:1.6!important;margin-bottom:1rem!important}.story-text-block .first-segment-text:first-letter{font-size:1.9rem!important}}.book-container>.stf__parent{width:100%;height:100%;position:relative}.page{background-color:#f8f5f0;background-image:url(/textures/old-paper.webp);border:1px solid rgba(139,105,20,.1);box-shadow:inset 0 0 12px rgba(139,105,20,.08)}.page-content{background:transparent!important;position:relative;z-index:1}.page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:200px 200px;background-repeat:repeat;opacity:.15;pointer-events:none;z-index:0}.page>*{position:relative;z-index:1}body,html{min-height:100vh;height:100%;margin:0;padding:0}body{background:linear-gradient(to bottom right,#f1f5f9,#dbeafe)}.challenge-carved-plaque :first-letter,.challenge-carved-plaque p:first-letter,.challenge-container :first-letter,.challenge-container p:first-letter,.challenge-crystal-tablet :first-letter,.challenge-crystal-tablet p:first-letter,.challenge-magical-scroll :first-letter,.challenge-magical-scroll p:first-letter,.choices-container :first-letter,.choices-container p:first-letter,.question-container :first-letter,.question-container p:first-letter{font-size:inherit!important;float:none!important;line-height:inherit!important;margin:0!important;padding:0!important;background:none!important;color:inherit!important;text-shadow:none!important;font-weight:inherit!important;font-family:inherit!important}.story-text-block .first-segment-text:first-letter{font-family:Georgia,serif!important;float:left!important;font-size:2.8rem!important;line-height:.6!important;margin-right:.08em!important;margin-top:.08em!important;padding:0!important;color:#8b5a2b!important;text-shadow:1px 1px 2px rgba(139,90,43,.3)!important;font-weight:700!important}.story-text-block .non-first-segment-text:first-letter{font-size:inherit!important;float:none!important;line-height:inherit!important;margin:0!important;padding:0!important;color:inherit!important;text-shadow:none!important;font-weight:inherit!important;font-family:inherit!important}.story-text-block .flex.items-start.gap-3{margin-left:-1rem!important}.story-text-block .flex-1{margin-left:.5rem!important}@keyframes dreamyGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1deg)}}.gentle-float{animation:gentleFloat 8s ease-in-out infinite}.dreamy-stars{position:relative;overflow:hidden}