:root{--red:#ee1810;--red2:#ff4a3d;--bg:#0a0505;--bg2:#140a09;--fg:#f4ecea;--mut:#a89896;--line:#2a1613;--cy:#2aa9b8;--mg:#b8203f}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bg);color:var(--fg);font:16px/1.6 "Segoe UI",system-ui,sans-serif;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
em{color:var(--red2);font-style:normal}
.red{color:var(--red)}
#embers{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.scan{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:60;box-shadow:0 0 12px var(--red)}
main,footer{position:relative;z-index:1}

.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:24px;padding:12px 28px;background:rgba(10,5,5,.75);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em}
.brand img{border-radius:4px}
.nav nav{display:flex;gap:22px;margin-left:auto}
.nav nav a{color:var(--mut);font-size:14px;text-transform:uppercase;letter-spacing:.08em;transition:.2s}
.nav nav a:hover{color:var(--fg);text-shadow:0 0 10px var(--red)}

.btn{display:inline-block;background:var(--red);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:14px 30px;border:2px solid var(--red);cursor:pointer;font-size:15px;transform:skewX(-8deg);transition:.2s;position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:.6s}
.btn:hover{box-shadow:0 0 28px rgba(238,24,16,.7);transform:skewX(-8deg) translateY(-2px)}
.btn:hover::after{transform:translateX(120%)}
.btn.ghost{background:transparent;color:var(--fg)}
.btn.sm{padding:8px 18px;font-size:13px}
.btn.big{font-size:20px;padding:20px 48px}

.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px 60px;position:relative}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(238,24,16,.28),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(238,24,16,.2),transparent 50%);animation:pulse 5s ease-in-out infinite}
@keyframes pulse{50%{opacity:.55}}
.hero>*{position:relative}
.eyebrow{color:var(--red2);text-transform:uppercase;letter-spacing:.3em;font-size:13px;font-weight:700}
.glitch{font-size:clamp(52px,13vw,170px);line-height:1;font-weight:900;font-style:italic;letter-spacing:-.03em;margin:18px 0;color:var(--red);position:relative;text-shadow:0 0 40px rgba(238,24,16,.5);animation:in 1s cubic-bezier(.2,.9,.2,1) both}
.glitch>span{position:relative;z-index:1}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;right:0;top:0;z-index:0;text-shadow:none}
.glitch::before{color:var(--cy);animation:g1 3.2s infinite steps(1)}
.glitch::after{color:var(--mg);animation:g2 2.7s infinite steps(1)}
@keyframes g1{0%,88%,100%{transform:translate(-4px,0);clip-path:inset(0 0 0 0)}90%{transform:translate(-12px,0);clip-path:inset(10% 0 60% 0)}94%{transform:translate(10px,0);clip-path:inset(55% 0 15% 0)}}
@keyframes g2{0%,85%,100%{transform:translate(4px,0);clip-path:inset(0 0 0 0)}87%{transform:translate(14px,0);clip-path:inset(40% 0 30% 0)}92%{transform:translate(-9px,0);clip-path:inset(5% 0 75% 0)}}
@keyframes in{from{opacity:0;transform:scale(1.25) skewX(-12deg);filter:blur(12px)}}
.tag{max-width:640px;color:var(--mut);font-size:19px}
.tag em{font-weight:800}
.cta{display:flex;gap:18px;margin:34px 0;flex-wrap:wrap;justify-content:center}
.hero-stats{list-style:none;display:flex;gap:44px;padding:0;flex-wrap:wrap;justify-content:center}
.hero-stats b{display:block;font-size:44px;line-height:1;color:var(--fg)}
.hero-stats span{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.15em}
.scroll-hint{position:absolute!important;bottom:26px;left:50%;width:24px;height:40px;border:2px solid var(--mut);border-radius:14px;transform:translateX(-50%)}
.scroll-hint i{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;background:var(--red);border-radius:2px;animation:wheel 1.6s infinite}
@keyframes wheel{to{transform:translateY(14px);opacity:0}}

.wrap{max-width:1160px;margin:0 auto;padding:90px 22px}
h2{font-size:clamp(32px,5vw,56px);line-height:1.05;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.01em;margin-bottom:18px}
.lead{color:var(--mut);font-size:18px;max-width:820px;margin-bottom:32px}
.lead b{color:var(--fg)}
.sub{margin:56px 0 18px;text-transform:uppercase;letter-spacing:.12em;color:var(--red2);font-size:15px}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

