@import"https://fonts.googleapis.com/css2?family=Creepster&family=Bungee+Shade&family=Shrikhand&family=Luckiest+Guy&family=Titan+One&family=Comic+Neue:wght@300;400;700&display=swap";.App{width:100%;margin:0;padding:0;text-align:center}html{scroll-behavior:smooth}.hero-section{position:relative;width:100%;height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 100%,#4a5a60 0%,#37464C 25%,transparent 60%),radial-gradient(ellipse at 50% 50%,#2f3e44,#1a2428 70%),radial-gradient(ellipse at 30% 20%,rgba(55,70,76,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 40%,rgba(46,61,68,.4) 0%,transparent 50%)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%),radial-gradient(circle,white 0%,white 30%,transparent 70%);background-size:4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px;background-position:20% 30%,60% 70%,50% 50%,80% 10%,90% 60%,33% 50%,52% 30%,65% 20%,10% 60%,85% 80%,15% 10%,45% 80%,25% 15%,75% 35%,40% 65%,95% 25%,5% 85%,55% 15%,70% 55%,30% 75%;background-repeat:no-repeat;animation:starBlink 2s ease-in-out infinite;opacity:1;z-index:1;pointer-events:none}@keyframes starBlink{0%{opacity:1}10%{opacity:.3}15%{opacity:1}25%{opacity:.5}30%{opacity:1}45%{opacity:.2}50%{opacity:1}65%{opacity:.4}70%{opacity:1}85%{opacity:.3}90%{opacity:1}to{opacity:1}}.hero-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;z-index:1;pointer-events:none}.town-image{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:85%;height:auto;z-index:2;pointer-events:none}.ghost-wrapper{position:absolute;bottom:0;left:calc(50% + 15px);transform:translate(-50%) scale(.96);transform-origin:bottom center;z-index:3;pointer-events:none;display:inline-block}.ghost-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ghost-base{position:relative;display:block;width:auto;height:auto}.ghost-pupils{z-index:2;animation:movePupils 3s infinite,vibrate .15s infinite,hideDuringBlink 5s infinite}.ghost-blink{opacity:0;z-index:3;animation:blink 5s infinite}@keyframes blink{0%,93%,97%,to{opacity:0}95%{opacity:1}}@keyframes movePupils{0%,to{transform:translate(0)}10%{transform:translate(-8px,-5px)}20%{transform:translate(6px,-3px)}30%{transform:translate(-4px,4px)}40%{transform:translate(7px,2px)}50%{transform:translate(-6px,-4px)}60%{transform:translate(5px,5px)}70%{transform:translate(-7px,1px)}80%{transform:translate(4px,-6px)}90%{transform:translate(-3px,3px)}}@keyframes vibrate{0%,to{transform:translate(0)}25%{transform:translate(.5px,-.5px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.5px,.5px)}}@keyframes hideDuringBlink{0%,93%,97%,to{opacity:1}94%,96%{opacity:0}}@media (max-width: 1024px){.ghost-wrapper{transform:translate(-50%) scale(.78)}.hero-section{height:700px}}@media (max-width: 768px){.ghost-wrapper{transform:translate(-50%) scale(.6);left:calc(50% + 10px)}.hero-section{height:500px}}@media (max-width: 480px){.ghost-wrapper{transform:translate(-50%) scale(.42);left:calc(50% + 5px)}.hero-section{height:400px}}.ghost-title-container{width:100%;max-width:900px;margin:0 auto;padding:0 20px;position:absolute;left:50%;transform:translate(-50%);z-index:4}.curved-text{width:100%;height:auto}.ghost-text-outline{font-family:Creepster,Shrikhand,cursive;font-size:80px;font-weight:900;fill:none;text-transform:uppercase;letter-spacing:.15em;stroke:#8b2be2;stroke-width:8px;filter:url(#purple-glow) drop-shadow(0 0 6px rgba(138,43,226,.6))}.ghost-text-black{font-family:Creepster,Shrikhand,cursive;font-size:80px;font-weight:900;fill:none;text-transform:uppercase;letter-spacing:.15em;stroke:#000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ghost-text{font-family:Creepster,Shrikhand,cursive;font-size:80px;font-weight:900;fill:#74ae5c;text-transform:uppercase;letter-spacing:.15em;stroke:none;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.4))}.sketch-nav{position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:100;background:#202629;padding:10px 18px;border:2px solid #8B2BE2;border-radius:16px;box-shadow:3px 3px #0006,inset 2px 2px #ffffff0d;width:fit-content}.sketch-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;pointer-events:none;z-index:1}.nav-list{display:flex;gap:12px;list-style:none;margin:0;padding:0;align-items:center;position:relative;z-index:2}.nav-icon{width:18px;height:18px;margin-right:6px;stroke:#74ae5c;stroke-width:2;filter:drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(0 0 3px rgba(139,43,226,.8))}.nav-list a,.summon-button{font-family:Luckiest Guy,Titan One,cursive;font-size:14px;color:#74ae5c;text-decoration:none;text-transform:uppercase;padding:8px 10px;display:inline-flex;align-items:center;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0 0 3px rgba(139,43,226,.8);background:transparent;border:none;cursor:pointer}.summon-button{border:2.5px solid #8B2BE2;border-radius:10px;padding:8px 14px;box-shadow:2px 2px #0006,inset 0 0 6px #8b2be24d}.lore-section{width:100%;background:#202629;padding:80px 20px 100px;position:relative}.lore-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulance type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.08;pointer-events:none}.lore-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#8B2BE2 20%,#74AE5C 50%,#8B2BE2 80%,transparent 100%);box-shadow:0 0 20px #8b2be299;z-index:10}.lore-container{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;position:relative;z-index:1;padding:0 20px}.lore-image{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.summon-section{width:100%}.framed-image{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;transform:none;margin:0;place-self:center}.comic-panels-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:translateZ(0)}.comic-panel{position:absolute;width:31.3%;height:42.7%;top:44%;left:35%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.comic-panel.active{opacity:1}.frame-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;transform:translateZ(1px);pointer-events:none}.picture-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 5px 10px rgba(0,0,0,.3))}.lore-text{color:#74ae5c;width:100%;max-width:700px;margin:0 auto;padding:0 10px;display:flex;flex-direction:column;justify-content:center}.lore-text.left{margin:0 auto;padding:0 10px}.lore-text h2{font-family:Luckiest Guy,cursive;font-size:56px;color:#74ae5c;margin:0;line-height:1;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 8px rgba(139,43,226,.8)}.lore-text p{font-family:Comic Neue;font-size:15px;line-height:1.5;margin-bottom:8px;color:#f0f0f0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:12px;border-left:4px solid transparent;transition:all .3s ease}.lore-text p.active-narration{color:#74ae5c;background:#8b2be233;border-left:4px solid #8B2BE2;border-radius:8px;box-shadow:0 0 15px #8b2be266,inset 0 0 10px #8b2be233;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 8px rgba(139,43,226,.8)}.lore-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.audio-play-button{background:transparent;border:3px solid #8B2BE2;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-bottom:15px;box-shadow:3px 3px #0006,inset 0 0 8px #8b2be24d}.audio-icon{width:24px;height:24px;stroke:#74ae5c;stroke-width:2}@media (max-width: 768px){.lore-container{grid-template-columns:1fr;gap:24px;padding:0 12px}.lore-text{max-width:100%;margin:0;padding:0;order:2}.lore-text.left{margin:0;padding:0}.framed-image{transform:none;order:1;margin:0 0 8px}.lore-text h2{font-size:42px}.lore-text p{font-size:14px}.lore-section{padding:60px 20px}}.page-section{min-height:30vh;padding:70px 20px;display:flex;align-items:center;justify-content:center;background:#202629;position:relative;overflow:hidden;color:#f0f0f0;scroll-margin-top:90px}.page-section{padding:60px 20px}.section-title{font-family:Luckiest Guy,Titan One,cursive;color:#74ae5c;text-transform:uppercase;margin-bottom:24px;font-size:28px;text-shadow:0 0 6px rgba(139,43,226,.4)}.page-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulance type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.08;pointer-events:none}.page-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#8B2BE2 20%,#74AE5C 50%,#8B2BE2 80%,transparent 100%);box-shadow:0 0 20px #8b2be299;z-index:10}.page-section .section-title{font-family:Luckiest Guy,Titan One,cursive;font-size:48px;color:#74ae5c;margin:0;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;opacity:.95}.episodes-container{width:100%;max-width:1200px;margin:28px auto 0;padding:20px;position:relative;z-index:2}.episodes-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);align-items:start}.episode-card{display:block;background:linear-gradient(180deg,#202629b3,#14181ab3);border:2px solid rgba(139,43,226,.35);border-radius:12px;overflow:hidden;text-decoration:none;color:#f0f0f0;box-shadow:3px 3px #00000080,inset 0 0 10px #0003;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.episode-card:hover,.episode-card:focus-visible{transform:translateY(-6px) scale(1.02);box-shadow:6px 8px 30px #8b2be22e;border-color:#8b2be2}.episode-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(180deg,#0003,#00000059)}.episode-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.episode-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000,#00000059);opacity:0;transition:opacity .18s ease}.episode-card:hover .episode-overlay{opacity:1}.download-icon{width:42px;height:42px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.episode-info{padding:12px 14px 16px;text-align:left}.episode-title{font-family:Luckiest Guy,Titan One,cursive;font-size:18px;color:#74ae5c;margin-bottom:6px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.episode-meta{font-family:Comic Neue;font-size:13px;color:#dfe7e3;display:flex;gap:8px;align-items:center}.format-badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(139,43,226,.35);background:#8b2be20f;color:#f0f0f0;font-size:12px}.meta-sep{color:#ffffff40}@media (max-width: 1024px){.episodes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.episodes-grid{grid-template-columns:repeat(1,1fr)}.episodes-container{padding:12px}.episode-title{font-size:16px}.framed-image{transform:scale(1)!important}}.episode-card:focus{outline:3px solid rgba(116,174,92,.18);outline-offset:2px}.episodes-header{margin-bottom:8px}#episodes.page-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px}#episodes .episodes-header{width:100%;max-width:1200px;margin:0 0 18px;display:flex;align-items:center;justify-content:center}.framed-image{transform:scale(1.6)}#episodes .episodes-container{width:100%;max-width:1200px;margin:0 auto}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;max-width:980px;margin:0 auto;align-items:center;justify-items:center}.social-link{display:inline-flex;gap:10px;align-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:2px solid rgba(139,43,226,.8);padding:10px 14px;border-radius:10px;min-width:130px;justify-content:center;text-decoration:none;color:#e7e7e7;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 6px #00000073}.social-link:focus,.social-link:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 30px #0009,0 1px #ffffff05 inset;outline:none}.social-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#111;padding:4px;font-weight:700;color:#74ae5c;font-family:Luckiest Guy,cursive;font-size:16px;box-shadow:0 2px #0009}.social-label{font-family:Luckiest Guy,Titan One,cursive;font-size:14px;color:#dcdcdc}@media (max-width:520px){.community-grid{grid-template-columns:repeat(2,1fr);gap:10px}.social-link{min-width:110px;padding:8px}}.donation-section{width:100%;background:linear-gradient(180deg,#202629f2,#1c2123fa);border-top:3px solid rgba(139,43,226,.6);color:#e6f9e6;padding:14px 12px;box-shadow:0 -6px 20px #0009;position:relative;z-index:80}.donation-inner{max-width:1200px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:4px 12px}.donation-text{font-family:Comic Neue,Luckiest Guy,cursive;font-size:16px;margin:0;color:#f5f9f5;text-shadow:0 1px 0 #000}.donate-button-container{display:flex;align-items:center;justify-content:center}#donate-button{display:inline-block}@media (max-width: 640px){.donation-inner{flex-direction:column;gap:8px;align-items:center}.donation-text{text-align:center;font-size:15px}}.donation-section :focus{outline:3px solid rgba(116,174,92,.9);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;position:relative}#root{width:100%;margin:0;padding:0;text-align:center;position:relative;z-index:1}