@import url(https://fonts.googleapis.com/css2?family=Creepster&family=Nosifer&family=Eater&family=Butcherman&family=Chiller&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap);:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#1e1e1e;--bg-card-hover:#2a2a2a;--accent-red:#8b0000;--accent-crimson:#dc143c;--accent-blood:#600;--text-primary:#f5f5f5;--text-secondary:#ccc;--text-muted:#888;--shadow-dark:#000c;--shadow-red:#8b00004d;--border-dark:#333}body{font-family:Crimson Text,serif;margin:0;overflow-x:hidden;padding:0}.app-container{animation:subtleGlow 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 50%,#8b00001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b00001a 0,#0000 50%),radial-gradient(circle at 40% 80%,#8b00001a 0,#0000 50%),radial-gradient(ellipse at 5% 95%,#3c3c3c26 0,#0000 30%),radial-gradient(ellipse at 95% 5%,#3c3c3c26 0,#0000 30%),linear-gradient(135deg,#0a0a0a,#0d0d0d 50%,#0a0a0a);background:radial-gradient(circle at 20% 50%,#8b00001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b00001a 0,#0000 50%),radial-gradient(circle at 40% 80%,#8b00001a 0,#0000 50%),radial-gradient(ellipse at 5% 95%,#3c3c3c26 0,#0000 30%),radial-gradient(ellipse at 95% 5%,#3c3c3c26 0,#0000 30%),linear-gradient(135deg,var(--bg-primary) 0,#0d0d0d 50%,var(--bg-primary) 100%);color:#f5f5f5;color:var(--text-primary);min-height:100vh;overflow:hidden;padding:1rem;position:relative}@keyframes subtleGlow{0%{background-position:0 0,100% 100%,50% 50%,0 100%,100% 0,50% 50%;background-size:200% 200%,200% 200%,200% 200%,150% 150%,150% 150%,100% 100%}50%{background-position:20% 20%,80% 80%,60% 60%,10% 90%,90% 10%,50% 50%;background-size:250% 250%,250% 250%,250% 250%,200% 200%,200% 200%,100% 100%}to{background-position:40% 40%,60% 60%,70% 70%,20% 80%,80% 20%,50% 50%;background-size:300% 300%,300% 300%,300% 300%,250% 250%,250% 250%,100% 100%}}.app-container:before{animation:floatPattern 30s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='%23111' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 5 5 30h30L63 57l7 30-20-17-20 17 7-30-22-22h30Z' fill='%23080808' fill-opacity='.02'/%3E%3C/svg%3E")}.app-container:after,.app-container:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.app-container:after{animation:atmosphericGlow 20s ease-in-out infinite alternate;background:radial-gradient(circle at 10% 20%,#8b00000d 0,#0000 40%),radial-gradient(circle at 90% 80%,#8b00000d 0,#0000 40%)}.werewolf-silhouette{animation:werewolfMove 15s linear infinite;filter:blur(1px);opacity:1;pointer-events:none;position:fixed;z-index:5}.werewolf-1{animation-delay:0s;background:radial-gradient(ellipse at 30% 20%,#000c 0,#0000 60%),radial-gradient(ellipse at 40% 50%,#0009 0,#0000 70%),linear-gradient(45deg,#00000080 30%,#0000 70%);-webkit-clip-path:polygon(40% 0,50% 10%,60% 0,70% 15%,65% 25%,80% 40%,75% 60%,85% 80%,80% 100%,60% 95%,40% 100%,20% 95%,5% 80%,15% 60%,10% 40%,25% 25%,20% 15%,30% 0);clip-path:polygon(40% 0,50% 10%,60% 0,70% 15%,65% 25%,80% 40%,75% 60%,85% 80%,80% 100%,60% 95%,40% 100%,20% 95%,5% 80%,15% 60%,10% 40%,25% 25%,20% 15%,30% 0);height:120px;left:-200px;top:15%;width:80px}.werewolf-2{animation-delay:-8s;animation-duration:35s;background:radial-gradient(ellipse at 35% 25%,#0000004d 0,#0000 65%),linear-gradient(135deg,#00000040 20%,#0000 80%);-webkit-clip-path:polygon(35% 0,45% 8%,55% 0,65% 12%,70% 25%,75% 45%,80% 70%,75% 90%,70% 100%,50% 95%,30% 100%,25% 90%,20% 70%,25% 45%,30% 25%,35% 12%);clip-path:polygon(35% 0,45% 8%,55% 0,65% 12%,70% 25%,75% 45%,80% 70%,75% 90%,70% 100%,50% 95%,30% 100%,25% 90%,20% 70%,25% 45%,30% 25%,35% 12%);height:90px;right:-150px;top:70%;width:60px}.werewolf-3{animation-delay:-15s;animation-duration:40s;background:radial-gradient(ellipse at 40% 30%,#00000040 0,#0000 70%),linear-gradient(60deg,#0003 40%,#0000 70%);-webkit-clip-path:polygon(30% 5%,40% 0,50% 5%,60% 15%,65% 30%,70% 50%,65% 75%,70% 95%,60% 100%,40% 95%,30% 100%,20% 95%,15% 75%,20% 50%,25% 30%,30% 15%);clip-path:polygon(30% 5%,40% 0,50% 5%,60% 15%,65% 30%,70% 50%,65% 75%,70% 95%,60% 100%,40% 95%,30% 100%,20% 95%,15% 75%,20% 50%,25% 30%,30% 15%);height:70px;left:-120px;top:40%;width:50px}.shadow-figure{animation:shadowMove 20s linear infinite;background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);filter:blur(2px);opacity:1;pointer-events:none;position:fixed;z-index:5}.shadow-1{animation-delay:-5s;-webkit-clip-path:polygon(40% 0,60% 0,65% 20%,70% 40%,75% 60%,80% 80%,75% 100%,25% 100%,20% 80%,25% 60%,30% 40%,35% 20%);clip-path:polygon(40% 0,60% 0,65% 20%,70% 40%,75% 60%,80% 80%,75% 100%,25% 100%,20% 80%,25% 60%,30% 40%,35% 20%);height:80px;right:-100px;top:25%;width:25px}.shadow-2{animation-delay:-12s;animation-duration:25s;-webkit-clip-path:polygon(45% 0,55% 0,60% 25%,65% 50%,70% 75%,65% 100%,35% 100%,30% 75%,35% 50%,40% 25%);clip-path:polygon(45% 0,55% 0,60% 25%,65% 50%,70% 75%,65% 100%,35% 100%,30% 75%,35% 50%,40% 25%);height:60px;left:-80px;top:60%;width:20px}.shadow-3{animation-delay:-20s;animation-duration:35s;-webkit-clip-path:polygon(42% 0,58% 0,62% 30%,66% 60%,62% 100%,38% 100%,34% 60%,38% 30%);clip-path:polygon(42% 0,58% 0,62% 30%,66% 60%,62% 100%,38% 100%,34% 60%,38% 30%);height:50px;right:-70px;top:80%;width:18px}.shadow-4{animation-delay:-28s;animation-duration:28s;-webkit-clip-path:polygon(40% 0,60% 0,65% 35%,70% 70%,65% 100%,35% 100%,30% 70%,35% 35%);clip-path:polygon(40% 0,60% 0,65% 35%,70% 70%,65% 100%,35% 100%,30% 70%,35% 35%);height:40px;left:-60px;top:10%;width:15px}.blood-drop{animation:bloodDrop 12s linear infinite;background:radial-gradient(circle at 30% 30%,#8b0000cc 0,#6009 50%,#3c000066 100%);border-radius:50% 50% 50% 70%;filter:blur(.5px);opacity:0;pointer-events:none;position:fixed;z-index:2}.blood-drop-1{animation-delay:0s;height:12px;left:15%;top:-20px;width:8px}.blood-drop-2{animation-delay:-3s;height:10px;left:35%;top:-20px;width:6px}.blood-drop-3{animation-delay:-6s;height:15px;left:65%;top:-20px;width:10px}.blood-drop-4{animation-delay:-9s;height:11px;left:85%;top:-20px;width:7px}.blood-drop-5{animation-delay:-2s;height:8px;left:25%;top:-20px;width:5px}.blood-drop-6{animation-delay:-7s;height:13px;left:75%;top:-20px;width:9px}.blood-splatter{animation:bloodSplatter 15s ease-in-out infinite;opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-splatter-1{animation-delay:0s;background:radial-gradient(circle at 20% 30%,#8b000099 0,#0000 40%),radial-gradient(circle at 70% 60%,#6006 0,#0000 35%),radial-gradient(circle at 50% 80%,#3c00004d 0,#0000 30%);-webkit-clip-path:polygon(50% 0,80% 20%,90% 50%,70% 80%,40% 90%,10% 70%,20% 30%);clip-path:polygon(50% 0,80% 20%,90% 50%,70% 80%,40% 90%,10% 70%,20% 30%);height:30px;left:10%;top:20%;width:30px}.blood-splatter-2{animation-delay:-5s;background:radial-gradient(circle at 30% 40%,#8b000080 0,#0000 45%),radial-gradient(circle at 80% 20%,#6006 0,#0000 35%);-webkit-clip-path:polygon(30% 10%,70% 5%,85% 40%,75% 75%,45% 85%,15% 60%,25% 25%);clip-path:polygon(30% 10%,70% 5%,85% 40%,75% 75%,45% 85%,15% 60%,25% 25%);height:25px;right:15%;top:60%;width:25px}.blood-splatter-3{animation-delay:-10s;background:radial-gradient(circle at 40% 30%,#8b000066 0,#0000 50%),radial-gradient(circle at 60% 70%,#6600004d 0,#0000 40%);-webkit-clip-path:polygon(40% 0,60% 15%,85% 35%,70% 65%,50% 90%,25% 75%,15% 45%,35% 20%);clip-path:polygon(40% 0,60% 15%,85% 35%,70% 65%,50% 90%,25% 75%,15% 45%,35% 20%);height:20px;left:70%;top:80%;width:20px}.blood-splatter-4{animation-delay:-3s;background:radial-gradient(circle at 25% 25%,#8b0000b3 0,#0000 40%),radial-gradient(circle at 75% 75%,#66000080 0,#0000 35%),radial-gradient(circle at 60% 40%,#3c00004d 0,#0000 30%);-webkit-clip-path:polygon(45% 5%,65% 10%,85% 30%,90% 55%,75% 80%,50% 90%,25% 85%,10% 65%,15% 40%,30% 15%);clip-path:polygon(45% 5%,65% 10%,85% 30%,90% 55%,75% 80%,50% 90%,25% 85%,10% 65%,15% 40%,30% 15%);height:35px;right:25%;top:35%;width:35px}.blood-drop-7{animation-delay:-1s;height:7px;left:5%;top:-20px;width:4px}.blood-drop-8{animation-delay:-4s;height:16px;left:45%;top:-20px;width:11px}.blood-drop-9{animation-delay:-8s;height:9px;left:55%;top:-20px;width:6px}.blood-drop-10{animation-delay:-5s;height:12px;left:95%;top:-20px;width:8px}.blood-trail{animation:bloodTrail 20s linear infinite;background:linear-gradient(180deg,#8b000099,#6006 30%,#3c000033 70%,#0000);filter:blur(1px);opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-trail-1{animation-delay:0s;height:80px;left:20%;top:10%;width:2px}.blood-trail-2{animation-delay:-7s;height:120px;right:30%;top:25%;width:3px}.blood-trail-3{animation-delay:-14s;height:100px;left:80%;top:5%;width:2px}.blood-puddle{animation:bloodPuddle 25s ease-in-out infinite;border-radius:50%;filter:blur(2px);opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-puddle-1{animation-delay:-5s;background:radial-gradient(ellipse at center,#8b0000cc 0,#6009 40%,#3c00004d 70%,#0000 100%);bottom:15%;height:15px;left:10%;width:40px}.blood-puddle-2{animation-delay:-12s;background:radial-gradient(ellipse at center,#8b0000b3 0,#66000080 50%,#3c000033 80%,#0000 100%);bottom:30%;height:12px;right:20%;width:30px}.blood-puddle-3{animation-delay:-18s;background:radial-gradient(ellipse at center,#8b000099 0,#6006 60%,#3c000033 90%,#0000 100%);bottom:8%;height:10px;left:70%;width:25px}.blood-streak{animation:bloodStreak 18s ease-in-out infinite;filter:blur(.5px);opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-streak-1{animation-delay:-2s;background:linear-gradient(90deg,#8b0000b3,#66000080 50%,#3c00004d 80%,#0000);height:4px;left:5%;top:40%;transform:rotate(-15deg);width:60px}.blood-streak-2{animation-delay:-9s;background:linear-gradient(90deg,#0000,#3c00004d 20%,#66000080 50%,#8b0000b3);height:3px;right:10%;top:70%;transform:rotate(25deg);width:45px}.blood-streak-3{animation-delay:-15s;background:linear-gradient(90deg,#8b000099,#6006 60%,#3c000033 90%,#0000);height:2px;left:60%;top:20%;transform:rotate(-35deg);width:35px}.blood-mist{animation:bloodMist 30s ease-in-out infinite;border-radius:50%;filter:blur(8px);opacity:0;pointer-events:none;position:fixed;z-index:0}.blood-mist-1{animation-delay:-10s;background:radial-gradient(circle at center,#8b000033 0,#6600001a 40%,#0000 70%);height:80px;left:15%;top:30%;width:80px}.blood-mist-2{animation-delay:-20s;background:radial-gradient(circle at center,#8b000026 0,#66000014 50%,#0000 80%);height:100px;right:25%;top:60%;width:100px}.blood-drop-11{animation-delay:-.5s;height:10px;left:12%;top:-20px;width:7px}.blood-drop-12{animation-delay:-3.5s;height:14px;left:38%;top:-20px;width:9px}.blood-drop-13{animation-delay:-6.5s;height:8px;left:68%;top:-20px;width:5px}.blood-drop-14{animation-delay:-9.5s;height:18px;left:88%;top:-20px;width:12px}.blood-drop-15{animation-delay:-11s;height:9px;left:3%;top:-20px;width:6px}.blood-splatter-5{animation-delay:-7s;background:radial-gradient(circle at 40% 20%,#8b000099 0,#0000 45%),radial-gradient(circle at 80% 80%,#6006 0,#0000 40%);-webkit-clip-path:polygon(35% 5%,65% 10%,90% 40%,80% 70%,50% 85%,20% 75%,10% 45%,25% 15%);clip-path:polygon(35% 5%,65% 10%,90% 40%,80% 70%,50% 85%,20% 75%,10% 45%,25% 15%);height:28px;left:50%;top:15%;width:28px}.blood-splatter-6{animation-delay:-11s;background:radial-gradient(circle at 30% 30%,#8b000080 0,#0000 50%),radial-gradient(circle at 70% 70%,#6600004d 0,#0000 45%);-webkit-clip-path:polygon(40% 8%,60% 12%,80% 35%,75% 65%,45% 88%,25% 70%,20% 40%,35% 20%);clip-path:polygon(40% 8%,60% 12%,80% 35%,75% 65%,45% 88%,25% 70%,20% 40%,35% 20%);height:22px;right:5%;top:45%;width:22px}.blood-drip{animation:bloodDrip 22s ease-in-out infinite;background:linear-gradient(180deg,#8b0000cc,#6009 20%,#3c000066 60%,#0000);border-radius:2px;filter:blur(.5px);opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-drip-1{animation-delay:-3s;height:150px;left:8%;top:0;width:3px}.blood-drip-2{animation-delay:-9s;height:180px;right:12%;top:0;width:4px}.blood-drip-3{animation-delay:-15s;height:120px;left:72%;top:0;width:2px}.lightning-flash{background:#ffffff1a;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.lightning-flash-1{animation:skyFlash1 60s infinite}.lightning-flash-2{animation:skyFlash2 70s 20s infinite}.lightning-flash-3{animation:skyFlash3 65s 40s infinite}.lightning-svg{filter:drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 15px #ffffff) drop-shadow(0 0 25px #ccddff);opacity:0;pointer-events:none;position:fixed;z-index:0}.lightning-path{stroke:#fff;fill:none;stroke-linecap:round;stroke-linejoin:round}.main-bolt{stroke-width:3}.branch{stroke-width:1.5;opacity:.8}.sub-branch{stroke-width:1;opacity:.6}.lightning-svg-1{animation:lightningStrike1 60s infinite;height:400px;left:25%;top:20%;width:200px}.lightning-svg-2{animation:lightningStrike2 70s 20s infinite;height:450px;right:20%;top:15%;width:180px}.lightning-svg-3{animation:lightningStrike3 65s 40s infinite;height:350px;left:55%;top:25%;width:150px}.dark-fog{animation:darkFog 35s ease-in-out infinite;border-radius:50%;filter:blur(12px);opacity:0;pointer-events:none;position:fixed;z-index:0}.dark-fog-1{animation-delay:-5s;background:radial-gradient(ellipse at center,#14141466 0,#0a0a0a33 50%,#0000 80%);height:120px;left:-50px;top:20%;width:200px}.dark-fog-2{animation-delay:-15s;background:radial-gradient(ellipse at center,#0f0f0f80 0,#0505054d 40%,#0000 70%);height:150px;right:-80px;top:60%;width:250px}.dark-fog-3{animation-delay:-25s;background:radial-gradient(ellipse at center,#1919194d 0,#0f0f0f33 60%,#0000 90%);height:100px;left:20%;top:80%;width:180px}.dark-fog-4{animation-delay:-30s;background:radial-gradient(ellipse at center,#12121266 0,#08080840 45%,#0000 75%);height:130px;right:30%;top:10%;width:220px}.blood-pool{animation:bloodPool 30s ease-in-out infinite;border-radius:50%;filter:blur(1px);opacity:0;pointer-events:none;position:fixed;z-index:1}.blood-pool-1{animation-delay:-8s;background:radial-gradient(ellipse at center,#8b0000e6 0,#660000b3 30%,#3c000066 60%,#0000 100%);bottom:5%;height:20px;left:30%;width:60px}.blood-pool-2{animation-delay:-20s;background:radial-gradient(ellipse at center,#8b0000cc 0,#6009 40%,#3c00004d 70%,#0000 100%);bottom:12%;height:18px;right:15%;width:45px}@keyframes floatPattern{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-60px) rotate(1turn)}}@keyframes atmosphericGlow{0%{background:radial-gradient(circle at 10% 20%,#8b00000d 0,#0000 40%),radial-gradient(circle at 90% 80%,#8b00000d 0,#0000 40%)}50%{background:radial-gradient(circle at 30% 70%,#8b000014 0,#0000 50%),radial-gradient(circle at 70% 30%,#8b000014 0,#0000 50%)}to{background:radial-gradient(circle at 15% 60%,#8b00000f 0,#0000 45%),radial-gradient(circle at 85% 10%,#8b00000f 0,#0000 45%)}}@keyframes werewolfMove{0%{opacity:0;transform:translateX(0) scale(.8)}5%{opacity:.6;transform:translateX(100px) scale(.85)}15%{opacity:.8;transform:translateX(300px) scale(.9)}30%{opacity:1;transform:translateX(600px) scale(.95)}50%{opacity:.8;transform:translateX(1000px) scale(1)}70%{opacity:.6;transform:translateX(1400px) scale(.95)}85%{opacity:.4;transform:translateX(1700px) scale(.9)}95%{opacity:.2;transform:translateX(1900px) scale(.85)}to{opacity:0;transform:translateX(2000px) scale(.8)}}@keyframes shadowMove{0%{opacity:0;transform:translateX(0) translateY(0)}8%{opacity:.5;transform:translateX(150px) translateY(-5px)}20%{opacity:.7;transform:translateX(400px) translateY(-12px)}40%{opacity:.8;transform:translateX(700px) translateY(-8px)}60%{opacity:.7;transform:translateX(1000px) translateY(-15px)}80%{opacity:.5;transform:translateX(1300px) translateY(-10px)}95%{opacity:.2;transform:translateX(1500px) translateY(-5px)}to{opacity:0;transform:translateX(1600px) translateY(0)}}@keyframes bloodDrop{0%{opacity:0;transform:translateY(0) scale(.8)}5%{opacity:.4;transform:translateY(50px) scale(1)}15%{opacity:.6;transform:translateY(150px) scale(1.1)}30%{opacity:.7;transform:translateY(300px) scale(1.2)}50%{opacity:.8;transform:translateY(500px) scale(1.3)}70%{opacity:.6;transform:translateY(700px) scale(1.2)}85%{opacity:.4;transform:translateY(900px) scale(1.1)}95%{opacity:.2;transform:translateY(1000px) scale(1)}to{opacity:0;transform:translateY(1100px) scale(.9)}}@keyframes bloodSplatter{0%{opacity:0;transform:scale(.5) rotate(0deg)}8%{opacity:.3;transform:scale(.7) rotate(15deg)}15%{opacity:.5;transform:scale(.9) rotate(30deg)}25%{opacity:.7;transform:scale(1.1) rotate(45deg)}40%{opacity:.8;transform:scale(1.3) rotate(60deg)}60%{opacity:.6;transform:scale(1.2) rotate(90deg)}80%{opacity:.4;transform:scale(1) rotate(120deg)}95%{opacity:.1;transform:scale(.8) rotate(150deg)}to{opacity:0;transform:scale(.6) rotate(180deg)}}@keyframes bloodTrail{0%{opacity:0;transform:translateY(0) scaleY(.5)}10%{opacity:.4;transform:translateY(20px) scaleY(.8)}25%{opacity:.6;transform:translateY(60px) scaleY(1.2)}50%{opacity:.7;transform:translateY(120px) scaleY(1.5)}75%{opacity:.5;transform:translateY(180px) scaleY(1.2)}90%{opacity:.2;transform:translateY(220px) scaleY(.8)}to{opacity:0;transform:translateY(250px) scaleY(.5)}}@keyframes bloodPuddle{0%{opacity:0;transform:scale(.3)}15%{opacity:.3;transform:scale(.6)}30%{opacity:.5;transform:scale(.9)}50%{opacity:.7;transform:scale(1.2)}70%{opacity:.6;transform:scale(1.1)}85%{opacity:.4;transform:scale(.9)}to{opacity:0;transform:scale(.5)}}@keyframes bloodStreak{0%{opacity:0;transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(var(--rotation,0deg))}12%{opacity:.4;transform:scaleX(.5) rotate(0deg);transform:scaleX(.5) rotate(var(--rotation,0deg))}25%{opacity:.6;transform:scaleX(.8) rotate(0deg);transform:scaleX(.8) rotate(var(--rotation,0deg))}40%{opacity:.8;transform:scaleX(1.2) rotate(0deg);transform:scaleX(1.2) rotate(var(--rotation,0deg))}60%{opacity:.7;transform:scaleX(1.1) rotate(0deg);transform:scaleX(1.1) rotate(var(--rotation,0deg))}80%{opacity:.4;transform:scaleX(.8) rotate(0deg);transform:scaleX(.8) rotate(var(--rotation,0deg))}to{opacity:0;transform:scaleX(.3) rotate(0deg);transform:scaleX(.3) rotate(var(--rotation,0deg))}}@keyframes bloodMist{0%{opacity:0;transform:scale(.8) rotate(0deg)}20%{opacity:.15;transform:scale(1.1) rotate(30deg)}40%{opacity:.25;transform:scale(1.4) rotate(60deg)}60%{opacity:.2;transform:scale(1.6) rotate(90deg)}80%{opacity:.1;transform:scale(1.3) rotate(120deg)}to{opacity:0;transform:scale(1) rotate(180deg)}}@keyframes bloodDrip{0%{opacity:0;transform:scaleY(0)}8%{opacity:.3;transform:scaleY(.2)}20%{opacity:.5;transform:scaleY(.5)}40%{opacity:.7;transform:scaleY(.8)}60%{opacity:.8;transform:scaleY(1)}80%{opacity:.6;transform:scaleY(.9)}95%{opacity:.3;transform:scaleY(.7)}to{opacity:0;transform:scaleY(.5)}}@keyframes lightningStrike1{0%,92%,to{opacity:0}1%{opacity:1}1.5%{opacity:0}2%{opacity:1}2.2%{opacity:.7}2.5%{opacity:1}3%{opacity:0}3.5%{opacity:.8}4%{opacity:0}}@keyframes lightningStrike2{0%,94%,to{opacity:0}1.5%{opacity:1}2%{opacity:0}2.2%{opacity:1}2.8%{opacity:.6}3.2%{opacity:1}3.8%{opacity:0}}@keyframes lightningStrike3{0%,93%,to{opacity:0}1%{opacity:.9}1.3%{opacity:0}1.8%{opacity:1}2.5%{opacity:.5}3%{opacity:1}3.5%{opacity:0}}@keyframes skyFlash1{0%,92%,to{opacity:0}1%,2.5%{opacity:.2}1.5%{opacity:.05}}@keyframes skyFlash2{0%,94%,to{opacity:0}1.5%,3.2%{opacity:.25}2%{opacity:.08}}@keyframes skyFlash3{0%,93%,to{opacity:0}1%,3%{opacity:.18}1.8%{opacity:.06}}@keyframes darkFog{0%{opacity:0;transform:translateX(0) scale(.8)}15%{opacity:.3;transform:translateX(50px) scale(1)}30%{opacity:.5;transform:translateX(100px) scale(1.2)}50%{opacity:.6;transform:translateX(150px) scale(1.4)}70%{opacity:.4;transform:translateX(200px) scale(1.2)}85%{opacity:.2;transform:translateX(250px) scale(1)}to{opacity:0;transform:translateX(300px) scale(.8)}}@keyframes bloodPool{0%{opacity:0;transform:scale(.2)}20%{opacity:.4;transform:scale(.6)}40%{opacity:.6;transform:scale(1)}60%{opacity:.8;transform:scale(1.3)}80%{opacity:.6;transform:scale(1.2)}95%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.content-wrapper{margin:0 auto;max-width:800px;position:relative;z-index:10}.header{animation:fadeInDown 1s ease-out;padding:1.5rem 0;position:relative;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header h1{animation:titleGlow 3s ease-in-out infinite alternate;color:#f5f5f5;color:var(--text-primary);font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:3px;margin-bottom:1rem;position:relative;text-shadow:0 0 10px #8b0000,0 0 20px #8b0000,0 0 30px #8b0000,2px 2px 4px #000c;text-shadow:0 0 10px var(--accent-red),0 0 20px var(--accent-red),0 0 30px var(--accent-red),2px 2px 4px #000c}@keyframes titleGlow{0%{text-shadow:0 0 10px #8b0000,0 0 20px #8b0000,0 0 30px #8b0000,2px 2px 4px #000c;text-shadow:0 0 10px var(--accent-red),0 0 20px var(--accent-red),0 0 30px var(--accent-red),2px 2px 4px #000c}to{text-shadow:0 0 15px #dc143c,0 0 25px #dc143c,0 0 35px #dc143c,2px 2px 4px #000c;text-shadow:0 0 15px var(--accent-crimson),0 0 25px var(--accent-crimson),0 0 35px var(--accent-crimson),2px 2px 4px #000c}}.header h1:before{animation:float 2s ease-in-out infinite alternate;left:-60px}.header h1:after,.header h1:before{content:"💀";font-size:.8em;position:absolute;top:50%;transform:translateY(-50%)}.header h1:after{animation:float 2s ease-in-out infinite alternate-reverse;right:-60px}@keyframes float{0%{transform:translateY(-50%) rotate(-5deg)}to{transform:translateY(-60%) rotate(5deg)}}.header p{animation:fadeIn 1s ease-out .5s both;color:#ccc;color:var(--text-secondary);font-size:1.2rem;font-style:italic;text-shadow:1px 1px 2px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-card{animation:cardEntry .8s ease-out;background:linear-gradient(145deg,#1e1e1e,#1a1a1a 50%,#1e1e1e);background:linear-gradient(145deg,var(--bg-card) 0,#1a1a1a 50%,var(--bg-card) 100%);border:2px solid #333;border:2px solid var(--border-dark);border-radius:15px;box-shadow:0 10px 30px #000c,inset 0 1px 0 #ffffff1a,0 0 0 1px #8b000033;box-shadow:0 10px 30px var(--shadow-dark),inset 0 1px 0 #ffffff1a,0 0 0 1px #8b000033;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}@keyframes cardEntry{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.story-card:before{animation:cardRotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#8b00001a,#0000,#8b00001a);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes cardRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-card:hover{box-shadow:0 20px 40px #000c,inset 0 1px 0 #fff3,0 0 0 1px #8b000066,0 0 30px #8b000033;box-shadow:0 20px 40px var(--shadow-dark),inset 0 1px 0 #fff3,0 0 0 1px #8b000066,0 0 30px #8b000033;transform:translateY(-5px)}.story-content{margin-bottom:2rem;position:relative;z-index:2}.story-content h2{animation:titlePulse 2s ease-in-out infinite alternate;color:#dc143c;color:var(--accent-crimson);font-family:Cinzel,serif;font-size:2rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px #000c,0 0 10px #8b000080}@keyframes titlePulse{0%{text-shadow:2px 2px 4px #000c,0 0 10px #8b000080}to{text-shadow:2px 2px 4px #000c,0 0 15px #dc143cb3}}.riddle-text{animation:textGlow 4s ease-in-out infinite alternate;background:#8b00000d;border-radius:10px 10px 10px 10px;color:#f5f5f5;color:var(--text-primary);font-size:1.25rem;font-style:italic;line-height:1.8;padding:1rem;text-align:center;text-shadow:1px 1px 2px #000c}@keyframes textGlow{0%{background:#8b00000d}to{background:#8b00001a}}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0000;border-radius:25px;color:#f5f5f5;color:var(--text-primary);cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:1rem;font-weight:600;gap:.7rem;letter-spacing:1px;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 10px 25px #0006,0 0 0 2px #8b000080;transform:translateY(-3px) scale(1.05)}.btn:active{transform:translateY(0) scale(1)}.btn-primary{background:linear-gradient(135deg,#8b0000,#dc143c);background:linear-gradient(135deg,var(--accent-red) 0,var(--accent-crimson) 100%);border-color:#dc143c;border-color:var(--accent-crimson);box-shadow:0 5px 15px #8b00004d}.btn-primary:hover{background:linear-gradient(135deg,#dc143c,#ff1744);background:linear-gradient(135deg,var(--accent-crimson) 0,#ff1744 100%);box-shadow:0 10px 25px #8b000080,0 0 0 2px #ff174480}.btn-secondary{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#4a4a4a;box-shadow:0 5px 15px #0000004d}.btn-secondary:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:#8b0000;border-color:var(--accent-red)}.btn-nav{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#3a3a3a;box-shadow:0 5px 15px #0000004d}.btn-nav:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#8b0000;border-color:var(--accent-red)}.hints-section{animation:sectionSlide .5s ease-out;background:linear-gradient(145deg,#8b00001a,#8b00000d);border:1px solid #8b00004d;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff1a,0 5px 15px #0000004d;margin-bottom:2rem;padding:1.5rem}@keyframes sectionSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hints-section h3{color:#dc143c;color:var(--accent-crimson);font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-align:center;text-shadow:1px 1px 2px #000c}.hints-list{display:flex;flex-direction:column;gap:.7rem}.hint-item{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;border-radius:10px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.hint-item:before{background:linear-gradient(90deg,#0000,#8b00001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.hint-item:hover:before{left:100%}.hint-item:hover{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);box-shadow:0 5px 15px #0006;transform:translateX(10px)}.hint-item.revealed,.hint-item:hover{border-color:#8b0000;border-color:var(--accent-red)}.hint-item.revealed{background:linear-gradient(135deg,#8b000033,#8b00001a);box-shadow:0 5px 15px #8b00004d,inset 0 1px 0 #ffffff1a}.hint-hidden{color:#888;color:var(--text-muted);font-style:italic;text-align:center}.solution-section{animation:solutionReveal .5s ease-out;background:linear-gradient(145deg,#22c55e1a,#22c55e0d);border:2px solid #22c55e4d;border-radius:15px;box-shadow:0 10px 30px #22c55e33,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:2rem;position:relative}@keyframes solutionReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.solution-section:before{animation:solutionRotate 15s linear infinite;background:conic-gradient(from 0deg,#0000,#22c55e1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes solutionRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.solution-section h3{color:#22c55e;font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-align:center;text-shadow:2px 2px 4px #000c,0 0 10px #22c55e80}.solution-section p{color:#f5f5f5;color:var(--text-primary);font-size:1.1rem;line-height:1.6;position:relative;text-align:center;text-shadow:1px 1px 2px #000c;z-index:1}.navigation{align-items:center;animation:fadeInUp 1s ease-out .3s both;display:flex;justify-content:space-between;margin-bottom:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-counter{background:#8b00001a;border:1px solid #8b00004d;border-radius:20px;color:#ccc;color:var(--text-secondary);font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:.5rem 1rem;text-shadow:1px 1px 2px #000c}.info-section{animation:fadeIn 1s ease-out .8s both;color:#888;color:var(--text-muted);font-size:1rem;font-style:italic;text-align:center}.info-section p:first-child{color:#ccc;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b0000,#dc143c);background:linear-gradient(135deg,var(--accent-red) 0,var(--accent-crimson) 100%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc143c,#ff1744);background:linear-gradient(135deg,var(--accent-crimson) 0,#ff1744 100%)}@media (max-width:768px){.header h1:after,.header h1:before{display:none}.action-buttons{align-items:center;flex-direction:column}.navigation{flex-direction:column;gap:1.5rem}.btn{justify-content:center;max-width:300px;width:100%}.story-card{padding:1.5rem}.header h1{font-size:2.5rem}}@media (max-width:480px){.app-container{padding:.5rem}.header{padding:2rem 0}.story-card{padding:1rem}.btn{font-size:.9rem;padding:.6rem 1rem}}.footer{border-top:1px solid #ffffff1a;margin-top:2rem;opacity:.7;padding:1.5rem 0 1rem;text-align:center;transition:opacity .3s ease}.footer:hover{opacity:1}.footer p{color:#888;color:var(--text-muted);font-size:.9rem;font-style:italic;letter-spacing:.5px;margin:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.131ad225.css.map*/