.video{position:relative;border:2px solid var(--red);box-shadow:0 0 60px rgba(238,24,16,.3);cursor:pointer;aspect-ratio:16/9;background:#000;overflow:hidden}
.video video{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.video:hover video{transform:scale(1.04)}
.play{position:absolute;top:50%;left:50%;width:96px;height:96px;margin:-48px;border-radius:50%;border:3px solid #fff;background:rgba(238,24,16,.85);display:grid;place-items:center;cursor:pointer;animation:ring 2s infinite}
.play svg{width:44px;fill:#fff;margin-left:6px}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(238,24,16,.7)}100%{box-shadow:0 0 0 40px rgba(238,24,16,0)}}
.chip{position:absolute;left:14px;top:14px;background:var(--red);padding:3px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.cards.small{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:linear-gradient(160deg,var(--bg2),#0d0605);border:1px solid var(--line);border-left:3px solid var(--red);padding:24px;transition:.25s}
.card:hover{transform:translateY(-6px)!important;border-color:var(--red);box-shadow:0 12px 40px rgba(238,24,16,.18)}
.card h3,.card h4{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:18px}
.card h4{font-size:15px}
.card p{color:var(--mut);font-size:15px}

.ranks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.ranks b{flex:1;min-width:56px;text-align:center;padding:16px 8px;font-size:26px;font-weight:900;font-style:italic;background:var(--bg2);border:1px solid var(--line);opacity:.35;transition:.3s}
.ranks b.on{opacity:1;color:#fff;background:var(--red);box-shadow:0 0 22px var(--red);transform:translateY(-6px)}
.ranks .top{flex:2}
.bonuses{display:flex;flex-wrap:wrap;gap:8px}
.bonuses span{border:1px solid var(--line);padding:5px 12px;font-size:12px;letter-spacing:.14em;color:var(--mut);transition:.2s}
.bonuses span:hover{color:#fff;border-color:var(--red);background:rgba(238,24,16,.2)}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tabs button{background:var(--bg2);color:var(--mut);border:1px solid var(--line);padding:10px 20px;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}
.tabs button:hover{color:#fff}
.tabs button.on{background:var(--red);color:#fff;border-color:var(--red)}
.wpanel{background:var(--bg2);border:1px solid var(--line);padding:28px;min-height:230px}
.wpanel h3{font-size:30px;text-transform:uppercase;font-style:italic;margin-bottom:6px}
.wpanel .alt{color:var(--red2);margin-bottom:20px}
.vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.vars div{border:1px solid var(--line);padding:14px;animation:pop .4s both}
.vars b{display:block;text-transform:uppercase;letter-spacing:.06em}
.vars small{color:var(--mut)}
.vars em{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@keyframes pop{from{opacity:0;transform:translateY(12px)}}

.acts{display:grid;gap:22px}
.act{border:1px solid var(--line);background:var(--bg2);padding:26px}
.act>h3{font-size:14px;letter-spacing:.3em;color:var(--red2);margin-bottom:14px}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.layer{border-left:3px solid var(--c,var(--red));padding:10px 14px;background:rgba(255,255,255,.02);transition:.2s}
.layer:hover{background:rgba(255,255,255,.06);transform:translateX(4px)}
.layer b{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--c,var(--red))}
.layer small{color:var(--mut);display:block;margin-top:2px}

.bosses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.boss{border:1px solid var(--line);background:var(--bg2);padding:22px;position:relative;overflow:hidden;transition:.3s}
.boss::before{content:attr(data-n);position:absolute;right:10px;top:-14px;font-size:90px;font-weight:900;font-style:italic;color:rgba(238,24,16,.1)}
.boss:hover{border-color:var(--red);transform:translateY(-4px)}
.boss h3{text-transform:uppercase;font-style:italic;font-size:22px}
.boss .where{color:var(--red2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.boss p{color:var(--mut);font-size:15px}

.grind{text-align:center}
.grind-in{border:2px solid var(--red);padding:60px 28px;background:radial-gradient(ellipse at center,rgba(238,24,16,.15),transparent 70%)}
.grind-in .lead{margin-left:auto;margin-right:auto}
.wave{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:80px;margin-top:20px}
.wave i{width:22px;background:var(--red);animation:bar 1.6s ease-in-out infinite;animation-delay:calc(var(--i,0)*.12s);height:30%}
.wave i:nth-child(1){--i:1}.wave i:nth-child(2){--i:2}.wave i:nth-child(3){--i:3}.wave i:nth-child(4){--i:4}.wave i:nth-child(5){--i:5}.wave i:nth-child(6){--i:6}.wave i:nth-child(7){--i:7}.wave i:nth-child(8){--i:8}.wave i:nth-child(9){--i:9}.wave .boss{background:#fff;width:34px;border:0;padding:0;animation-delay:1.2s}
@keyframes bar{50%{height:100%}}

.table{overflow-x:auto;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;background:var(--bg2)}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
th{color:var(--red2);text-transform:uppercase;letter-spacing:.1em;font-size:13px}
tr:hover td{background:rgba(238,24,16,.07)}
kbd{background:#000;border:1px solid #555;border-bottom-width:3px;border-radius:4px;padding:1px 8px;font:13px monospace}

.dl{text-align:center}
.dl-in{padding:70px 20px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,rgba(238,24,16,.3),transparent 70%),var(--bg2)}
.dl-in img{margin:0 auto 14px;animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.fine{color:var(--mut);margin-top:16px;font-size:14px}

.faq details{border-bottom:1px solid var(--line);padding:16px 4px}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";color:var(--red);font-size:24px;line-height:1;transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--mut);margin-top:10px}
code{background:#000;padding:1px 6px;border-radius:3px;color:var(--red2)}

footer{display:flex;align-items:center;gap:12px;justify-content:center;padding:40px 20px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}

.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:20px}
.modal[hidden]{display:none}
.modal video{width:min(1200px,100%);max-height:85vh;border:2px solid var(--red)}
.modal .x{position:absolute;top:14px;right:22px;background:none;border:0;color:#fff;font-size:44px;cursor:pointer}

@media(max-width:860px){.nav nav{display:none}.nav .btn{margin-left:auto}.hero-stats{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

.eq{display:flex;align-items:flex-end;gap:6px;height:120px}
.eq i{flex:1;background:linear-gradient(var(--red2),var(--red));animation:bar 1.1s ease-in-out infinite;height:20%}
.eq i:nth-child(3n){animation-duration:.8s}.eq i:nth-child(4n){animation-duration:1.5s}.eq i:nth-child(5n){animation-delay:.3s}.eq i:nth-child(7n){animation-delay:.6s}
.bignums{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.bignums li{border:1px solid var(--line);background:var(--bg2);padding:26px;text-align:center}
.bignums b{display:block;font-size:64px;line-height:1;color:var(--red);font-style:italic}
.bignums span{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.15em}

html,body{max-width:100%;overflow-x:hidden}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:8px}
.burger i{display:block;height:3px;background:var(--fg);transition:.25s}
.menu .burger i:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu .burger i:nth-child(2){opacity:0}.menu .burger i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
footer{flex-wrap:wrap;flex-direction:column;text-align:center}
footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer nav a,footer nav button{color:var(--mut);background:none;border:0;font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
footer nav a:hover,footer nav button:hover{color:var(--red2)}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;z-index:120;background:#0f2a12;border:1px solid #3ddc57;color:#d6ffd9;padding:12px 20px;transition:.3s;pointer-events:none;max-width:90vw}
#toast.bad{background:#2a0f0f;border-color:var(--red);color:#ffd9d6}
#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){
  .burger{display:flex}.nav{padding:10px 16px;gap:10px}.nav .btn{margin-left:auto}
  .nav nav{display:flex;position:fixed;top:58px;left:0;right:0;flex-direction:column;gap:0;background:rgba(10,5,5,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.3s;margin:0;z-index:-1}
  .menu .nav nav{transform:none}
  .nav nav a{padding:16px 24px;border-top:1px solid var(--line)}
  .wrap{padding:60px 16px}.hero-stats b{font-size:34px}.bignums b{font-size:48px}.tabs button{padding:8px 12px;font-size:13px}.play{width:68px;height:68px;margin:-34px}.play svg{width:30px}.grind-in{padding:40px 16px}.btn.big{padding:16px 28px;font-size:17px}
}

.legal h3{margin:28px 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--red2);font-size:16px}
.legal p{color:var(--mut);max-width:760px}
.notify{margin:28px auto 0;max-width:520px;text-align:left}
.notify[hidden]{display:none}
.notify label{display:block;margin-bottom:8px;color:var(--mut);font-size:14px}
.notify .row{display:flex;gap:10px;flex-wrap:wrap}
.notify input[type=email]{flex:1;min-width:200px;background:#000;border:2px solid var(--line);color:var(--fg);padding:12px 14px;font:inherit}
.notify input[type=email]:focus{outline:none;border-color:var(--red)}
.notify input.bad{border-color:var(--red)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.msg{min-height:1.4em;margin-top:8px;font-size:14px}.msg.bad{color:#ff8a82}.msg.ok{color:#7dff8e}
#cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:110;max-width:760px;margin:auto;background:#150b0a;border:1px solid var(--red);padding:16px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:14px;color:var(--mut)}
#cookie[hidden]{display:none}
#cookie a{color:var(--red2);text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}

.faq a,.legal a{color:var(--red2);text-decoration:underline}