:root{--bg:#0a0a0a;--blood:#8b0000;--blood2:#c1121f;--swamp:#4a7c59;--bone:#e8e2d0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--bone);font-family:'Vazirmatn',sans-serif;min-height:100vh;overflow-x:hidden;
cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='28'><text y='22' font-size='20'>💀</text></svg>") 4 4,auto}
button,a,input,select,textarea{cursor:inherit;font-family:inherit}
.fog{position:fixed;inset:-50%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 40%,rgba(232,226,208,.06),transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(74,124,89,.07),transparent 45%);animation:drift 40s linear infinite alternate}
.fog2{animation-duration:65s;animation-direction:alternate-reverse;opacity:.7}
@keyframes drift{from{transform:translate(-5%,0)}to{transform:translate(5%,3%)}}
.swamp{position:fixed;bottom:0;left:0;right:0;height:35vh;pointer-events:none;z-index:0;background:linear-gradient(to top,rgba(74,124,89,.22),transparent)}
#root{position:relative;z-index:1}
.creep{font-family:'Creepster',cursive;letter-spacing:.05em}
.flicker{animation:flicker 6s infinite}
@keyframes flicker{0%,19%,21%,62%,64%,100%{opacity:1}20%,63%{opacity:.3}}
.drip{animation:drip 3s ease-in infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.card{background:linear-gradient(160deg,#151212,#0d0b0b);border:1px solid #2a1515;transition:.2s}
.card:hover{animation:shake .3s;border-color:var(--blood2);box-shadow:0 0 25px rgba(193,18,31,.25)}
@keyframes shake{25%{transform:translateX(-2px) rotate(-.4deg)}75%{transform:translateX(2px) rotate(.4deg)}}
.btn{background:var(--blood);color:var(--bone);border-radius:6px;padding:.55rem 1.1rem;font-weight:800;transition:.15s;border:1px solid var(--blood2)}
.btn:hover{background:var(--blood2);box-shadow:0 0 18px var(--blood2)}
.btn:active{transform:scale(.96)}
.btn2{background:transparent;border:1px solid #3b2a2a;color:var(--bone);border-radius:6px;padding:.45rem .9rem;transition:.15s}
.btn2:hover{border-color:var(--swamp);color:#9fd4ae}
.inp{background:#120f0f;border:1px solid #3b2a2a;color:var(--bone);border-radius:6px;padding:.55rem .8rem;width:100%}
.inp:focus{outline:none;border-color:var(--blood2)}
.paper{background:radial-gradient(circle at 20% 30%,rgba(120,80,40,.25),transparent 30%),radial-gradient(circle at 80% 70%,rgba(90,20,10,.25),transparent 25%),#d9cfb2;color:#2a1a10;font-family:'Vazirmatn';line-height:2.1}
.tomb{border-radius:120px 120px 8px 8px;background:linear-gradient(#2b2b2b,#171717);border:2px solid #3d3d3d}
.eyes{position:fixed;pointer-events:none;z-index:2;animation:blink 3s forwards}
@keyframes blink{0%,100%{opacity:0}10%,40%,60%,90%{opacity:1}50%{opacity:0}}
.pulse-red{animation:pr 1s infinite}
@keyframes pr{50%{box-shadow:inset 0 0 120px rgba(193,18,31,.6)}}
.scare{animation:scare .5s}
@keyframes scare{20%{transform:translate(-10px,6px)}40%{transform:translate(10px,-6px)}60%{transform:translate(-8px,-4px)}80%{transform:translate(6px,8px)}}
.whisper{animation:wh 4s forwards}
@keyframes wh{0%{opacity:0;filter:blur(6px)}30%,70%{opacity:.9;filter:blur(0)}100%{opacity:0;filter:blur(8px)}}
.fadein{animation:fi .6s both}
@keyframes fi{from{opacity:0;transform:translateY(12px)}}
.flame{animation:fl .15s infinite alternate;transform-origin:center bottom}
@keyframes fl{to{transform:scale(1.08,.94) skewX(3deg)}}