:root{--color-bg-deep:#0e0b07;--color-bg-primary:#1a1510;--color-bg-secondary:#2a2219;--color-bg-tertiary:#3d3228;--color-bg-card:#241e16;--color-text-primary:#e8dcc8;--color-text-secondary:#a89880;--color-text-muted:#7a6e5f;--color-accent:#d4953a;--color-accent-light:#e8ad5c;--color-accent-dark:#b07a2e;--color-border:#3d3228;--color-border-hover:#5a4a38;--color-white:#fff;--game-solo-abyss:#2a6bba;--game-zombie-king:#3a9a4a;--game-wolf-vein:#7a3ab5;--game-vampire-god:#b52028;--font-heading:"Cinzel", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #d4953a26;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}h4{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto;display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(150%);transition:background var(--transition-base);background:#0e0b07d9;border-bottom:1px solid #3d322880;position:fixed;top:0;left:0;right:0}.navbar .container{padding:var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;font-weight:700;display:flex}.navbar-brand .wolf-icon{width:32px;height:32px;fill:var(--color-accent);flex-shrink:0}.navbar-brand:hover{color:var(--color-accent-light)}.nav-links{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.nav-links a{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--color-accent);transform-origin:50%;width:100%;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--color-accent)}.nav-links a.active:after,.nav-links a:hover:after{transform:scaleX(1)}.hamburger{cursor:pointer;padding:var(--space-sm);z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.hamburger span{background:var(--color-text-primary);width:26px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);z-index:999;opacity:0;transition:opacity var(--transition-base);background:#0e0b07f2;display:none;position:fixed;inset:0}.mobile-nav-overlay.visible{opacity:1;justify-content:center;align-items:center;display:flex}.mobile-nav-links{text-align:center;list-style:none}.mobile-nav-links li{margin-bottom:var(--space-lg)}.mobile-nav-links a{font-family:var(--font-heading);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition-fast);font-size:1.8rem}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--color-accent)}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:800px;padding:0 var(--space-lg);margin:0 auto}section{padding:var(--space-4xl) 0}.section-title{text-align:center;margin-bottom:var(--space-2xl);position:relative}.section-title:after{content:"";background:var(--color-accent);width:60px;height:3px;margin:var(--space-md) auto 0;border-radius:2px;display:block}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:linear-gradient(135deg,#1a1510f2 0%,#0e0b07d9 50%,#1a291acc 100%),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 800\"><rect fill=\"%231a1510\"/><circle cx=\"200\" cy=\"300\" r=\"150\" fill=\"%23241e16\" opacity=\"0.5\"/><circle cx=\"900\" cy=\"500\" r=\"200\" fill=\"%232a2219\" opacity=\"0.3\"/></svg>") 50%/cover no-repeat;position:absolute;inset:0}.hero-content{padding:var(--space-2xl);max-width:800px}.hero-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md);text-shadow:0 0 40px #d4953a33;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900}.hero-title .accent{color:var(--color-accent)}.hero-tagline{color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-2xl);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:300}.hero-cta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));color:var(--color-bg-deep);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-glow);border:none;font-size:1rem;font-weight:700;display:inline-flex}.hero-cta:hover{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:var(--color-bg-deep);transform:translateY(-2px);box-shadow:0 8px 30px #d4953a4d}.hero-scroll-indicator{bottom:var(--space-xl);align-items:center;gap:var(--space-sm);color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;font-size:.75rem;animation:2s infinite bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.games-grid{gap:var(--space-xl);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.game-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-6px)}.game-card-banner{height:180px;position:relative;overflow:hidden}.game-card-banner .banner-overlay{opacity:.6;transition:opacity var(--transition-base);position:absolute;inset:0}.game-card:hover .banner-overlay{opacity:.8}.game-card-body{padding:var(--space-lg)}.game-card-title{margin-bottom:var(--space-sm);font-size:1.2rem}.game-card-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.game-card-link{align-items:center;gap:var(--space-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-size:.85rem;font-weight:600;display:inline-flex}.game-card-link:hover{gap:var(--space-sm)}.game-card[data-game=solo-abyss] .banner-overlay{background:linear-gradient(135deg,#2a6bbacc,#143c78e6)}.game-card[data-game=solo-abyss]:hover{border-color:var(--game-solo-abyss);box-shadow:0 8px 32px #2a6bba40}.game-card[data-game=zombie-king] .banner-overlay{background:linear-gradient(135deg,#3a9a4acc,#1e642de6)}.game-card[data-game=zombie-king]:hover{border-color:var(--game-zombie-king);box-shadow:0 8px 32px #3a9a4a40}.game-card[data-game=wolf-vein] .banner-overlay{background:linear-gradient(135deg,#7a3ab5cc,#501e8ce6)}.game-card[data-game=wolf-vein]:hover{border-color:var(--game-wolf-vein);box-shadow:0 8px 32px #7a3ab540}.game-card[data-game=vampire-god] .banner-overlay{background:linear-gradient(135deg,#b52028cc,#78141ce6)}.game-card[data-game=vampire-god]:hover{border-color:var(--game-vampire-god);box-shadow:0 8px 32px #b5202840}.game-hero{text-align:center;justify-content:center;align-items:center;min-height:60vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.game-hero-bg{z-index:-1;position:absolute;inset:0}.game-hero[data-game=solo-abyss] .game-hero-bg{background:linear-gradient(135deg,#143c78f2 0%,#0e0b07e6 50%,#2a6bbab3 100%)}.game-hero[data-game=zombie-king] .game-hero-bg{background:linear-gradient(135deg,#1e642df2 0%,#0e0b07e6 50%,#3a9a4ab3 100%)}.game-hero[data-game=wolf-vein] .game-hero-bg{background:linear-gradient(135deg,#501e8cf2 0%,#0e0b07e6 50%,#7a3ab5b3 100%)}.game-hero[data-game=vampire-god] .game-hero-bg{background:linear-gradient(135deg,#78141cf2 0%,#0e0b07e6 50%,#b52028b3 100%)}.game-hero-content{padding:var(--space-2xl);max-width:700px}.game-hero-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md);font-size:clamp(2rem,6vw,3.5rem)}.game-hero-tagline{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1.1rem;font-weight:300}.content-section{padding:var(--space-4xl) 0}.content-section p{max-width:72ch;margin-left:auto;margin-right:auto;font-size:1.05rem}.content-grid{gap:var(--space-xl);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.feature-box:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{width:60px;height:60px;margin:0 auto var(--space-md);fill:var(--color-accent)}.feature-box h3{margin-bottom:var(--space-sm);font-size:1.1rem}.feature-box p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem}.game-info-grid{gap:var(--space-xl);padding:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.game-info-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.game-info-item .label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.8rem}.game-info-item .value{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1rem;font-weight:600}.game-screenshot-area{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:400px;margin:var(--space-xl) 0;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.about-hero-content{text-align:center}.values-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.value-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.value-card .value-icon{width:50px;height:50px;margin:0 auto var(--space-md);fill:var(--color-accent)}.value-card h3{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:1.1rem}.value-card p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem}.contact-layout{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-form-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);outline:none;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d4953a26}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a89880' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.form-group textarea{resize:vertical;min-height:140px}.btn-submit{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));color:var(--color-bg-deep);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;width:100%;font-size:.95rem;font-weight:700;display:inline-flex}.btn-submit:hover{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:var(--color-bg-deep);transform:translateY(-2px);box-shadow:0 6px 24px #d4953a4d}.contact-info-side{gap:var(--space-xl);flex-direction:column;display:flex}.contact-info-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.contact-info-card h3{margin-bottom:var(--space-sm);font-size:1rem}.contact-info-card p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem}.map-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-grow:1;min-height:350px;overflow:hidden}.map-wrapper iframe{filter:grayscale(.6)brightness(.7)contrast(1.1);border:none;width:100%;height:100%;min-height:350px}.site-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl);margin-top:auto}.footer-content{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-brand p{color:var(--color-text-muted);margin-top:var(--space-md);max-width:320px;font-size:.85rem}.footer-links h4{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:.85rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--color-text-secondary);font-size:.85rem}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-lg);text-align:center}.footer-bottom p{color:var(--color-text-muted);margin-bottom:0;font-size:.8rem}.page-header{padding-top:120px;padding-bottom:var(--space-3xl);text-align:center;position:relative;overflow:hidden}.page-header-bg{z-index:-1;position:absolute;inset:0}.page-header-bg:after{content:"";background:linear-gradient(to bottom, #0e0b0799, var(--color-bg-deep));position:absolute;inset:0}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-bg-deep)}.btn-primary:hover{background:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-bg-deep);transform:translateY(-2px);box-shadow:0 6px 24px #d4953a4d}.btn-outline{color:var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent);color:var(--color-bg-deep);transform:translateY(-2px)}.btn-group{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.section-divider{background:linear-gradient(to right, transparent, var(--color-border), transparent);height:1px;margin:var(--space-3xl) 0;border:none}.text-center{text-align:center}.text-left{text-align:left}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-0{margin-bottom:0}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.contact-layout{grid-template-columns:1fr}.footer-content{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=640px){:root{--space-4xl:4rem;--space-3xl:3rem;--space-2xl:2rem}.nav-links{display:none}.hamburger{display:flex}.hero{min-height:80vh}.hero-content{padding:var(--space-lg)}.games-grid{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-brand p{max-width:100%}.btn-group{flex-direction:column;align-items:stretch}.game-info-grid,.values-grid{grid-template-columns:1fr}.contact-form-wrapper{padding:var(--space-lg)}.map-wrapper iframe{min-height:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:var(--color-accent-dark);color:var(--color-text-primary)}