@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap";.hero{height:100vh;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(/images/will1.webp);background-size:cover;background-position:center;transition:transform 1.8s ease-in-out,filter 1.8s ease-in-out;z-index:0}.hero-bg.upside{transform:scaleY(-1);filter:contrast(1.3) brightness(.75) saturate(.8) hue-rotate(-10deg) blur(1px)}.fire-reveal{position:absolute;inset:0;background-image:url(/images/v1.png);background-size:cover;background-position:center;pointer-events:none;opacity:0;transition:opacity .55s ease;z-index:1;-webkit-mask-image:radial-gradient(circle 400px at var(--x) var(--y),rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 40%,transparent 70%);mask-image:radial-gradient(circle 400px at var(--x) var(--y),rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 40%,transparent 70%)}.fire-reveal.active{opacity:1}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0000,#00000073);opacity:0;transition:opacity 1.8s ease;z-index:2;pointer-events:none}.hero.upside-active:after{opacity:1}.left{position:absolute;bottom:50px;left:50px;width:320px;display:flex;flex-direction:column;gap:20px;z-index:5}.left h1{font-size:70px;color:#ff1a1a;text-shadow:0 0 8px rgba(255,0,0,.6),0 0 18px rgba(255,0,0,.4)}.left p{font-size:18px;line-height:1.6;color:#fff}.left button{font-size:16px;padding:12px 22px;border-radius:6px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7);cursor:pointer}.right{position:absolute;bottom:100px;right:40px;width:450px;display:flex;flex-direction:column;gap:20px;z-index:5}.right h1{font-size:58px;color:#000}.right p{font-size:20px;color:#000}.navbar{z-index:3000}.lightning{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:6}.lightning.flash{animation:lightningFlash .25s ease-in-out}@keyframes lightningFlash{0%{opacity:0}20%{opacity:.9}40%{opacity:.3}to{opacity:0}}.particles{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;transition:opacity 1.5s ease}.hero.upside-active .particles{opacity:1}.particle{position:absolute;width:3px;height:3px;background:#fff9;border-radius:50%;animation:floatUp 10s linear infinite}@keyframes floatUp{0%{transform:translateY(110vh)}to{transform:translateY(-10vh)}}.content{position:relative;width:100%;height:100%;z-index:5;transition:transform 1.8s ease-in-out,filter 1.8s ease-in-out;transform-origin:center}.content.content-upside{transform:scaleY(-1);filter:contrast(1.15) brightness(.85) saturate(.9) hue-rotate(-5deg)}.navbar{position:fixed;top:0;left:0;width:100%;height:72px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3000}.nav-logo{font-family:Libre Baskerville,serif;font-size:22px;letter-spacing:2px;color:#000;text-shadow:0 0 8px rgba(179,0,0,.6),0 0 18px rgba(179,0,0,.4)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links li{font-family:Libre Baskerville,serif;font-size:15px;letter-spacing:1px;color:#fff;cursor:pointer;position:relative;transition:color .3s ease;z-index:2000}.nav-links li a{text-decoration:none;color:inherit}.nav-links li:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#b30000;box-shadow:0 0 10px #b30000cc;transition:width .35s ease}.nav-links li:hover{color:#ff4d4d}.nav-links li:hover:after{width:100%}.nav-links li.active{color:#ff4d4d}.nav-links li.active:after{width:100%}.characters-page{min-height:100vh;padding:120px 60px;background:#0b0b0b;color:#fff}.page-title{font-size:48px;text-align:center;margin-bottom:50px;color:#ff1a1a;text-shadow:0 0 12px rgba(255,0,0,.6)}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.character-card{background:#111;border-radius:12px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;cursor:pointer}.character-card img{width:100%;height:300px;object-fit:cover}.character-card:hover{transform:translateY(-10px);box-shadow:0 0 25px #ff000080}.character-info{padding:15px;text-align:center}.character-info h3{font-size:18px;margin-bottom:6px}.character-info p{font-size:14px;opacity:.85}.bg-horror{position:fixed;inset:0;background:linear-gradient(#000000d9,#000000d9),url(/images/bg-horror.png);background-size:cover;background-position:center;opacity:.9;pointer-events:none;z-index:0;animation:fogMove 18s ease-in-out infinite alternate}@keyframes fogMove{0%{filter:blur(0px)}to{filter:blur(6px)}}.characters-page>*{position:relative;z-index:1}.episodes-page{min-height:100vh;padding:120px 60px;background:linear-gradient(#000000e0,#000000e0),url(/images/bg-horror.png);background-size:cover;background-position:center;color:#fff;display:flex;gap:60px}.episodes-left{flex:1}.episodes-right{width:420px;display:flex;align-items:center;justify-content:center;position:sticky;top:120px;height:fit-content}.vecna-img{width:100%;max-width:420px;height:auto;object-fit:contain;filter:drop-shadow(0 0 40px rgba(255,0,0,.6)) contrast(1.15) saturate(.9);animation:vecnaPulse 6s ease-in-out infinite}@keyframes vecnaPulse{0%{transform:translateY(0);filter:drop-shadow(0 0 30px rgba(255,0,0,.4))}50%{transform:translateY(-12px);filter:drop-shadow(0 0 60px rgba(255,0,0,.8))}to{transform:translateY(0);filter:drop-shadow(0 0 30px rgba(255,0,0,.4))}}.season-block{margin-bottom:50px}.season-block h2{color:#ff1a1a;margin-bottom:20px;text-shadow:0 0 10px rgba(255,0,0,.5)}.episode-list{list-style:none;padding-left:20px;border-left:2px solid rgba(255,0,0,.4)}.episode-list li{padding:12px 0;display:flex;gap:15px;align-items:center}.ep-number{width:30px;height:30px;border-radius:50%;background:#ff1a1a;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}.ep-title{font-size:16px}@media(max-width:900px){.episodes-page{flex-direction:column}.episodes-right{display:none}}*{margin:0;padding:0;box-sizing:border-box}@media(max-width:768px){.navbar{padding:0 20px;height:64px}.nav-logo{font-size:18px}.nav-links{gap:18px}.nav-links li{font-size:12px}.left{width:90%;left:20px;bottom:40px}.left h1{font-size:42px}.left p{font-size:15px}.left button{font-size:14px;padding:10px 18px}.right{display:none}.characters-page,.episodes-page{padding:100px 20px}}@media(max-width:480px){.nav-links{gap:14px}.nav-links li{font-size:11px}.left h1{font-size:36px}.page-title{font-size:30px}}