:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{overflow:hidden;background-color:#0b0c1a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0b0c1a}#root{width:100%}.upside-down-section{background:linear-gradient(180deg,#000000,#4b0e16 50%,#000000)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.flipper{position:relative;width:100%;height:100%;transition:transform 1s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flip-container.flipped .flipper{transform:rotateX(180deg)}.back,.front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.front{z-index:2}.back{transform:rotateX(180deg);z-index:3}.stranger-section{background:transparent}.upside-section{background:linear-gradient(180deg,#1a0b0c,#2d1a2d);filter:grayscale(.7) brightness(.7) blur(.5px)}.stranger-title{font-family:Cinzel,serif;color:#e50914;font-size:3rem;letter-spacing:.2em;text-shadow:0 0 10px #e50914,0 0 40px #fff2}.stranger-sub,.upside-sub{font-family:Cinzel,serif;color:#fff;font-size:2rem;margin-top:1rem}.stranger-desc,.upside-desc{color:#c4c4c4;font-size:1.2rem;margin-top:1.5rem}.upside-title{font-family:Cinzel,serif;color:#b3e509;font-size:3rem;letter-spacing:.2em;text-shadow:0 0 10px #b3e509,0 0 40px #fff2}.upside-content{filter:blur(.5px) brightness(20)}.normal-world,.upside-down-world{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative}.upside-down-world{transition:filter .8s,opacity .8s;filter:grayscale(.7) brightness(.7) blur(.5px);opacity:1}.hero-section{opacity:1;filter:blur(0) brightness(1);transition:opacity 1.2s cubic-bezier(.4,.2,.2,1),filter 1.2s cubic-bezier(.4,.2,.2,1)}.hero-section:not(.visible){opacity:0;filter:blur(8px) brightness(.7)}.normal-world,.upside-down-world{scroll-snap-align:start;scroll-snap-stop:always}.normal-world:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e50914 50%,transparent);opacity:.5}@keyframes scrollPulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.scroll-link{animation:scrollPulse 2s infinite}@media (max-width:600px){.stranger-title,.upside-title{font-size:2rem}.stranger-sub,.upside-sub{font-size:1.2rem}}.App{height:100vh;background-color:#0b0b0b;overflow:hidden;z-index:1}.heading{position:absolute;top:40%;width:100%;text-align:center;color:white;font-size:2rem;z-index:10;font-family:Creepster,cursive}body{font-family:Arial,sans-serif}.normal-world{background:linear-gradient(180deg,#eaeaea,#ffffff);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#111;z-index:2}.normal-world,.upside-down-world{height:100vh;text-align:center;position:relative}.upside-down-world{background-color:#0b0b0b;color:#fff;overflow:hidden;z-index:1}.upside-content{position:absolute;top:35%;width:100%;z-index:10;font-family:Creepster,cursive}.upside-content h1{font-size:2.5rem;margin-bottom:1rem}.upside-content p{font-size:1.2rem;color:#aaa}body{margin:0;font-family:Roboto,sans-serif;background-color:#111}.hero-section{height:100vh;background:linear-gradient(180deg,#f2f2f2,#d8d8d8);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#111}.scroll-link{margin-top:2rem;font-size:1.2rem;color:red;transition:transform .2s ease}.scroll-link:hover{transform:scale(1.05)}.upside-down-section{background-color:#0b0b0b;display:flex;justify-content:center;align-items:center}.upside-down-content{font-family:Creepster,cursive}.install-btn{margin-top:1.5rem;padding:12px 24px;background-color:red;border:none;color:white;font-weight:700;border-radius:8px;text-decoration:none;transition:background .3s ease}.install-btn:hover{background-color:#b20000}.scroll-link{padding:10px 20px;background:rgba(229,9,20,.2);border:2px solid #e50914;color:#e50914;border-radius:5px}.scroll-link:hover{background:rgba(229,9,20,.4)}.hero-section{position:relative;background:linear-gradient(135deg,#4a90a4,#5ba0b5 50%,#6bb0c6);color:white;text-align:center;padding:2rem}.hero-content{position:relative;z-index:20}.hero-section h1{font-size:4rem;font-weight:700;letter-spacing:.3em;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.7}25%{transform:translateY(-20px) rotate(90deg);opacity:1}50%{transform:translateY(-40px) rotate(180deg);opacity:.8}75%{transform:translateY(-20px) rotate(270deg);opacity:.9}}.animate-float{animation:float ease-in-out infinite}.scroll-link{display:inline-block;padding:15px 25px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:white;text-decoration:none;border-radius:8px;transition:all .3s ease;margin-top:20px;backdrop-filter:blur(10px)}.scroll-link:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.spore-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.spore-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,.7);will-change:transform;animation:float ease-in-out infinite}.upside-down-container{position:relative;height:100vh;width:100%;overflow:hidden}.upside-down-bg-layer{position:absolute;top:0;left:0;right:0;bottom:0}.upside-down-bg-img{width:100%;height:100%;object-fit:cover}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.upside-down-gradient{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 50%,rgba(0,0,0,.3));pointer-events:none}.upside-down-content,.upside-down-gradient{position:absolute;top:0;left:0;right:0;bottom:0}.upside-down-content{z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:1rem}.upside-down-title{font-size:4rem;font-weight:700;position:relative;text-shadow:0 0 20px #b3e509}.upside-down-subtitle{margin-top:1.5rem;font-size:1.25rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.glitch-text{position:relative}.glitch-text-overlay{position:absolute;top:0;left:0;color:#e50914;z-index:-1}@media (min-width:768px){.upside-down-title{font-size:5rem}.upside-down-subtitle{font-size:1.5rem}}@media (min-width:1024px){.upside-down-title{font-size:6rem}}@media (max-width:768px){.hero-section h1{font-size:2.5rem;letter-spacing:.2em}.hero-section p{font-size:1rem}}@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0f2b;color:white;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory}.App{min-height:300vh}.cube-container{height:200vh;position:relative;width:100%;scroll-snap-align:start}.cube-perspective{position:fixed;top:0;left:0;width:100%;height:100vh;perspective:1200px;perspective-origin:50%}.cube{position:relative;transform-style:preserve-3d;transform-origin:center center}.cube,.cube-face{width:100%;height:100%}.cube-face{position:absolute;backface-visibility:hidden}.cube-front{transform:rotateX(0deg)}.cube-top{transform:rotateX(90deg) translateZ(100vh)}.cube-shadow{position:fixed;bottom:-50px;left:50%;transform:translateX(-50%);width:80%;height:100px;background:radial-gradient(ellipse,rgba(26,35,126,.4) 0,transparent 70%);border-radius:50%;filter:blur(20px)}.hawkins-container{width:100%;height:100vh;position:relative;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0,transparent 25%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0,transparent 25%),linear-gradient(135deg,#4a90a4,#5ba0b5 50%,#6bb0c6);overflow:hidden}.hawkins-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;width:100%;max-width:800px;padding:0 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hawkins-title{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,8rem);font-weight:700;letter-spacing:.3em;color:white;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3);margin-bottom:1rem}.hawkins-subtitle{font-family:Inter,sans-serif;font-size:clamp(1rem,3vw,1.5rem);color:rgba(255,255,255,.9);margin-bottom:3rem;font-weight:400}.thunder-flash{background:linear-gradient(45deg,#ff4500,#ffd700,#ffffff);z-index:200;mix-blend-mode:screen}.thunder-cracks,.thunder-flash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.thunder-cracks{z-index:201}.crack{background:linear-gradient(90deg,transparent,#ffd700,transparent);transform-origin:top}.crack-1{width:2px;height:40vh;left:30%}.crack-2{width:1px;height:30vh;top:10%;right:25%;transform:rotate(-20deg)}.crack-3{width:3px;height:35vh;top:5%;transform:rotate(10deg)}.hawkins-landmarks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15}.landmark{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:white;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center;min-width:140px}.landmark:hover{background:rgba(255,255,255,.2);transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2),0 0 20px rgba(255,69,0,.3)}.landmark-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:.5rem;color:rgba(255,255,255,.9);transition:color .3s ease}.landmark:hover .landmark-icon{color:#ff4500}.scroll-arrow{justify-content:center;margin-top:.5rem;animation:bounce 2s infinite}.scroll-arrow,.scroll-indicator{display:flex;align-items:center;color:rgba(255,255,255,.8)}.scroll-indicator{flex-direction:column;gap:1rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:8px;backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.scroll-indicator:hover{color:#ff4500;background:rgba(255,69,0,.1);border-color:rgba(255,69,0,.3);transform:translateY(-2px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.vintage-lighting{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.light-ray{position:absolute;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:light-sweep 8s linear infinite}.light-1{width:2px;height:100%;left:20%;animation-delay:0s}.light-2{width:1px;height:100%;left:60%;animation-delay:2s}.light-3{width:3px;height:100%;left:80%;animation-delay:4s}@keyframes light-sweep{0%{opacity:0;transform:translateY(-100%) skewY(-10deg)}50%{opacity:.7}to{opacity:0;transform:translateY(100%) skewY(-10deg)}}.hawkins-bg-layer{position:absolute;top:0;left:0;width:100%;height:120%}.hawkins-gradient{width:100%;height:100%;background:linear-gradient(135deg,rgba(74,144,164,.9),rgba(91,160,181,.8) 50%,rgba(107,176,198,.7))}.canvas-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5;width:100%;height:100%}.lightning-indicators{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.lightning-icon{color:#ff4500;filter:drop-shadow(0 0 10px #ff4500)}.transition-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.warp-particles{width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,69,0,.3) 0,rgba(26,35,126,.2) 30%,transparent 60%);animation:warp-pulse .8s ease-in-out infinite alternate}@keyframes warp-pulse{0%{transform:scale(.8);filter:blur(5px)}to{transform:scale(1.2);filter:blur(0)}}@media (max-width:768px){.hawkins-title{font-size:clamp(2rem,6vw,4rem);letter-spacing:.2em}.hawkins-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:2rem}.upside-down-title{font-size:clamp(1.8rem,5vw,3.5rem)}.landmark{padding:.75rem;font-size:.8rem;min-width:100px}.landmark-icon{width:36px;height:36px}.scroll-indicator{font-size:.9rem}.cube-perspective{perspective:800px}.lightning-indicators{margin-top:1.5rem;gap:.75rem}}@media (max-width:480px){.hawkins-title{font-size:clamp(1.5rem,5vw,3rem)}.landmark{padding:.5rem;font-size:.7rem;min-width:80px}.landmark-icon{width:28px;height:28px}}@media (pointer:coarse){.landmark{min-height:44px;min-width:44px}.scroll-indicator{padding:1rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bounce{animation:none}}.middle-school{top:20%;left:15%}.lab{top:40%;right:20%}.scoops{bottom:25%;left:50%;transform:translateX(-50%)}.third-world-container{width:100%;height:100vh;position:relative;background:radial-gradient(circle at 20% 80%,rgba(139,0,0,.4) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(75,0,130,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.8) 0,transparent 60%),linear-gradient(135deg,#000000,#1a0033 50%,#330066);overflow:hidden;scroll-snap-align:start}.third-world-bg{position:absolute;top:0;left:0;width:100%;height:120%;z-index:1}.void-gradient{width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.8) 70%),linear-gradient(180deg,rgba(139,0,0,.2),rgba(75,0,130,.3) 50%,rgba(0,0,0,.9));animation:void-pulse 6s ease-in-out infinite alternate}@keyframes void-pulse{0%{opacity:.8}to{opacity:1}}.third-world-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;width:100%;max-width:900px;padding:0 2rem}.third-world-title{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:.4em;margin-bottom:1.5rem}.void-text{background:linear-gradient(45deg,#8b0000,#4b0082 30%,#000000 60%,#8b0000);background-size:300% 300%;animation:void-gradient 4s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(139,0,0,.7),0 0 60px rgba(75,0,130,.5);filter:drop-shadow(0 0 20px rgba(139,0,0,.8))}@keyframes void-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.third-world-subtitle{font-family:Inter,sans-serif;font-size:clamp(1rem,3vw,1.4rem);color:rgba(255,255,255,.7);margin-bottom:3rem;font-weight:300;font-style:italic}.void-indicators{display:flex;flex-direction:column;align-items:center;gap:1rem;color:rgba(139,0,0,.9);font-family:Inter,sans-serif;font-size:.9rem}.mind-flayer-eye{width:40px;height:40px;background:radial-gradient(circle,#8b0000 0,#4b0082 40%,#000000 70%);border-radius:50%;box-shadow:0 0 20px rgba(139,0,0,.8),inset 0 0 10px rgba(255,255,255,.1);animation:eye-blink 3s ease-in-out infinite;position:relative}.mind-flayer-eye:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#000;border-radius:50%;animation:pupil-move 2s ease-in-out infinite alternate}@keyframes eye-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes pupil-move{0%{transform:translate(-50%,-50%) translateX(-2px)}to{transform:translate(-50%,-50%) translateX(2px)}}.mind-flayer-tendrils{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.tendril{position:absolute;background:linear-gradient(90deg,transparent,rgba(139,0,0,.6) 20%,rgba(75,0,130,.4) 80%,transparent);border-radius:50px;animation:tendril-float 8s ease-in-out infinite}.tendril-1{width:300px;height:8px;top:20%;left:-50px;transform:rotate(15deg);animation-delay:0s}.tendril-2{width:250px;height:6px;top:60%;right:-50px;transform:rotate(-20deg);animation-delay:2s}.tendril-3{width:400px;height:10px;bottom:30%;left:20%;transform:rotate(10deg);animation-delay:4s}@keyframes tendril-float{0%,to{transform:translateY(0) rotate(var(--tentacle-1,15deg));opacity:.3}50%{transform:translateY(-20px) rotate(calc(var(--tentacle-1, 15deg) + 10deg));opacity:.7}}.energy-orbs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,0,0,.8) 0,rgba(75,0,130,.6) 40%,transparent 70%);box-shadow:0 0 20px rgba(139,0,0,.6),0 0 40px rgba(75,0,130,.4)}.orb-1{width:60px;height:60px;top:25%;left:15%}.orb-2{width:40px;height:40px;top:70%;right:20%}.orb-3{width:50px;height:50px;bottom:20%;left:60%}.void-portal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:conic-gradient(from 0deg,transparent 0deg,rgba(139,0,0,.3) 60deg,rgba(75,0,130,.4) 120deg,transparent 180deg,rgba(139,0,0,.2) 240deg,transparent 1turn);border-radius:50%;z-index:2;filter:blur(2px);opacity:.6}.tentacle-shadows{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at var(--tentacle-1,30%) var(--tentacle-2,40%),rgba(0,0,0,.4) 0,transparent 60%),radial-gradient(ellipse at var(--tentacle-2,70%) var(--tentacle-3,60%),rgba(139,0,0,.2) 0,transparent 50%);animation:shadow-shift 4s ease-in-out infinite alternate}@keyframes shadow-shift{0%{opacity:.3}to{opacity:.7}}@media (max-width:768px){.third-world-title{font-size:clamp(2rem,6vw,4rem);letter-spacing:.2em}.third-world-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:2rem}.mind-flayer-eye{width:32px;height:32px}.orb-1,.orb-2,.orb-3{transform:scale(.7)}.void-portal{width:150px;height:150px}}body,html{margin:0;padding:0;scroll-behavior:smooth;scroll-snap-type:y mandatory}.App,body,html{width:100%;overflow-x:hidden;perspective:1500px}.App{position:relative;min-height:200vh}.hawkins-section{height:100vh;width:100%;position:relative;overflow:hidden;perspective:1500px;scroll-snap-align:start}.hawkins-content-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;will-change:transform,opacity,filter;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .1s cubic-bezier(.4,0,.2,1)}.transition-section{height:100vh;width:100%;position:relative;background:linear-gradient(180deg,rgba(10,15,43,.9),rgba(26,35,126,.8) 30%,rgba(0,0,0,.9) 70%,rgba(26,35,126,.8));display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1500px}.transition-content{position:relative;z-index:30;text-align:center}.transition-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,4rem);color:#ff4500;text-shadow:0 0 20px rgba(255,69,0,.8),0 0 40px rgba(255,69,0,.6),0 0 60px rgba(255,69,0,.4);letter-spacing:.1em;margin:0;animation:glitchText 2s infinite}.upside-down-section{height:100vh;width:100%;position:relative;overflow:hidden;perspective:1500px;background:linear-gradient(180deg,#000000,#4b0e16 50%,#000000)!important;min-height:100vh;z-index:1}.upside-down-content-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:50;will-change:transform,opacity,filter;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .1s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#000000,#4b0e16 50%,#000000)}.transition-overlay{z-index:15;pointer-events:none;background:radial-gradient(circle at 30% 40%,rgba(255,69,0,.4) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(26,35,126,.5) 0,transparent 50%),linear-gradient(45deg,rgba(0,0,0,.8),rgba(10,15,43,.9));mix-blend-mode:overlay}.reality-crack-effect,.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.reality-crack-effect{background:radial-gradient(ellipse at center,transparent 30%,rgba(255,69,0,.2) 70%),conic-gradient(from 45deg at center,transparent 0deg,rgba(255,215,0,.3) 90deg,transparent 180deg,rgba(255,69,0,.4) 270deg,transparent 1turn);animation:realityCrack 3s ease-in-out infinite}.dimensional-rift{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,69,0,.9) 0,rgba(255,215,0,.7) 30%,rgba(26,35,126,.5) 60%,transparent 100%);border-radius:50%;animation:dimensionalPulse 2s ease-in-out infinite}.static-noise{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px);animation:staticNoise .15s infinite;mix-blend-mode:overlay}.reality-cracks,.static-noise{position:absolute;top:0;left:0;width:100%;height:100%}.reality-cracks{z-index:20;pointer-events:none}.crack{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,215,0,.9) 20%,rgba(255,69,0,1) 50%,rgba(255,215,0,.9) 80%,transparent);box-shadow:0 0 15px rgba(255,69,0,.9),0 0 30px rgba(255,215,0,.7),0 0 45px rgba(255,69,0,.5);animation:crackFlicker 1.2s ease-in-out infinite alternate}.crack-1{width:4px;height:70vh;top:0;left:25%;transform:rotate(15deg);animation-delay:0s}.crack-2{width:3px;height:55vh;top:20%;right:30%;transform:rotate(-25deg);animation-delay:.3s}.crack-3{width:5px;height:50vh;top:10%;left:60%;transform:rotate(8deg);animation-delay:.6s}.crack-4{width:3px;height:60vh;bottom:0;left:80%;transform:rotate(-12deg);animation-delay:.9s}.crack-5{width:2px;height:45vh;top:30%;left:15%;transform:rotate(30deg);animation-delay:1.2s}.scroll-progress{position:fixed;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4a90a4,#ff4500 50%,#1a237e);transform-origin:0;z-index:100;box-shadow:0 0 15px rgba(255,69,0,.8)}.mobile-scroll-hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(255,69,0,.95);color:white;padding:15px 30px;border-radius:30px;font-family:Inter,sans-serif;font-size:1rem;z-index:200;backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 25px rgba(255,69,0,.4);animation:mobileHintPulse 3s infinite}.upside-down-container{width:100%!important;height:100vh!important;position:relative!important;background-image:url(/background-red.png);background-size:cover;background-repeat:no-repeat;overflow:hidden!important;min-height:100vh!important}.upside-down-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:100!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:white!important;padding:2rem!important;width:90%!important;max-width:800px!important}.upside-down-title{font-family:Space Grotesk,sans-serif!important;font-size:clamp(2.5rem,6vw,5rem)!important;font-weight:700!important;color:#ff4500!important;text-shadow:0 0 20px rgba(255,69,0,.8),0 0 40px rgba(255,69,0,.6),0 0 60px rgba(255,69,0,.4)!important;margin-bottom:1.5rem!important;letter-spacing:.1em!important}.upside-down-subtitle{font-family:Inter,sans-serif!important;font-size:clamp(1.1rem,3vw,1.8rem)!important;color:rgba(255,255,255,.9)!important;margin-bottom:2rem!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important}.lightning-indicators{display:flex!important;gap:1.5rem!important;justify-content:center!important;margin-top:1rem!important}.lightning-icon{color:#ff4500!important;filter:drop-shadow(0 0 15px #ff4500)!important;font-size:2rem!important}.glitch-text{position:relative!important;display:inline-block!important}.glitch-text-overlay{position:absolute!important;top:0!important;left:0!important;color:#ffd700!important;mix-blend-mode:screen!important}@keyframes realityCrack{0%,to{transform:scale(1) rotate(0deg);opacity:.8}50%{transform:scale(1.1) rotate(3deg);opacity:1}}@keyframes dimensionalPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes staticNoise{0%{opacity:.9;transform:translateY(0) translateX(0)}25%{opacity:1;transform:translateY(-1px) translateX(1px)}50%{opacity:.8;transform:translateY(1px) translateX(-1px)}75%{opacity:.95;transform:translateY(-.5px) translateX(.5px)}to{opacity:.9;transform:translateY(0) translateX(0)}}@keyframes crackFlicker{0%{opacity:.8;filter:brightness(1);transform:scaleY(1)}50%{opacity:1;filter:brightness(1.4);transform:scaleY(1.05)}to{opacity:.9;filter:brightness(1.2);transform:scaleY(.95)}}@keyframes glitchText{0%,90%,to{transform:translateX(0)}10%{transform:translateX(-2px)}20%{transform:translateX(2px)}30%{transform:translateX(-1px)}}@keyframes mobileHintPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(1.05);opacity:1}}@media (max-width:768px){.transition-title{font-size:clamp(1.5rem,5vw,3rem)}.crack{width:2px}.crack-1,.crack-2,.crack-3,.crack-4,.crack-5{height:40vh}.dimensional-rift{width:200px;height:200px}.mobile-scroll-hint{padding:12px 24px;font-size:.9rem}}@media (max-width:480px){.crack{width:1px}.dimensional-rift{width:150px;height:150px}.scroll-progress{height:4px}}.hawkins-content-wrapper,.reality-cracks,.transition-overlay,.upside-down-content-wrapper{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.crack,.dimensional-rift,.reality-crack-effect,.static-noise,.transition-title{animation:none}html{scroll-behavior:auto}}.flip-container{perspective:2000px;perspective-origin:50%}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}.hawkins-section,.upside-down-section{scroll-snap-align:start;scroll-snap-stop:always}