@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#b3000099;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f00c}*{padding:0;margin:0}.hero{height:100vh;background-image:url(/images/will1.webp);background-size:cover;background-position:center;position:relative;overflow:hidden}.fire-reveal{background-position:40% 7%!important;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;--tx: calc(var(--x) - 24px);--ty: calc(var(--y) - 18px);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%),radial-gradient(circle 450px at calc(var(--x) + 50px) calc(var(--y) - 40px),rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 40%,transparent 70%),radial-gradient(circle 200px at calc(var(--x) - 50px) calc(var(--y) + 30px),rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 40%,transparent 70%);-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%),radial-gradient(circle 450px at calc(var(--x) + 50px) calc(var(--y) - 40px),rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 40%,transparent 70%),radial-gradient(circle 400px at calc(var(--x) - 50px) calc(var(--y) + 30px),rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation:pulseBlob 3s ease-in-out infinite}.fire-reveal.active{opacity:1}@keyframes pulseBlob{0%,to{filter:blur(0px)}50%{filter:blur(0px)}}.left{position:absolute;bottom:50px;left:50px;width:300px;display:flex;flex-direction:column;gap:20px}.left h1{font-size:70px;color:red;text-shadow:0 0 8px rgba(179,0,0,.6),0 0 18px rgba(179,0,0,.4)}.left p{font-size:20px}.left button{font-size:19px;padding:15px;border-radius:10px;background-color:#000;color:#f0f8ff}.right{position:absolute;bottom:100px;right:20px;display:flex;flex-direction:column;gap:20px}.right h1{font-size:60px;width:470px;text-shadow:0 0 8px rgba(179,0,0,.6),0 0 18px rgba(179,0,0,.4)}.right p{font-size:22px;width:400px}.navbar{position:fixed;width:100%;top:0;left:0;right:0;height:72px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(179,0,0,.2)}.nav-logo{font-family:Libre Baskerville,serif;font-size:22px;letter-spacing:2px;color:#fff;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(179,0,0,.6),0 0 18px rgba(179,0,0,.4)}.nav-logo:hover{color:red;text-shadow:0 0 15px rgba(255,0,0,.8),0 0 25px rgba(255,0,0,.6)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links li{font-family:Libre Baskerville,serif;font-size:14px;letter-spacing:1px;color:#e6e6e6;cursor:pointer;position:relative;transition:color .3s ease}.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%}@media(max-width:768px){.navbar{padding:0 30px;height:60px}.nav-logo{font-size:16px}.nav-links{gap:20px}.nav-links li{font-size:12px}}@media(max-width:480px){.navbar{padding:0 20px}.nav-logo{font-size:14px}.nav-links{gap:15px}.nav-links li{font-size:11px}}.characters-section{min-height:100vh;padding:100px 60px;background:linear-gradient(180deg,#0a0a0a,#1a0505);position:relative;overflow:hidden}.characters-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(179,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(179,0,0,.08) 0%,transparent 50%);pointer-events:none}.characters-header{text-align:center;margin-bottom:80px;position:relative;z-index:1}.section-title{font-size:80px;font-weight:700;color:red;text-shadow:0 0 10px rgba(255,0,0,.8),0 0 20px rgba(255,0,0,.6),0 0 30px rgba(255,0,0,.4);letter-spacing:8px;margin-bottom:20px}.section-subtitle{font-size:22px;color:#ccc;letter-spacing:2px}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.character-card{background:#141414cc;border:2px solid rgba(179,0,0,.3);border-radius:20px;padding:30px;cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;transform-style:preserve-3d}.character-card:hover{border-color:#f009;box-shadow:0 0 30px #ff00004d,0 10px 40px #00000080}.character-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(179,0,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.character-card:hover .character-glow{opacity:1}.character-image{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:hidden;border-radius:15px}.character-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:grayscale(30%) brightness(.8)}.character-card:hover .character-photo{transform:scale(1.1);filter:grayscale(0%) brightness(1)}.character-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.9) 100%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px}.character-number{font-size:60px;font-weight:700;color:#b3000080;text-shadow:0 0 20px rgba(179,0,0,.8);align-self:flex-start}.character-name{font-size:28px;color:#fff;text-shadow:0 0 10px rgba(179,0,0,.8),0 2px 10px rgba(0,0,0,.9);text-align:center;letter-spacing:2px;align-self:center;margin-bottom:0}.character-info{text-align:center}.character-power{font-size:16px;color:#ff4d4d;letter-spacing:1px;text-transform:uppercase;font-weight:600}.character-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.character-modal{background:linear-gradient(135deg,#1a0505,#0a0a0a);border:3px solid rgba(179,0,0,.5);border-radius:30px;max-width:700px;width:100%;padding:50px;position:relative;box-shadow:0 0 50px #ff00004d,0 20px 60px #000c}.modal-image{width:150px;height:150px;margin:0 auto 30px;border-radius:50%;overflow:hidden;border:4px solid rgba(179,0,0,.5);box-shadow:0 0 30px #f006}.modal-photo{width:100%;height:100%;object-fit:cover}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:2px solid rgba(179,0,0,.5);color:#ff4d4d;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#b300004d;border-color:red;transform:rotate(90deg)}.modal-header h2{font-size:48px;color:red;text-shadow:0 0 20px rgba(255,0,0,.6);margin-bottom:10px;letter-spacing:3px}.modal-realname{font-size:18px;color:#999;letter-spacing:1px;margin-bottom:30px}.modal-power{background:#b3000033;border:1px solid rgba(179,0,0,.4);border-radius:15px;padding:15px 25px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.power-label{font-size:12px;color:#999;letter-spacing:2px;font-weight:600}.power-value{font-size:16px;color:#ff4d4d;font-weight:600;letter-spacing:1px}.modal-description{font-size:18px;line-height:1.8;color:#ccc;margin-bottom:30px}.modal-quote{font-size:20px;font-style:italic;color:#fff;border-left:4px solid #ff0000;padding-left:25px;margin:0;text-shadow:0 0 10px rgba(255,0,0,.3)}@media(max-width:768px){.characters-section{padding:80px 30px}.section-title{font-size:50px}.characters-grid{grid-template-columns:1fr;gap:30px}.character-modal{padding:40px 30px}.modal-header h2{font-size:36px}}.episodes-section{min-height:100vh;padding:100px 60px;background:linear-gradient(180deg,#1a0505,#0a0a0a);position:relative;overflow:hidden}.episodes-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(179,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(179,0,0,.08) 0%,transparent 50%);pointer-events:none}.episodes-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.season-selector{display:flex;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap;position:relative;z-index:1}.season-btn{padding:15px 35px;font-size:18px;font-weight:600;letter-spacing:2px;background:#141414cc;border:2px solid rgba(179,0,0,.4);color:#ccc;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.season-btn:hover{border-color:#f009;color:#ff4d4d;box-shadow:0 0 20px #f003}.season-btn.active{background:#b300004d;border-color:red;color:#fff;box-shadow:0 0 30px #f006,inset 0 0 20px #ff00001a}.season-info{text-align:center;margin-bottom:60px;position:relative;z-index:1}.season-title{font-size:42px;color:red;text-shadow:0 0 20px rgba(255,0,0,.6);margin-bottom:10px;letter-spacing:3px}.season-year{font-size:24px;color:#999;letter-spacing:2px}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.episode-card{background:#141414cc;border:2px solid rgba(179,0,0,.3);border-radius:20px;padding:30px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .4s ease}.episode-card:hover{border-color:#f009;box-shadow:0 0 30px #ff00004d,0 10px 40px #00000080}.episode-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(179,0,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.episode-card:hover .episode-glow{opacity:1;animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.episode-number{font-size:48px;font-weight:700;color:#b3000066;margin-bottom:20px;letter-spacing:2px}.episode-content{position:relative;z-index:1}.episode-title{font-size:24px;color:#fff;margin-bottom:15px;letter-spacing:1px;text-shadow:0 0 10px rgba(179,0,0,.4)}.episode-desc{font-size:16px;line-height:1.6;color:#ccc}@media(max-width:768px){.episodes-section{padding:80px 30px}.season-title{font-size:28px}.episodes-grid{grid-template-columns:1fr;gap:20px}.season-selector{gap:15px}.season-btn{padding:12px 25px;font-size:16px}}.sound-manager{position:fixed;bottom:40px;right:40px;z-index:9999}.sound-toggle{width:60px;height:60px;border-radius:50%;background:#141414e6;border:2px solid rgba(179,0,0,.5);color:#ff4d4d;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #ff00004d;position:relative;z-index:2}.sound-toggle:hover{border-color:red;box-shadow:0 0 30px #ff000080;transform:scale(1.1)}.sound-toggle.muted{border-color:#80808080;color:#888;box-shadow:none}.sound-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,0,0,.5);pointer-events:none;z-index:1}@media(max-width:768px){.sound-manager{bottom:20px;right:20px}.sound-toggle{width:50px;height:50px;font-size:24px}.sound-wave{width:50px;height:50px}}.music-fab{position:fixed;bottom:120px;right:40px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#b30000,#600);border:2px solid rgba(179,0,0,.5);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9998;box-shadow:0 0 30px #f006,0 10px 40px #00000080;transition:all .3s ease}.music-fab:hover{box-shadow:0 0 40px #f009,0 15px 50px #0009}.now-playing-indicator{position:fixed;bottom:190px;right:40px;background:linear-gradient(135deg,#1a0505,#0a0a0a);border:2px solid rgba(179,0,0,.5);border-radius:20px;padding:15px 20px;z-index:9997;box-shadow:0 0 30px #ff00004d,0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px}.now-playing-content{display:flex;align-items:center;gap:15px}.vinyl-spin{font-size:35px;filter:drop-shadow(0 0 10px rgba(255,0,0,.4))}.now-playing-info{flex:1}.song-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 5px;text-shadow:0 0 10px rgba(179,0,0,.6)}.artist-name{font-size:13px;color:#ccc;margin:0 0 8px}.time-display{font-size:12px;color:#ff4d4d;font-weight:600}@media(max-width:768px){.music-fab{bottom:100px;right:20px;width:50px;height:50px;font-size:24px}.now-playing-indicator{bottom:160px;right:20px;min-width:200px;padding:12px 15px}.vinyl-spin{font-size:30px}.song-title{font-size:14px}.artist-name{font-size:12px}}
