:root{--bg: #0a0908;--bg-2: #0f0e0c;--panel: #131210;--panel-2: #1a1815;--line: #2c2822;--line-hot: #55492f;--text: #ded8cd;--muted: #8a8477;--accent: #c69528;--accent-2: #e2b64f;--stone: #9a958a;--blood: #8f6b24;--slaves: #c69528;--ok: #c69528;--bad: #6d675c;--radius: 0;--cut: 12px;--maxw: 1160px;--wall-tex: url(/assets/bg_wall.jpg);--wall-tile: 420px;--wall-opacity: .18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(1100px 560px at 50% -12%,#16130d 0%,transparent 62%),linear-gradient(180deg,#0a0908,#070605);background-attachment:fixed;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:var(--wall-tex);background-repeat:repeat;background-size:var(--wall-tile) auto;opacity:var(--wall-opacity);mix-blend-mode:luminosity;-webkit-mask-image:radial-gradient(130% 100% at 50% 0%,#000 45%,transparent 100%);mask-image:radial-gradient(130% 100% at 50% 0%,#000 45%,transparent 100%)}#dust{position:fixed;inset:0;z-index:-1;pointer-events:none;display:block}h1,h2,h3,.brand-name{font-family:Cinzel,serif;letter-spacing:.5px}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.ico-svg{width:1em;height:1em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn .ico-svg{width:1.05em;height:1.05em;margin-right:.1em;vertical-align:-.12em}.contact-ico .ico-svg{width:1.5rem;height:1.5rem}.accent{color:var(--accent)}code{background:var(--panel-2);border:1px solid var(--line);border-radius:0;padding:1px 6px;font-size:.85em;color:var(--accent-2)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,40px);background:#0a0908c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:900}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:0;background:linear-gradient(135deg,var(--accent),#7a5c18);box-shadow:0 0 16px #c6952873;font-size:1.05rem}.nav-links{display:flex;align-items:center;gap:26px;font-weight:500}.nav-links a{color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{color:var(--text)!important;border:1px solid var(--accent);padding:7px 18px;border-radius:0;text-transform:uppercase;letter-spacing:1.2px;font-size:.82rem;background:#c6952824;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.nav-cta:hover{background:#c695284d}.nav-burger{display:none;background:none;border:0;color:var(--text);font-size:1.5rem;cursor:pointer}.hero{position:relative;overflow:hidden;padding:clamp(60px,12vw,140px) 16px 70px;text-align:center}.hero-glow{position:absolute;inset:0;background:radial-gradient(620px 320px at 50% 20%,rgba(198,149,40,.22),transparent 70%),radial-gradient(800px 400px at 80% 0%,rgba(226,182,79,.1),transparent 70%);pointer-events:none}.hero-inner{position:relative;max-width:860px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:.75rem;color:var(--accent-2);margin:0 0 10px}.hero-title{font-size:clamp(3rem,11vw,6.4rem);font-weight:900;margin:0;line-height:.95;text-shadow:0 4px 40px rgba(198,149,40,.35)}.hero-tag{color:var(--muted);font-size:clamp(1rem,2.4vw,1.25rem);margin:22px auto 34px;max-width:620px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 30px;border-radius:0;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1.6px;cursor:pointer;border:1px solid transparent;transition:box-shadow .2s,background .2s,border-color .2s,color .2s;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.btn-primary{background:linear-gradient(160deg,var(--accent) 0%,#8a6a1c 60%,#4a3a10 100%);color:#f4ecdb;box-shadow:inset 0 1px #ffe6aa38,0 0 24px #c6952847}.btn-primary:hover{box-shadow:inset 0 1px #ffe6aa4d,0 0 34px #c6952880}.btn-ghost{position:relative;background:transparent;color:var(--muted);border:0;isolation:isolate}.btn-ghost:before,.btn-ghost:after{content:"";position:absolute;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:background .2s}.btn-ghost:before{inset:0;z-index:-2;background:var(--line)}.btn-ghost:after{inset:1px;z-index:-1;background:linear-gradient(180deg,#131210,#0c0b09)}.btn-ghost:hover{color:var(--text)}.btn-ghost:hover:before{background:var(--accent-2)}.btn.big{padding:17px 38px;font-size:1.05rem;--cut: 15px}.stats{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,56px);flex-wrap:wrap;margin-top:52px;padding:22px clamp(18px,4vw,40px);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);max-width:720px;margin-left:auto;margin-right:auto}.stat{text-align:center;min-width:90px}.stat-num{font-family:Cinzel,serif;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;color:var(--accent-2);font-variant-numeric:tabular-nums;transition:color .2s}.stat-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stat-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.dot{width:8px;height:8px;border-radius:0;transform:rotate(45deg);background:var(--muted);box-shadow:0 0 #c6952899}.dot.online{background:var(--ok);animation:pulse 2s infinite}.dot.offline{background:var(--bad)}@keyframes pulse{0%{box-shadow:0 0 #c6952880}70%{box-shadow:0 0 0 8px #c6952800}to{box-shadow:0 0 #c6952800}}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,9vw,100px) clamp(16px,4vw,24px)}.section.alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,.015),transparent)}.section-title{font-size:clamp(1.8rem,5vw,2.8rem);text-align:center;margin:0 0 14px}.section-lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 44px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:center;transition:transform .15s,border-color .15s}.feature:hover{transform:translateY(-4px);border-color:var(--accent-2)}.feature h3{margin:14px 0 8px}.feature p{color:var(--muted);margin:0;font-size:.95rem}.feature-icon{font-size:2rem;width:60px;height:60px;margin:0 auto;display:grid;place-items:center;border-radius:0}.feature-icon.stone{color:var(--stone);background:#9a958a1f}.feature-icon.blood{color:var(--blood);background:#8f6b2429}.feature-icon.slaves{color:var(--slaves);background:#c6952824}.section-hint{text-align:center;color:var(--muted);font-size:.85rem;margin:0 0 28px}.class-row{display:flex;gap:12px;align-items:stretch;height:560px;max-width:var(--maxw);margin:0 auto}.class-banner{position:relative;overflow:hidden;cursor:pointer;flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:var(--radius);transition:flex-grow .35s ease,border-color .25s}.cb-art{position:absolute;inset:0;background-image:var(--art);background-size:cover;background-position:center top;transition:transform .5s ease,filter .3s;filter:saturate(.85) brightness(.78)}.cb-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a09081a,#0a090859 45%,#0a0908eb)}.class-banner .cb-name{position:absolute;left:0;right:0;bottom:18px;margin:0;z-index:2;text-align:center;font-size:1.15rem;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.8);padding:0 8px;transition:bottom .35s ease,opacity .2s}.cb-info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:20px 22px;opacity:0;transform:translateY(14px);transition:opacity .25s ease .05s,transform .3s ease .05s;pointer-events:none}.cb-info .cb-tag{color:var(--accent-2);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.cb-block{margin-bottom:12px}.cb-block b{display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:4px}.cb-block b.plus{color:#d9b45a}.cb-block b.minus{color:var(--bad)}.cb-block b.inv{color:var(--accent-2)}.cb-block ul{margin:0;padding-left:16px}.cb-block li,.cb-block p{color:#ded8cd;font-size:.86rem;line-height:1.4;margin:2px 0}.cb-block p{color:var(--muted)}.class-banner:hover,.class-banner.open{flex-grow:3.4;border-color:var(--accent)}.class-banner:hover .cb-art,.class-banner.open .cb-art{filter:saturate(1.05) brightness(.6);transform:scale(1.05)}.class-banner:hover .cb-name,.class-banner.open .cb-name{bottom:calc(100% - 46px);font-size:1.3rem}.class-banner:hover .cb-info,.class-banner.open .cb-info{opacity:1;transform:translateY(0)}.class-banner:hover .cb-shade,.class-banner.open .cb-shade{background:linear-gradient(180deg,#0a09088c,#0a0908c7 30%,#0a0908f2)}.c-master .cb-art{background-color:#22201b}.c-plague .cb-art{background-color:#1e2019}.c-cult .cb-art{background-color:#2a231b}.c-warlord .cb-art{background-color:#31281a}.c-arch .cb-art{background-color:#1f1e1b}.c-baron .cb-art{background-color:#26221c}.ico{width:100%;height:100%;object-fit:contain;display:block}.feature-icon .ico{width:40px;height:40px}.glyph{display:inline-grid;place-items:center;width:100%;height:100%}.subhead{text-align:center;font-size:1.3rem;margin:56px 0 10px;color:var(--text)}.effects{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.fx{position:relative;outline:none;display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;padding:16px 10px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);transition:transform .15s,border-color .15s}.fx:hover,.fx:focus{transform:translateY(-3px);border-color:var(--accent-2)}.fx .ico,.fx .glyph{width:40px;height:40px;font-size:1.7rem}.fx span:not(.glyph){font-size:.85rem;color:var(--muted)}.fx-desc{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);width:230px;padding:12px 14px;margin:0;z-index:20;background:#121110;border:1px solid var(--accent);border-radius:0;color:#ded8cd;font-size:.82rem;line-height:1.4;text-align:left;box-shadow:0 12px 30px #00000080;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;pointer-events:none}.fx-desc:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--accent)}.fx:hover .fx-desc,.fx:focus .fx-desc,.fx.active .fx-desc{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.trailer{position:relative;max-width:880px;margin:0 auto 28px;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000073}.trailer iframe{position:absolute;inset:0;width:100%;height:100%}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.shot{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:#161410;display:block}.download{text-align:center}.download-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.download-note{color:var(--muted);font-size:.82rem;margin-top:18px}.news{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:0 auto;max-height:760px;overflow-y:auto;padding-right:6px}.news a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}.note{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px}.note-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.note-ver{font-family:Cinzel,serif;font-weight:700;color:var(--accent-2);font-size:1.1rem}.note-title{font-weight:600}.note-date{color:var(--muted);font-size:.82rem;margin-left:auto}.note ul{margin:0;padding-left:20px;color:var(--muted)}.note li{margin:4px 0}.note li b{color:var(--text)}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-2);font-size:1.4rem;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{color:var(--accent-2)}.faq-item p{margin:0;padding:0 22px 20px;color:var(--muted)}.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:0 auto}.contact-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .15s,border-color .15s}.contact-card:hover{transform:translateY(-4px);border-color:var(--accent)}.contact-ico{font-size:1.7rem}.contact-title{font-weight:700;font-family:Cinzel,serif}.contact-sub{color:var(--muted);font-size:.9rem}.footer{border-top:1px solid var(--line);margin-top:40px;padding:40px 16px;background:#00000040}.footer-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.socials{display:flex;gap:22px}.socials a{color:var(--muted)}.socials a:hover{color:var(--accent-2)}.copyright{color:var(--muted);font-size:.82rem;width:100%;text-align:center;margin:8px 0 0}html[data-lang=en] [data-l=ru],html[data-lang=ru] [data-l=en]{display:none!important}.brand-logo{height:34px;width:auto;display:block}.brand-wordmark{height:26px;width:auto;display:block}.hero-logo{max-width:min(620px,90%);height:auto;margin:0 auto;display:block;filter:drop-shadow(0 6px 30px rgba(198,149,40,.35))}.hero-logo-fallback{font-family:Cinzel,serif;font-weight:900;font-size:clamp(3rem,11vw,6.4rem);line-height:.95}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:0;overflow:hidden;margin-left:14px}.lang-switch button{background:transparent;border:0;color:var(--muted);cursor:pointer;font:600 .82rem/1 Inter,sans-serif;padding:7px 12px;transition:background .15s,color .15s}.lang-switch button:hover{color:var(--text)}.lang-switch button.active{background:var(--accent);color:#fff}.about-me{padding-top:clamp(40px,7vw,72px);padding-bottom:clamp(40px,7vw,72px)}.about-me-card{max-width:820px;margin:0 auto;text-align:center;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:32px clamp(22px,4vw,40px)}.about-me-card .section-title{margin-bottom:16px}.about-me-card p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.7}.about-me-card p b{color:var(--accent-2)}.wip{max-width:560px;margin:30px auto 0;padding:40px 30px;text-align:center;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius)}.wip-ico{font-size:3rem;margin-bottom:10px}.wip h2{margin:0 0 12px;font-size:1.5rem}.wip p{color:var(--muted);margin:0 0 24px}.roadmap{position:relative;max-width:760px;margin:0 auto;padding-left:54px;display:flex;flex-direction:column;gap:22px}.roadmap:before{content:"";position:absolute;left:23px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent-2),var(--line) 85%)}.road-item{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:border-color .15s,transform .15s}.road-item:hover{border-color:var(--accent-2);transform:translate(2px)}.road-num{position:absolute;left:-54px;top:18px;width:32px;height:32px;border-radius:0;display:grid;place-items:center;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;background:var(--panel-2);border:2px solid var(--line);color:var(--accent-2);z-index:1}.road-item.active .road-num{border-color:var(--accent);color:#fff;background:linear-gradient(135deg,var(--accent),#8a6a1c);box-shadow:0 0 14px #c6952880}.road-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.road-title{font-weight:700;font-size:1.05rem}.road-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;font-weight:600;padding:3px 11px;border-radius:0;white-space:nowrap;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.road-status.progress{color:#d9b45a;background:#d9b45a1f;border:1px solid rgba(217,180,90,.35)}.road-status.done{color:#d9b45a;background:#d9b45a1f;border:1px solid rgba(217,180,90,.4)}.road-status.planned{color:var(--muted);background:#ffffff0a;border:1px solid var(--line)}.road-item.done .road-num{border-color:#d9b45a99;color:#1a1410;background:linear-gradient(135deg,#d9b45a,#9a7a2e)}.road-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.roadmap-note{text-align:center;color:var(--muted);font-size:.9rem;margin:34px auto 0;max-width:560px}.roadmap-note a{color:var(--accent-2)}@media(max-width:860px){.features,.contacts,.shots{grid-template-columns:1fr}.class-row{flex-direction:column;height:auto}.class-banner{flex:none;height:440px}.class-banner .cb-art{filter:saturate(1.02) brightness(.6)}.class-banner .cb-name{bottom:calc(100% - 44px);font-size:1.3rem}.class-banner .cb-info{opacity:1;transform:none}.class-banner .cb-shade{background:linear-gradient(180deg,#0a09088c,#0a0908cc 35%,#0a0908f2)}.nav-links{position:absolute;top:100%;right:0;left:0;flex-direction:column;gap:0;align-items:stretch;background:var(--bg-2);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .25s ease}.nav-links.open{max-height:360px}.nav-links a{padding:14px 24px;border-top:1px solid var(--line)}.nav-cta{margin:12px 24px;text-align:center}.nav-burger{display:block}.roadmap{padding-left:44px}.roadmap:before{left:18px}.road-num{left:-44px;width:28px;height:28px;font-size:.82rem}}html{scrollbar-color:var(--accent) var(--bg-2);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),#8a6a1c);border-radius:0;border:2px solid var(--bg-2)}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}.feature,.fx,.note,.faq-item,.contact-card,.stats,.about-me-card,.road-item{position:relative}.feature:before,.feature:after,.fx:before,.fx:after,.note:before,.note:after,.faq-item:before,.faq-item:after,.contact-card:before,.contact-card:after,.stats:before,.stats:after,.about-me-card:before,.about-me-card:after,.road-item:before,.road-item:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;opacity:.45;transition:opacity .2s,border-color .2s;border-color:var(--accent-2);border-style:solid;border-width:0}.feature:before,.fx:before,.note:before,.faq-item:before,.contact-card:before,.stats:before,.about-me-card:before,.road-item:before{left:0;top:0;border-left-width:2px;border-top-width:2px}.feature:after,.fx:after,.note:after,.faq-item:after,.contact-card:after,.stats:after,.about-me-card:after,.road-item:after{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}.feature:hover:before,.feature:hover:after,.fx:hover:before,.fx:hover:after,.contact-card:hover:before,.contact-card:hover:after,.road-item:hover:before,.road-item:hover:after{opacity:1}.section-title{position:relative;padding-bottom:16px}.section-title:after{content:"";position:absolute;left:50%;bottom:0;width:76px;height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.6}.feature:hover,.fx:hover,.contact-card:hover,.note:hover{border-color:var(--line-hot)}
