:root{--bg-color:#050505;--bg-secondary:#0a0a0a;--accent-color:#8b0000;--accent-hover:red;--text-primary:#fff;--text-secondary:#ccc;--font-heading:"Creepster", cursive;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden!important}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-family:var(--font-heading);color:var(--accent-color);letter-spacing:2px;text-shadow:0 0 10px #8b000080;margin-bottom:30px;font-size:4.5rem}.text-center{text-align:center}#main-header{z-index:1000;background-color:#0000;width:100%;padding:20px 0;transition:background-color .4s,padding .4s;position:fixed;top:0;left:0}#main-header.scrolled{background-color:#000000f2;padding:15px 0;box-shadow:0 2px 20px #8b000066}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo a{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:2px;font-size:2.2rem}.logo span{color:var(--accent-color)}.nav-links{gap:30px;list-style:none;display:flex}.nav-links li a{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s}.nav-links li a:hover{color:var(--accent-hover);text-shadow:0 0 8px #f009}.nav-links li a.nav-feedback-btn{background-color:var(--accent-color);color:#fff;border-radius:4px;padding:6px 14px;font-size:.85rem;transition:background-color .3s;display:inline-block}.nav-links li a.nav-feedback-btn:hover{background-color:var(--accent-hover);text-shadow:none}.nav-links li a.nav-play-game-btn{color:#fff;background-color:#8b0000;border:1px solid red;border-radius:4px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 0 10px #f006}.nav-links li a.nav-play-game-btn:hover{background-color:red;transform:scale(1.05);box-shadow:0 0 20px #f00c}.menu-toggle{cursor:pointer;flex-direction:column;display:none}.menu-toggle .bar{background-color:var(--text-primary);width:25px;height:3px;margin:4px 0;transition:all .3s}.hero-section{width:100%;height:100vh;position:relative}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.overlay{z-index:1;background:linear-gradient(#0009 0%,#050505 100%);width:100%;height:100%;position:absolute;top:0;left:0}.slide-content{z-index:2;max-width:800px;padding:0 20px;position:relative;transform:translateY(20px)}.slide-content h1{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:4px;margin-bottom:20px;font-size:6rem;line-height:1}.slide-content p{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem;font-weight:400}.btn-primary{background-color:var(--accent-color);color:var(--text-primary);text-transform:uppercase;border:2px solid var(--accent-color);cursor:pointer;border-radius:4px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 0 15px #8b000080}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:scale(1.05);box-shadow:0 0 25px #f00c}.rating{margin-top:30px}.rating .stars{color:var(--accent-color);letter-spacing:2px;font-size:1.5rem}.rating p{color:var(--text-secondary);margin-top:5px;margin-bottom:0;font-size:.9rem}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #8b0000;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip-path:inset(10% 0 80%)}20%{clip-path:inset(30% 0 10%)}40%{clip-path:inset(50% 0 30%)}60%{clip-path:inset(70% 0 50%)}80%{clip-path:inset(90% 0 10%)}to{clip-path:inset(10% 0 80%)}}.lore-section{background:radial-gradient(circle at center, #8b000026 0%, var(--bg-color) 70%);padding:100px 0;position:relative}.lore-section .container{max-width:1400px}.lore-section .split-layout{gap:80px}.lore-section .lore-image{flex:1.8}.lore-section .entity-text{flex:1}.lore-image img{border:3px solid #8b0000cc;border-radius:12px;transition:transform .4s,box-shadow .4s;box-shadow:0 0 50px #8b000099}.lore-image img:hover{transform:scale(1.05)rotate(-2deg);box-shadow:0 0 80px #ff0000e6}.entity-section{background-color:var(--bg-secondary);border-top:1px solid #8b000033;border-bottom:1px solid #8b000033;padding:80px 0}.split-layout{align-items:center;gap:60px;display:flex}.entity-text{flex:1}.entity-text p{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.lore-subtitle{color:var(--accent-color);font-family:var(--font-heading);letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:1.8rem}.lore-quote{border-left:4px solid var(--accent-color);color:#fff;background-color:#8b00001a;margin:30px 0;padding:15px 20px;font-size:1.1rem;font-style:italic;position:relative}.lore-quote span{color:var(--accent-color);margin-top:10px;font-size:.9rem;font-weight:700;display:block}.about-image{flex:1;position:relative}.about-image model-viewer{border:4px solid #8b0000cc;border-radius:4px;transition:transform .4s,box-shadow .4s;box-shadow:0 0 50px #8b000099;background-color:#140000cc!important}.about-image model-viewer:hover{box-shadow:0 0 70px #f00c}.about-image img{border-radius:8px;width:100%;transition:transform .5s;box-shadow:0 0 40px #8b000066}.about-image img:hover{transform:scale(1.02)}.survival-section{background-color:var(--bg-color);padding:100px 0}.play-section{background-color:var(--bg-secondary);border-top:1px solid #ff00001a;border-bottom:1px solid #ff00001a;padding:100px 0}.play-game-btn{border-radius:12px;width:100%;max-width:800px;margin-top:30px;transition:transform .4s,box-shadow .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 30px #000c,0 0 20px #8b000080}.play-game-btn:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #000000e6,0 0 40px #f00c}.game-logo-img{border:2px solid #8b000080;border-radius:12px;width:100%;height:auto;display:block}.play-overlay{opacity:0;background:#0009;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.play-game-btn:hover .play-overlay{opacity:1}.play-overlay span{font-family:var(--font-heading);color:#fff;text-shadow:0 0 20px red;letter-spacing:3px;font-size:3rem}.gameplay-section{background-color:var(--bg-secondary);border-top:1px solid #8b000033;border-bottom:1px solid #8b000033;padding:80px 0}.video-container{-webkit-backdrop-filter:blur(10px);text-align:left;background:#141414b3;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;max-width:1000px;margin:40px auto 0;transition:transform .4s,box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 15px 40px #8b000080}.video-container:hover{transform:translateY(-5px);box-shadow:0 20px 60px #f006}.gameplay-video{border-bottom:5px solid var(--accent-color);background-color:#000;width:100%;height:auto;display:block}.video-overlay-text{padding:30px}.video-overlay-text h3{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:2px;margin-bottom:10px;font-size:2rem}.video-overlay-text p{color:#ccc;font-size:1.1rem;line-height:1.6}.features-section{background-color:var(--bg-secondary);border-top:1px solid #8b000033;padding:100px 0}.grid-layout{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;display:grid}.feature-card{background-color:var(--bg-color);text-align:center;border:1px solid #8b000033;border-radius:8px;padding:50px 30px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle,#8b000026 0%,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover{border-color:var(--accent-hover);transform:translateY(-10px);box-shadow:0 0 25px #8b000080}.feature-card:hover:before{opacity:1}.feature-icon{width:70px;height:70px;color:var(--accent-color);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 25px;transition:all .3s;display:flex}.feature-icon svg{width:35px;height:35px}.feature-card:hover .feature-icon{color:var(--accent-hover)}.feature-card h3{font-family:var(--font-heading);letter-spacing:1px;margin-bottom:15px;font-size:2rem}.feature-card p{color:var(--text-secondary);font-size:1.05rem}.credits-section{border-top:1px solid #8b000033;padding:100px 0;position:relative}.credits-section .container{z-index:2;position:relative}.credits-desc{color:var(--text-secondary);margin-bottom:60px;font-size:1.2rem}.devs-container{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:80px;display:flex}.dev-card{text-align:center;filter:drop-shadow(0 0 10px #8b000000);transform-style:preserve-3d;will-change:transform;transition:transform .4s,filter .4s}.dev-card:hover{filter:drop-shadow(0 20px 30px #8b000099)}.dev-avatar{aspect-ratio:4/5;width:100%;max-width:400px;height:auto;margin-bottom:-40px;position:relative;overflow:visible;transform:translateZ(60px)}.dev-avatar img{object-fit:contain;object-position:bottom;width:100%;height:100%}.dev-info{z-index:2;background:#0a0a0ae6;border:1px solid #8b00004d;border-radius:8px;padding:15px 30px;display:inline-block;position:relative;transform:translateZ(30px);box-shadow:0 10px 20px #000c}.dev-info h3{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:2px;margin-bottom:5px;font-size:2.2rem}.dev-role{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;font-weight:700}.doc-section{background-color:var(--bg-secondary);padding:80px 0}.doc-swiper{padding-bottom:50px}.doc-card{-webkit-backdrop-filter:blur(10px);text-align:left;background:#141414b3;border:1px solid #ffffff0d;border-radius:12px;height:100%;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 10px 30px #000c}.doc-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #8b000080}.doc-card img{object-fit:contain;border-bottom:5px solid var(--accent-color);filter:contrast(1.15)brightness(1.05);background-color:#000;width:100%;height:auto;max-height:650px;transition:transform .4s,filter .4s;display:block}.doc-card:hover img{filter:contrast(1.2)brightness(1.15);transform:scale(1.02)}.doc-info{padding:20px}.doc-info h3{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:1px;margin-bottom:10px;font-size:1.8rem}.doc-info p{color:#ccc;font-size:1rem}.doc-swiper .swiper-pagination-bullet{background:var(--text-primary)}.doc-swiper .swiper-pagination-bullet-active{background:var(--accent-color)}.comments-section{background-color:var(--bg-color);border-top:1px solid #8b000033;padding:80px 0}.comments-layout{grid-template-columns:1fr 1.5fr;gap:80px;margin-top:60px;display:grid}.comment-form-container{background:linear-gradient(145deg,#0a0a0a,#141414);border:1px solid #8b000066;border-radius:12px;padding:50px;box-shadow:0 10px 30px #000c}.comment-form-container h3,.comments-list-container h3{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:1px;margin-bottom:15px;font-size:2.2rem}.comment-form-container p{color:var(--text-secondary);margin-bottom:35px;font-size:1.1rem}.form-group{margin-bottom:25px}.form-group label{color:var(--text-secondary);margin-bottom:10px;font-size:1.1rem;display:block}.form-group input,.form-group textarea{width:100%;color:var(--text-primary);font-family:var(--font-body);background-color:#ffffff08;border:1px solid #8b00004d;border-radius:8px;outline:none;padding:18px 20px;font-size:1.1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);background-color:#ffffff0f;box-shadow:0 0 15px #8b00004d}.rating-group{align-items:center;gap:20px;margin-bottom:30px;display:flex}.rating-group label{color:var(--text-secondary);margin-bottom:0;font-size:1.2rem;font-weight:700}.star-rating span{cursor:pointer;color:#333;font-size:32px;transition:color .2s,transform .2s}.star-rating span:hover{transform:scale(1.2)}.star-rating span.active{color:var(--accent-color);text-shadow:0 0 10px #8b000080}.reviews-list{flex-direction:column;gap:30px;max-height:650px;padding-right:20px;display:flex;overflow-y:auto}.reviews-list::-webkit-scrollbar{width:8px}.comments-list-container h3{font-family:var(--font-heading);color:#fff;letter-spacing:2px;margin-top:0;margin-bottom:25px;font-size:1.8rem}.comments-swiper{width:100%;height:400px;padding-top:15px;padding-right:15px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%)}.comments-swiper .swiper-slide{opacity:.5;width:100%;height:auto;transition:opacity .3s}.comments-swiper .swiper-slide-active,.comments-swiper .swiper-slide-next{opacity:1}.review-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-left:4px solid var(--accent-color);text-align:left;background:#141414b3;border-radius:12px;width:100%;margin-bottom:20px;padding:25px 30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px 30px #00000080}.delete-review-btn{color:#555;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.delete-review-btn:hover{color:var(--accent-color)}.review-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0009}.review-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding-right:30px;display:flex}.review-header strong{color:#fff;letter-spacing:.5px;font-size:1.2rem}.review-header .stars{color:var(--accent-color);text-shadow:0 0 5px #8b000080;font-size:1.3rem}.review-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.comment-form-container .btn-primary{margin-top:10px;padding:18px;font-size:1.2rem}.nav-bug-btn{border:1px solid var(--accent-color);border-radius:4px;font-weight:700;color:var(--accent-color)!important;padding:5px 10px!important}.nav-bug-btn:hover{background-color:var(--accent-color);color:#fff!important}footer{border-top:3px solid var(--accent-color);background-color:#020202;padding-top:80px;position:relative}.footer-main{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.brand-col .logo{font-family:var(--font-heading);margin-bottom:20px;font-size:2.2rem}.brand-col .logo span{color:var(--accent-color)}.footer-desc{color:var(--text-secondary);margin-bottom:30px;font-size:1rem;line-height:1.8}.footer-col h3{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:1px;margin-bottom:25px;font-size:1.5rem}.links-col ul{flex-direction:column;gap:15px;list-style:none;display:flex}.links-col ul li a{color:var(--text-secondary);font-size:1rem;font-weight:700;transition:all .3s}.links-col ul li a:hover{color:var(--accent-color);padding-left:5px}.social-icons{gap:15px;display:flex}.social-icons a{width:45px;height:45px;color:var(--text-primary);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.social-icons a svg{width:24px;height:24px}.social-icons a:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #f006}.subscribe-col p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.subscribe-form{flex-direction:column;gap:15px;display:flex}.subscribe-form input{color:var(--text-primary);font-family:var(--font-body);background-color:#ffffff0d;border:1px solid #8b00004d;border-radius:4px;outline:none;padding:12px 15px;transition:border-color .3s}.subscribe-form input:focus{border-color:var(--accent-color)}.btn-subscribe{background-color:var(--accent-color);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:12px;font-weight:700;transition:all .3s}.btn-subscribe:hover{background-color:var(--accent-hover);box-shadow:0 0 15px #ff000080}.footer-bottom{background-color:#000;border-top:1px solid #ffffff0d;padding:25px 0}.footer-bottom .container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:var(--text-secondary);font-size:.9rem}.rating-footer{font-style:italic;color:#888!important}@media (width<=992px){.slide-content h1{font-size:4.5rem}.split-layout{flex-direction:column;align-items:stretch}.about-image{width:100%;margin-top:20px}.grid-layout{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}}@media (width<=768px){.section-title{white-space:normal;word-break:break-word;font-size:clamp(2.2rem,8vw,3.5rem)}.logo a{white-space:nowrap;font-size:clamp(1.1rem,5.5vw,1.45rem)}.header-container{padding:0 15px}.menu-toggle{margin-right:0}.menu-toggle .bar{width:20px;height:2px;margin:3px 0}.nav-links{z-index:-1;border-bottom:2px solid var(--accent-color);background-color:#000000f2;flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px 0;transition:transform .4s;position:absolute;top:100%;left:0;transform:translateY(-150%)}.nav-links.active{transform:translateY(0)}.nav-links li{text-align:center;width:100%}.nav-links li a.nav-play-game-btn,.nav-links li a.nav-feedback-btn{width:80%;max-width:300px;display:inline-block}.menu-toggle{transition:transform .3s;display:flex}.menu-toggle.active{transform:scale(.7)}.menu-toggle.active .bar:first-child{background-color:var(--accent-color);transform:translateY(8px)rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){background-color:var(--accent-color);transform:translateY(-8px)rotate(-45deg)}.about-image model-viewer{height:350px!important}.slide-content h1{font-size:3.5rem}.grid-layout,.comments-layout{grid-template-columns:1fr}.footer-main{text-align:center;grid-template-columns:1fr;gap:40px}.footer-col{flex-direction:column;align-items:center;display:flex}.brand-col .logo{font-size:2rem}.dev-avatar{max-width:300px}.devs-container{gap:40px}.links-col ul{align-items:center}.links-col ul li a:hover{padding-left:0}.social-icons{justify-content:center}.footer-bottom .container{text-align:center;flex-direction:column;gap:15px}}