@import "https://fonts.googleapis.com/css2?family=Bangers&family=Permanent+Marker&family=Comic+Neue:wght@400;700&display=swap";:root{--comic-yellow:gold;--comic-red:#e63946;--comic-blue:#1d3557;--comic-dark:#0a0a0a;--comic-white:#fff8e7;--comic-orange:#ff6b35;--comic-purple:#6b2d8b;--comic-green:#2ecc40;--comic-pink:#ff69b4;--comic-cyan:#00d4ff;--font-title:"Bangers", cursive;--font-marker:"Permanent Marker", cursive;--font-body:"Comic Neue", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--comic-dark);color:var(--comic-white);font-family:var(--font-body);cursor:crosshair;font-weight:700;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:4px 4px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--comic-dark)}::-webkit-scrollbar-thumb{background:var(--comic-red);border:2px solid var(--comic-dark)}.comic-nav{z-index:1000;background:var(--comic-dark);border-bottom:4px solid var(--comic-yellow);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.comic-nav .villain-logo{font-family:var(--font-title);color:var(--comic-yellow);letter-spacing:3px;text-shadow:2px 2px 0 var(--comic-red), 4px 4px 0 #00000080;font-size:28px;text-decoration:none}.comic-nav .nav-links{gap:8px;list-style:none;display:flex}.comic-nav .nav-links a{font-family:var(--font-title);color:var(--comic-white);letter-spacing:1px;border:2px solid #0000;padding:6px 14px;font-size:16px;text-decoration:none;transition:all .2s}.comic-nav .nav-links a:hover{color:var(--comic-yellow);border-color:var(--comic-yellow);background:#ffd7001a}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--comic-yellow);width:28px;height:3px;transition:all .3s;display:block}.mobile-drawer-overlay{z-index:1001;background:#000c;animation:.2s fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--comic-dark);border-left:4px solid var(--comic-yellow);z-index:1002;flex-direction:column;width:280px;height:100%;padding:24px;animation:.3s slideIn;display:flex;position:fixed;top:0;right:0}.mobile-drawer .close-btn{border:2px solid var(--comic-yellow);color:var(--comic-yellow);font-family:var(--font-title);cursor:pointer;background:0 0;align-self:flex-end;margin-bottom:32px;padding:4px 12px;font-size:20px}.mobile-drawer .nav-links{flex-direction:column;gap:4px;list-style:none;display:flex}.mobile-drawer .nav-links a{font-family:var(--font-title);color:var(--comic-white);letter-spacing:2px;border:2px solid #0000;padding:12px 16px;font-size:22px;text-decoration:none;transition:all .2s}.mobile-drawer .nav-links a:hover{color:var(--comic-yellow);border-color:var(--comic-yellow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.comic-nav .nav-links{display:none}.hamburger{display:flex}}.hero-section{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffd70005 2px 4px),linear-gradient(135deg,#0a0a0a 0%,#1a0a2e 50%,#0a0a0a 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;max-width:900px;padding:40px 24px;position:relative}.hero-issue-tag{font-family:var(--font-marker);color:var(--comic-dark);background:var(--comic-yellow);letter-spacing:2px;margin-bottom:24px;padding:4px 16px;font-size:14px;display:inline-block;transform:rotate(-2deg)}.hero-title{font-family:var(--font-title);color:var(--comic-yellow);text-shadow:3px 3px 0 var(--comic-red), 6px 6px 0 #0009, -1px -1px 0 var(--comic-red);letter-spacing:4px;margin-bottom:16px;font-size:clamp(48px,10vw,120px);line-height:.95;animation:.6s cubic-bezier(.25,.46,.45,.94) both heroSlam}@keyframes heroSlam{0%{opacity:0;transform:scale(3)rotate(-5deg)}60%{transform:scale(.95)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-subtitle{font-family:var(--font-title);color:var(--comic-white);letter-spacing:3px;text-shadow:2px 2px #000c;margin-bottom:32px;font-size:clamp(18px,3vw,32px)}.hero-tagline{font-family:var(--font-body);color:#fff8e7b3;max-width:600px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-cta{font-family:var(--font-title);color:var(--comic-dark);background:var(--comic-yellow);border:4px solid var(--comic-dark);letter-spacing:2px;box-shadow:5px 5px 0 var(--comic-red);cursor:pointer;padding:14px 40px;font-size:22px;text-decoration:none;transition:all .15s;display:inline-block}.hero-cta:hover{box-shadow:3px 3px 0 var(--comic-red);transform:translate(2px,2px)}.speed-lines{pointer-events:none;position:absolute;inset:0;overflow:hidden}.speed-line{transform-origin:50%;background:#ffd7000f;position:absolute}.comic-panel{border:6px solid var(--comic-dark);outline:3px solid var(--comic-yellow);margin:0 24px;position:relative;overflow:hidden}.comic-panel+.comic-panel{margin-top:-3px}.panel-inner{min-height:500px;display:flex}.panel-inner.reverse{flex-direction:row-reverse}.panel-image{flex:0 0 45%;position:relative;overflow:hidden}.panel-image img{object-fit:cover;filter:contrast(1.2)saturate(1.3);width:100%;height:100%;display:block}.panel-image:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle,#00000026 1px,#0000 1px) 0 0/3px 3px;position:absolute;inset:0}.panel-text{flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex;position:relative}.panel-chapter{font-family:var(--font-marker);color:var(--comic-yellow);letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;font-size:13px}.panel-title{font-family:var(--font-title);letter-spacing:2px;margin-bottom:20px;font-size:clamp(28px,4vw,52px);line-height:1}.panel-title .accent{color:var(--comic-yellow);text-shadow:2px 2px 0 var(--comic-red)}.panel-narration{font-family:var(--font-body);color:#fff8e7d9;max-width:520px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.panel-narration p+p{margin-top:16px}.speech-bubble{background:var(--comic-white);color:var(--comic-dark);font-family:var(--font-body);border:3px solid var(--comic-dark);border-radius:20px;max-width:400px;margin-top:24px;padding:16px 20px;font-size:16px;line-height:1.5;position:relative}.speech-bubble:before{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-top:16px solid var(--comic-dark);width:0;height:0;position:absolute;bottom:-16px;left:30px}.speech-bubble:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-top:13px solid var(--comic-white);width:0;height:0;position:absolute;bottom:-11px;left:33px}.thought-bubble{background:var(--comic-white);color:var(--comic-dark);font-family:var(--font-body);border:3px solid var(--comic-dark);border-radius:50%/40%;max-width:380px;margin-top:24px;padding:16px 20px;font-size:15px;font-style:italic;line-height:1.5;position:relative}.thought-bubble:before{content:"";background:var(--comic-white);border:3px solid var(--comic-dark);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-20px;left:40px}.thought-bubble:after{content:"";background:var(--comic-white);border:2px solid var(--comic-dark);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-32px;left:34px}.panel-arctic{background:linear-gradient(135deg,#0d1b2a 0%,#1b2838 100%)}.panel-code{background:linear-gradient(135deg,#0a1628 0%,#1a0a2e 100%)}.panel-mexico{background:linear-gradient(135deg,#1a0a0a 0%,#2a1a0a 100%)}.panel-hosting{background:linear-gradient(135deg,#0a1a0a 0%,#0a2a1a 100%)}.panel-empire{background:linear-gradient(135deg,#2a0a2a 0%,#1a0a2e 100%)}.panel-ems{background:linear-gradient(135deg,#2a0a0a 0%,#1a0a0a 100%)}.panel-final{background:linear-gradient(135deg,#0a0a0a 0%,#1a0a2e 50%,#2a0a0a 100%)}.sfx{font-family:var(--font-title);pointer-events:none;z-index:5;letter-spacing:3px;position:absolute}.sfx-pow{color:var(--comic-yellow);text-shadow:3px 3px 0 var(--comic-red), 6px 6px 0 #00000080;font-size:clamp(40px,6vw,80px);top:20px;right:40px;transform:rotate(-12deg)}.sfx-zap{color:var(--comic-cyan);text-shadow:2px 2px 0 var(--comic-blue), 4px 4px 0 #00000080;font-size:clamp(30px,5vw,60px);bottom:30px;left:30px;transform:rotate(8deg)}.sfx-boom{color:var(--comic-orange);text-shadow:3px 3px 0 var(--comic-red), 6px 6px 0 #00000080;font-size:clamp(50px,8vw,100px);top:30px;left:40px;transform:rotate(-5deg)}.sfx-crack{color:var(--comic-green);text-shadow:2px 2px 0 var(--comic-dark);font-size:clamp(28px,4vw,50px);top:20px;right:30px;transform:rotate(15deg)}.sfx-whoosh{color:var(--comic-pink);text-shadow:2px 2px 0 var(--comic-purple);font-size:clamp(24px,3.5vw,44px);bottom:20px;right:40px;transform:rotate(-8deg)}.starburst{background:var(--comic-yellow);clip-path:polygon(50% 0%,61% 15%,78% 5%,73% 24%,95% 25%,82% 40%,100% 50%,82% 60%,95% 75%,73% 76%,78% 95%,61% 85%,50% 100%,39% 85%,22% 95%,27% 76%,5% 75%,18% 60%,0% 50%,18% 40%,5% 25%,27% 24%,22% 5%,39% 15%);z-index:5;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute}.starburst-text{font-family:var(--font-title);color:var(--comic-dark);text-align:center;letter-spacing:1px;padding:20px;font-size:18px;line-height:1.1}.timeline-connector{justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.timeline-connector:before{content:"";background:repeating-linear-gradient(to bottom, var(--comic-yellow) 0px, var(--comic-yellow) 8px, transparent 8px, transparent 16px);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-year{font-family:var(--font-title);color:var(--comic-dark);background:var(--comic-yellow);border:4px solid var(--comic-dark);z-index:2;letter-spacing:3px;padding:8px 24px;font-size:32px;position:relative}.villain-stats{text-align:center;border:6px solid var(--comic-dark);outline:3px solid var(--comic-yellow);background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffd70005 10px 20px),linear-gradient(#0a0a0a,#1a0a2e);margin:0 24px;padding:80px 24px}.stats-title{font-family:var(--font-title);color:var(--comic-yellow);text-shadow:3px 3px 0 var(--comic-red);letter-spacing:3px;margin-bottom:48px;font-size:clamp(32px,5vw,56px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.stat-card{border:3px solid var(--comic-yellow);background:#fff8e70d;padding:32px 20px;transition:all .2s;position:relative}.stat-card:hover{box-shadow:6px 6px 0 var(--comic-red);transform:translate(-3px,-3px)}.stat-value{font-family:var(--font-title);color:var(--comic-yellow);text-shadow:2px 2px 0 var(--comic-red);letter-spacing:2px;font-size:48px}.stat-label{font-family:var(--font-marker);color:#fff8e7b3;letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-size:14px}.final-section{text-align:center;border:6px solid var(--comic-dark);outline:3px solid var(--comic-red);background:radial-gradient(#e6394626 0%,#0000 70%),linear-gradient(#1a0a0a,#0a0a0a);justify-content:center;align-items:center;min-height:60vh;margin:0 24px;padding:80px 24px;display:flex;position:relative;overflow:hidden}.final-content{z-index:2;position:relative}.final-title{font-family:var(--font-title);color:var(--comic-red);text-shadow:3px 3px 0 var(--comic-yellow), 6px 6px 0 #00000080;letter-spacing:4px;margin-bottom:24px;font-size:clamp(36px,7vw,80px);line-height:1}.final-text{font-family:var(--font-body);color:#fff8e7cc;max-width:600px;margin:0 auto 40px;font-size:clamp(16px,2vw,22px);line-height:1.7}.final-warning{font-family:var(--font-title);color:var(--comic-yellow);letter-spacing:4px;font-size:clamp(14px,1.5vw,18px);animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.comic-footer{text-align:center;border-top:4px solid var(--comic-yellow);background:var(--comic-dark);margin:0 24px;padding:40px 24px}.footer-text{font-family:var(--font-marker);color:#fff8e766;letter-spacing:2px;font-size:14px}.footer-links{justify-content:center;gap:24px;margin-top:16px;display:flex}.footer-links a{font-family:var(--font-title);color:var(--comic-yellow);letter-spacing:2px;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--comic-red)}@media (width<=768px){.panel-inner,.panel-inner.reverse{flex-direction:column}.panel-image{flex:0 0 250px}.panel-text{padding:32px 24px}.comic-panel{margin:0 12px}.comic-panel+.comic-panel{margin-top:-3px}.villain-stats,.final-section,.comic-footer{margin:0 12px}.timeline-connector{padding:28px 12px}.starburst{width:120px;height:120px}.starburst-text{padding:12px;font-size:12px}.sfx{display:none}.hero-section{min-height:90vh}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-60px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(60px)}.reveal-right.visible{opacity:1;transform:translate(0)}