* { margin:0; padding:0; box-sizing:border-box; font-family:'Creepster','Courier New', monospace; }
body { background:black; color:crimson; overflow-x:hidden; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:100vh; }

#main-container { position:relative; width:100%; height:100%; }

/* GLITCH */
#glitch-overlay { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; background:repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 2px, transparent 2px, transparent 4px); animation: static-glitch 0.5s infinite; z-index:0; }

h1 { font-size:3rem; margin-bottom:20px; text-transform:uppercase; letter-spacing:4px; color:red; text-shadow:0 0 10px crimson,0 0 20px darkred,0 0 30px black; animation:flicker 2s infinite; }
.subtitle { color:#aaa; margin-bottom:40px; font-size:1.2rem; letter-spacing:2px; }

.buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.horror-btn { background:black; border:2px solid crimson; padding:15px 30px; font-size:1.2rem; text-transform:uppercase; cursor:pointer; color:crimson; transition:0.3s ease; box-shadow:0 0 10px crimson; }
.horror-btn:hover { background:crimson; color:black; text-shadow:0 0 10px black; transform:scale(1.1); }

/* JUMPSCARE CAMERA */
#jumpscare-container { position:fixed; top:0; left:0; width:100%; height:100%; background:black; display:none; justify-content:center; align-items:center; z-index:10000; }
#user-camera { width:100%; height:100%; object-fit:cover; }

/* HIDDEN MESSAGES */
.hidden-messages { position:absolute; bottom:50px; left:20px; color:darkred; font-size:0.9rem; }
.hidden-text { opacity:0; animation:reveal 15s infinite; }
.hidden-text:nth-child(2) { animation-delay:5s; }
.hidden-text:nth-child(3) { animation-delay:10s; }

footer { margin-top:auto; padding:20px; background:#111; color:#444; font-size:0.8rem; text-align:center; width:100%; border-top:1px solid crimson; }

/* ANIMATIONS */
@keyframes flicker { 0%{opacity:1;}20%{opacity:0.8;}40%{opacity:1;}60%{opacity:0.6;}80%{opacity:1;}100%{opacity:0.9;} }
@keyframes static-glitch {0%{opacity:0.05;}50%{opacity:0.2;}100%{opacity:0.05;}}
@keyframes reveal {0%,20%{opacity:0;}25%,45%{opacity:1;}50%,100%{opacity:0;}}

@media(max-width:768px){ h1{font-size:2rem;} .horror-btn{font-size:1rem;padding:10px 20px;} }

/* BLOOD DRIP */
body::after{content:"";position:fixed;top:-200px;left:0;width:100%;height:200px;background:linear-gradient(to bottom, rgba(255,0,0,0.7), transparent);animation:blood-drip 5s infinite;z-index:1;}
@keyframes blood-drip{0%{top:-200px;}50%{top:0;}100%{top:-200px;}}