:root{--blood:#a80000;--blood2:#d10000;--glow:rgba(255,0,0,.9);--img:url(https://i.postimg.cc/PrwjQkDk/Untitled-design-11.png)}html,body{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at 20% 20%,#556b2f 0 24%,transparent 25%),radial-gradient(circle at 80% 30%,#3f4f23 0 22%,transparent 23%),radial-gradient(circle at 40% 70%,#5f7a34 0 20%,transparent 21%),radial-gradient(ellipse at 70% 80%,#384a1e 0 26%,transparent 27%),radial-gradient(circle at 10% 80%,#263116 0 18%,transparent 19%),linear-gradient(135deg,#2b3a18,#1f2a10);background-size:600px 600px,520px 520px,560px 560px,640px 640px,500px 500px,cover;animation:camo-pan 18s linear infinite}@keyframes camo-pan{to{background-position:600px 600px,-520px 0,0 -560px,-640px -640px,500px -500px,0 0}}.stage{position:relative;width:100vw;height:100vh;display:grid;place-items:center}.hero{width:min(70vw,520px);height:auto;filter:drop-shadow(0 0 25px var(--glow)) drop-shadow(0 0 65px rgba(255,0,0,.6));animation:flyIn 1.6s cubic-bezier(.2,.8,.2,1) .2s both}@keyframes flyIn{0%{transform:translateY(-60vh) rotate(-8deg) scale(.85);opacity:0}60%{transform:translateY(6vh) rotate(2deg) scale(1.03);opacity:1}to{transform:translateY(0) rotate(0) scale(1)}}.bg-clones{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:blur(.2px)}.clone{position:absolute;opacity:0;transform:scale(.6) translate(-50%,-50%);filter:drop-shadow(0 0 12px var(--glow)) drop-shadow(0 0 28px rgba(255,0,0,.45));animation:pop 3.6s ease-out forwards}@keyframes pop{0%{opacity:0;transform:scale(.4) translate(-50%,-50%)}15%{opacity:.9;transform:scale(1.08) translate(-50%,-50%)}40%{opacity:.7;transform:scale(1) translate(-50%,-50%)}to{opacity:0;transform:scale(1.25) translate(-50%,-50%)}}canvas#blood{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.stage{z-index:6}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;background:radial-gradient(ellipse at center,#0000 55%,#00000059)}.popup{position:fixed;top:20px;left:20px;width:260px;padding:12px;background:linear-gradient(135deg,#8b0000,#a50000,#600);border:2px solid #ff0000;border-radius:8px;box-shadow:0 0 20px #f00c,inset 0 0 15px #0000004d,0 4px 15px #00000080;color:#fcc;font-family:Courier New,monospace;font-size:13px;line-height:1.4;z-index:10;animation:bloodPulse 2s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:all .3s ease}.popup:hover{transform:scale(1.02);box-shadow:0 0 30px red,inset 0 0 15px #0000004d,0 4px 20px #0009}.popup.collapsed{width:50px;height:32px;padding:6px;overflow:hidden}.popup.collapsed .content{display:none}.roadmap{position:fixed;top:20px;right:20px;width:280px;padding:12px;background:linear-gradient(135deg,#8b0000,#a50000,#600);border:2px solid #ff0000;border-radius:8px;box-shadow:0 0 20px #f00c,inset 0 0 15px #0000004d,0 4px 15px #00000080;color:#fcc;font-family:Courier New,monospace;font-size:12px;line-height:1.3;z-index:10;animation:bloodPulse 2s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:all .3s ease}.roadmap:hover{transform:scale(1.02);box-shadow:0 0 30px red,inset 0 0 15px #0000004d,0 4px 20px #0009}.roadmap.collapsed{width:70px;height:32px;padding:6px;overflow:hidden}.roadmap.collapsed .content{display:none}.roadmap .toggle{font-weight:700;color:#f66;text-shadow:0 0 8px rgba(255,0,0,.8)}.roadmap:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,red,#8b0000,red);border-radius:10px;z-index:-1;filter:blur(3px);opacity:.7}.roadmap p{margin:3px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.roadmap .section{margin-bottom:8px}.roadmap .section-title{color:#f66;font-weight:700;margin-bottom:4px;text-shadow:0 0 8px rgba(255,0,0,.8)}.popup .toggle{font-weight:700;color:#f66;text-shadow:0 0 8px rgba(255,0,0,.8)}.popup:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,red,#8b0000,red);border-radius:10px;z-index:-1;filter:blur(3px);opacity:.7}.popup h3{margin:0 0 8px;color:#f66;text-shadow:0 0 8px rgba(255,0,0,.8);font-size:14px}.popup p{margin:4px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes bloodPulse{0%{box-shadow:0 0 20px #f00c,inset 0 0 15px #0000004d,0 4px 15px #00000080}to{box-shadow:0 0 35px red,inset 0 0 15px #0000004d,0 4px 15px #00000080}}
