*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);font-family:Crimson Text,serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:sparkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff9,#0000),radial-gradient(2px 2px at 160px 30px,#ddd,#0000);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.particle{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#fff 0,gold 50%,#0000 100%);border-radius:50%;height:4px;pointer-events:none;position:fixed;width:4px;z-index:1}@keyframes float{0%,to{opacity:.8;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}.magic-wand{background:radial-gradient(circle,gold 0,#ff6b35 50%,#0000 100%);border-radius:50%}.scrolls-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;position:relative;z-index:2}@media (max-width:768px){.scrolls-container{gap:2rem;max-width:1200px;padding:2rem}}@media (max-width:480px){.scrolls-container{gap:2rem;max-width:1200px;padding:2rem}}.loading{animation:loadingGlow 2s ease-in-out infinite;color:gold;font-family:Cinzel Decorative,serif;font-size:2rem;text-shadow:0 0 10px gold}.magical-scroll{cursor:pointer;margin:0 auto;max-width:800px;perspective:1000px;position:relative;transition:all .3s ease;width:100%}.magical-scroll:hover{transform:translateY(-5px)}.magical-scroll:hover .hover-glow{opacity:1}.scroll-body{background:linear-gradient(135deg,#f4e4bc,#e6d3a3 25%,#d4c095 50%,#c2ad87 75%,#b09a79);border:2px solid #8b7355;border-radius:15px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #fff6,inset 0 -1px 0 #0003;padding:2rem;position:relative;transform-style:preserve-3d;transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-body:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23d4c095' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");border-radius:13px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.scroll-edge{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:space-around;position:absolute;top:0;width:20px;z-index:2}.left-edge{left:-10px}.right-edge{right:-10px}.magical-rune{animation:runeGlow 3s ease-in-out infinite;color:gold;font-size:1.2rem;text-shadow:0 0 10px gold,0 0 20px gold}.magical-rune:nth-child(2){animation-delay:1s}.magical-rune:nth-child(3){animation-delay:2s}@keyframes runeGlow{0%,to{text-shadow:0 0 10px gold,0 0 20px gold;transform:scale(1)}50%{text-shadow:0 0 15px gold,0 0 30px gold,0 0 40px gold;transform:scale(1.2)}}.scroll-content{position:relative;z-index:1}.scroll-title{color:#2c1810;font-family:Cinzel Decorative,serif;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:2px 2px 4px #0000004d;transition:all .5s ease}.magical-scroll:hover .scroll-title{color:#8b4513;text-shadow:2px 2px 4px #0000004d,0 0 10px #8b451380}.scroll-text{max-height:0;opacity:0;overflow:hidden;transform:translateY(-20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-text.visible{margin-top:1rem;max-height:800px;opacity:1;transform:translateY(0)}.text-content{background:#ffffff1a;border-left:4px solid #8b4513;border-radius:8px;color:#2c1810;font-family:Crimson Text,serif;font-size:1.1rem;line-height:1.8;padding:1rem;text-align:justify}.text-sparkles{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.scroll-text.visible .text-sparkles{opacity:1}.text-sparkles .sparkle{animation:sparkleFloat 4s ease-in-out infinite;color:gold;font-size:1rem;position:absolute;text-shadow:0 0 10px gold}.text-sparkles .sparkle:first-child{animation-delay:0s;left:10%;top:10%}.text-sparkles .sparkle:nth-child(2){animation-delay:1s;right:15%;top:20%}.text-sparkles .sparkle:nth-child(3){animation-delay:2s;bottom:30%;left:20%}.text-sparkles .sparkle:nth-child(4){animation-delay:3s;bottom:20%;right:10%}.scroll-handle{align-items:center;background:linear-gradient(135deg,#8b7355,#a08a6b 50%,#8b7355);border-radius:15px;box-shadow:0 5px 15px #0000004d,inset 0 1px 0 #fff3;display:flex;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:3}.left-handle{left:-15px}.right-handle{right:-15px}.handle-ornament{animation:handleGlow 2s ease-in-out infinite;color:gold;font-size:1.5rem;text-shadow:0 0 5px gold}@keyframes handleGlow{0%,to{text-shadow:0 0 5px gold;transform:scale(1)}50%{text-shadow:0 0 10px gold,0 0 15px gold;transform:scale(1.1)}}.hover-glow{background:radial-gradient(circle,#ffd7001a 0,#0000 70%);border-radius:20px;bottom:-10px;left:-10px;opacity:0;right:-10px;top:-10px;transition:opacity .3s ease;z-index:-1}.click-sparkles,.hover-glow{pointer-events:none;position:absolute}.click-sparkles{bottom:0;left:0;right:0;top:0;z-index:10}.click-sparkles .sparkle{animation:clickSparkle 1s ease-out forwards;color:gold;font-size:1.5rem;position:absolute;text-shadow:0 0 10px gold}.click-sparkles .sparkle:first-child{animation-delay:0s;left:20%;top:20%}.click-sparkles .sparkle:nth-child(2){animation-delay:.1s;right:25%;top:30%}.click-sparkles .sparkle:nth-child(3){animation-delay:.2s;bottom:40%;left:30%}.click-sparkles .sparkle:nth-child(4){animation-delay:.3s;bottom:30%;right:20%}@keyframes clickSparkle{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(1turn)}}.magical-scroll.open .scroll-body{box-shadow:0 20px 40px #0006,inset 0 1px 0 #fff6,inset 0 -1px 0 #0003,0 0 20px #ffd7004d;transform:scale(1.02) rotateX(5deg)}.magical-scroll.open .scroll-title{color:#8b4513;text-shadow:2px 2px 4px #0000004d,0 0 15px #8b4513b3}@media (max-width:768px){.scroll-body{padding:2rem}.scroll-title{font-size:2rem}.text-content{font-size:1.1rem;padding:1rem}.scroll-text.visible{max-height:800px}.scroll-handle{height:60px;width:30px}.handle-ornament{font-size:1.5rem}.magical-rune{font-size:1.2rem}}@media (max-width:480px){.scroll-body{padding:2rem}.scroll-title{font-size:1.8rem}.text-content{font-size:1rem;padding:1rem}.scroll-text.visible{max-height:800px}.scroll-handle{height:60px;width:30px}.handle-ornament{font-size:1.5rem}.magical-rune{font-size:1.2rem}}.particle-canvas{height:100%;left:0;top:0;width:100%;z-index:1}.magic-wand,.particle-canvas{mix-blend-mode:screen;pointer-events:none;position:fixed}.magic-wand{animation:wandGlow 2s ease-in-out infinite;height:20px;width:20px;z-index:1000}.wand-core{background:radial-gradient(circle,gold 0,#ff6b35 50%,#0000 100%);box-shadow:0 0 10px gold,0 0 20px gold;height:8px;width:8px}.wand-core,.wand-tip{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wand-tip{background:radial-gradient(circle,#fff 0,gold 50%,#0000 100%);box-shadow:0 0 15px #fff,0 0 30px #fff;height:4px;width:4px}.wand-sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.wand-sparkles .sparkle{animation:sparkleFloat 3s ease-in-out infinite;color:gold;font-size:.8rem;position:absolute;text-shadow:0 0 5px gold}.wand-sparkles .sparkle:first-child{animation-delay:0s;left:50%;top:-10px;transform:translateX(-50%)}.wand-sparkles .sparkle:nth-child(2){animation-delay:1s;right:-10px;top:50%;transform:translateY(-50%)}.wand-sparkles .sparkle:nth-child(3){animation-delay:2s;bottom:-10px;left:50%;transform:translateX(-50%)}@keyframes wandGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.2)}}.wand-trail{animation:trailFade .5s ease-out forwards;background:radial-gradient(circle,gold 0,#0000 100%);border-radius:50%;height:4px;pointer-events:none;position:fixed;width:4px;z-index:999}@keyframes trailFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@media (max-width:768px){.magic-wand{display:none}}.background-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-book{animation:floatBook 8s ease-in-out infinite;height:80px;position:absolute;width:60px}.book-1{animation-delay:0s;left:5%;top:10%}.book-2{animation-delay:2s;right:10%;top:20%}.book-3{animation-delay:4s;bottom:15%;left:15%}.book-cover{align-items:center;background:linear-gradient(135deg,#8b4513,sienna 50%,#8b4513);border-radius:5px;box-shadow:0 5px 15px #0000004d,inset 0 1px 0 #fff3;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.book-title{color:gold;font-family:Cinzel Decorative,serif;font-size:.6rem;margin-bottom:.2rem;text-align:center;text-shadow:1px 1px 2px #000c}.book-sparkle{animation:bookSparkle 3s ease-in-out infinite;font-size:1rem}@keyframes floatBook{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes bookSparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.potion-bottle{animation:floatBottle 6s ease-in-out infinite;height:60px;position:absolute;width:40px}.bottle-1{animation-delay:1s;right:5%;top:30%}.bottle-2{animation-delay:3s;bottom:25%;right:20%}.bottle-3{animation-delay:5s;left:8%;top:60%}.bottle-body{background:linear-gradient(135deg,#2c3e50,#34495e 50%,#2c3e50);border-radius:20px 20px 5px 5px;box-shadow:0 3px 10px #0000004d,inset 0 1px 0 #ffffff1a;height:70%;position:relative;width:100%}.potion-liquid{animation:liquidGlow 4s ease-in-out infinite;border-radius:15px 15px 3px 3px;bottom:5px;height:60%;left:5px;position:absolute;right:5px}.blue-potion{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 0 10px #3498db}.green-potion{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 0 10px #27ae60}.purple-potion{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 0 10px #9b59b6}.bottle-neck{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:5px;height:20px;top:-10px;width:15px}.bottle-cork,.bottle-neck{left:50%;position:absolute;transform:translateX(-50%)}.bottle-cork{background:linear-gradient(135deg,#8b4513,sienna);border-radius:10px;height:10px;top:-15px;width:20px}.bottle-glow{animation:bottleGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes floatBottle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes liquidGlow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes bottleGlow{0%,to{opacity:.3}50%{opacity:.6}}.candle{animation:floatCandle 7s ease-in-out infinite;height:80px;position:absolute;width:30px}.candle-1{animation-delay:0s;left:25%;top:15%}.candle-2{animation-delay:3s;bottom:20%;right:15%}.candle-body{background:linear-gradient(135deg,#f39c12,#e67e22 50%,#f39c12);border-radius:15px;box-shadow:0 3px 10px #0000004d,inset 0 1px 0 #fff3;height:70%;position:relative;width:100%}.candle-flame{height:30px;top:-15px;width:20px}.candle-flame,.flame-core{left:50%;position:absolute;transform:translateX(-50%)}.flame-core{animation:flameFlicker .5s ease-in-out infinite;background:radial-gradient(ellipse,#fff 0,gold 50%,#ff6b35 100%);border-radius:4px;height:20px;top:0;width:8px}.flame-outer{animation:flameFlicker .7s ease-in-out infinite reverse;background:radial-gradient(ellipse,#ffd70099 0,#ff6b354d 100%);border-radius:8px;height:25px;top:-5px;width:16px}.candle-base,.flame-outer{left:50%;position:absolute;transform:translateX(-50%)}.candle-base{background:linear-gradient(135deg,#8b4513,sienna);border-radius:20px;bottom:0;height:10px;width:40px}@keyframes floatCandle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flameFlicker{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}.glowing-orb{animation:floatOrb 10s ease-in-out infinite;height:50px;position:absolute;width:50px}.orb-1{animation-delay:0s;left:10%;top:40%}.orb-2{animation-delay:3s;right:25%;top:25%}.orb-3{animation-delay:6s;bottom:30%;right:5%}.orb-core{animation:orbPulse 3s ease-in-out infinite;background:radial-gradient(circle,gold 0,#ff6b35 50%,#0000 100%);border-radius:50%;box-shadow:0 0 20px gold,0 0 40px gold;height:100%;width:100%}.orb-aura{animation:orbAura 4s ease-in-out infinite;background:radial-gradient(circle,#ffd70033 0,#0000 70%);border-radius:50%;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px}.orb-sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.orb-sparkles .sparkle{animation:orbSparkle 2s ease-in-out infinite;color:gold;font-size:.8rem;position:absolute;text-shadow:0 0 5px gold}.orb-sparkles .sparkle:first-child{animation-delay:0s;left:50%;top:-15px;transform:translateX(-50%)}.orb-sparkles .sparkle:nth-child(2){animation-delay:1s;bottom:-15px;left:50%;transform:translateX(-50%)}@keyframes floatOrb{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-25px) rotate(180deg)}}@keyframes orbPulse{0%,to{box-shadow:0 0 20px gold,0 0 40px gold;transform:scale(1)}50%{box-shadow:0 0 30px gold,0 0 60px gold;transform:scale(1.1)}}@keyframes orbAura{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes orbSparkle{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.3)}}@media (max-width:768px){.floating-book{height:80px;width:60px}.book-title{font-size:.6rem}.potion-bottle{height:60px;width:40px}.candle{height:80px;width:30px}.glowing-orb{height:50px;width:50px}}@media (max-width:480px){.floating-book{height:70px;width:50px}.book-title{font-size:.5rem}.potion-bottle{height:55px;width:35px}.candle{height:70px;width:25px}.glowing-orb{height:45px;width:45px}}.app{min-height:100vh;overflow-x:hidden;position:relative}.loading{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);height:100vh;justify-content:center}.loading,.loading-text{align-items:center;display:flex}.loading-text{animation:loadingGlow 2s ease-in-out infinite;color:gold;flex-direction:column;font-family:Cinzel Decorative,serif;font-size:2rem;gap:1rem;text-align:center;text-shadow:0 0 20px gold,0 0 40px gold}.loading-text span:first-child,.loading-text span:nth-child(3){animation:sparkleFloat 3s ease-in-out infinite;font-size:3rem}.loading-text span:nth-child(3){animation-delay:1.5s}@keyframes loadingGlow{0%,to{text-shadow:0 0 20px gold,0 0 40px gold}50%{text-shadow:0 0 30px gold,0 0 60px gold,0 0 80px gold}}@keyframes sparkleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}.music-toggle{animation:buttonGlow 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:50%;box-shadow:0 5px 15px #0000004d,0 0 10px #ffd70080;color:#2c1810;cursor:pointer;font-size:1.5rem;height:50px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.music-toggle:hover{box-shadow:0 8px 20px #0006,0 0 20px #ffd700cc;transform:scale(1.1)}@keyframes buttonGlow{0%,to{box-shadow:0 5px 15px #0000004d,0 0 10px #ffd70080}50%{box-shadow:0 5px 15px #0000004d,0 0 20px #ffd700cc}}.app-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.main-title{align-items:center;animation:titleGlow 4s ease-in-out infinite;color:gold;display:flex;font-family:Cinzel Decorative,serif;font-size:3.5rem;font-weight:900;gap:1rem;justify-content:center;margin-bottom:1rem;text-shadow:2px 2px 4px #000c,0 0 20px #ffd70080,0 0 40px #ffd7004d}.title-sparkle{animation:sparkleFloat 3s ease-in-out infinite;font-size:2rem}.title-sparkle:nth-child(3){animation-delay:1.5s}.subtitle{animation:subtitleFade 2s ease-in-out infinite;color:#e6d3a3;font-family:Crimson Text,serif;font-size:1.3rem;font-style:italic;text-shadow:1px 1px 2px #000c}@keyframes titleGlow{0%,to{text-shadow:2px 2px 4px #000c,0 0 20px #ffd70080,0 0 40px #ffd7004d}50%{text-shadow:2px 2px 4px #000c,0 0 30px #ffd700b3,0 0 60px #ffd70080}}@keyframes subtitleFade{0%,to{opacity:.8}50%{opacity:1}}.scrolls-main{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.app-footer{border-top:2px solid #ffd7004d;margin-top:2rem;padding:2rem 0;text-align:center}.footer-text{align-items:center;color:#e6d3a3;display:flex;flex-wrap:wrap;font-family:Crimson Text,serif;font-size:1.1rem;gap:.5rem;justify-content:center;text-shadow:1px 1px 2px #000c}.footer-sparkle{animation:sparkleFloat 4s ease-in-out infinite;font-size:1.2rem}.footer-sparkle:nth-child(3){animation-delay:2s}@media (max-width:768px){.main-title{flex-direction:row;font-size:3.5rem;gap:1rem}.title-sparkle{font-size:2rem}.subtitle{font-size:1.3rem}.music-toggle{font-size:1.5rem;height:50px;right:20px;top:20px;width:50px}.app-header{margin-bottom:3rem;padding:2rem 0}.scrolls-main{gap:2rem;margin-bottom:3rem}.footer-text{font-size:1.1rem}}@media (max-width:480px){.main-title{flex-direction:row;font-size:3rem;gap:1rem}.title-sparkle{font-size:1.8rem}.subtitle{font-size:1.2rem}.music-toggle{font-size:1.5rem;height:50px;right:20px;top:20px;width:50px}.app-header{margin-bottom:3rem;padding:2rem 0}.scrolls-main{gap:2rem;margin-bottom:3rem}.footer-text{font-size:1.1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#1a1a2e,#16213e)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ff6b35);border-radius:6px;box-shadow:0 0 10px #ffd70080}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6b35,gold);box-shadow:0 0 15px #ffd700cc}
/*# sourceMappingURL=main.9f3e4fc3.css.map*/