/* Camada de terror da página grátis do 404 (18/10/2026): preto profundo, grão, vinheta, luz âmbar que falha, glitch. */
body.terror{--bg:#030304;--panel:rgba(14,12,12,.82);--line:#2a1d18;--sangue:#8f1d14;background:#030304;overflow-x:hidden}
body.terror:before{z-index:3;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
.fx{position:fixed;inset:0;pointer-events:none;z-index:0}
.fx>div{position:absolute;inset:0}
.fx-marca{background:url(/img/marca-404.png) center 58%/min(92vw,760px) no-repeat;opacity:.07;filter:grayscale(.2) contrast(1.2);animation:respira 9s ease-in-out infinite}
.fx-luz{background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(229,135,60,.16),transparent 70%);animation:falha 7s steps(1) infinite}
.fx-grao{inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:.09;animation:grao .9s steps(4) infinite}
.fx-vinheta{background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.92) 100%)}
.wrap{position:relative;z-index:2}
@keyframes grao{0%{transform:translate(0,0)}25%{transform:translate(-6%,4%)}50%{transform:translate(5%,-3%)}75%{transform:translate(-3%,-6%)}100%{transform:translate(0,0)}}
@keyframes falha{0%,100%{opacity:1}41%{opacity:.25}42%{opacity:1}43%{opacity:.4}44%{opacity:1}78%{opacity:.15}79%{opacity:.9}}
@keyframes respira{0%,100%{opacity:.05}50%{opacity:.1}}

.hud{color:#a99d8c}.hud .rec{color:#d0281b;animation:pisca 1.2s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.tela{position:relative;width:min(100%,460px);margin:6px auto 18px;border:1px solid #3a2a20;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 60px rgba(229,135,60,.18),0 30px 80px rgba(0,0,0,.9)}
.hero-video{display:block;width:100%;height:auto;aspect-ratio:720/900;background:#000;object-fit:cover}
.ouvir{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(3,3,4,.82);color:#f2c08a;border:1px solid #E5873C;border-radius:40px;padding:10px 16px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.1em;cursor:pointer;animation:chama 1.8s ease-in-out infinite;white-space:nowrap}
.ouvir.ok{animation:none;opacity:.0;pointer-events:none;transition:opacity .4s}
@keyframes chama{50%{box-shadow:0 0 22px rgba(229,135,60,.65)}}

h1.glitch{position:relative;font-family:Impact,'Arial Black','Arial Narrow Bold',sans-serif;font-weight:400;letter-spacing:.03em;font-size:clamp(32px,8vw,58px);text-transform:uppercase;color:#f1e9dc;text-shadow:0 0 18px rgba(229,135,60,.35),0 2px 0 #000}
h1.glitch:before,h1.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}
h1.glitch:before{color:#ff2a1a;transform:translate(-2px,0);clip-path:inset(0 0 62% 0);opacity:0;animation:corte1 3.4s infinite steps(1)}
h1.glitch:after{color:#33e1ff;transform:translate(2px,0);clip-path:inset(58% 0 0 0);opacity:0;animation:corte2 2.9s infinite steps(1)}
@keyframes corte1{0%,86%,100%{transform:translate(0);opacity:0}87%{transform:translate(-5px,-1px);opacity:.8}90%{transform:translate(4px,1px);opacity:.8}93%{opacity:0}}
@keyframes corte2{0%,80%,100%{transform:translate(0);opacity:0}81%{transform:translate(5px,1px);opacity:.7}85%{transform:translate(-3px,0);opacity:.7}88%{opacity:0}}
.kicker{color:#E5873C;text-shadow:0 0 10px rgba(229,135,60,.4)}
.lead b{color:#f2c08a}

.btn.cta{background:linear-gradient(180deg,#f0943f,#c4601f);color:#0a0605;font-size:17px;padding:17px 26px;box-shadow:0 0 0 1px #000,0 0 28px rgba(229,135,60,.45);animation:chama 2.2s ease-in-out infinite;text-transform:uppercase}
.btn.cta:hover{filter:brightness(1.15)}
.mini{display:block;color:#8d8478;font-size:12px;margin-top:10px;letter-spacing:.06em}
section{border-top:1px solid #1d1512}
.regra{background:linear-gradient(90deg,rgba(18,14,13,.92),rgba(8,7,7,.92));border-color:#241a16;box-shadow:inset 0 0 40px rgba(0,0,0,.7)}
.regra img{filter:contrast(1.15) saturate(.85) brightness(.9);transition:filter .3s,transform .3s}
.regra:hover img{filter:contrast(1.3) saturate(1.1);transform:scale(1.03)}
.regra .lei{color:#f1e9dc}
.wall,.pack{background:rgba(12,10,10,.88);border-color:#2a1d18}
.pack{background:linear-gradient(180deg,rgba(40,16,10,.6),rgba(5,4,4,.95));box-shadow:0 0 50px rgba(143,29,20,.18)}

/* revelação ao rolar, com tremida de sinal */
.rv{opacity:0;transform:translateY(18px);filter:blur(3px)}
.rv.in{opacity:1;transform:none;filter:none;transition:opacity .7s,transform .7s,filter .7s}
.rv.in.trema{animation:trema .35s steps(2)}
@keyframes trema{0%{transform:translate(-4px,0);filter:hue-rotate(90deg)}50%{transform:translate(3px,1px)}100%{transform:none}}

/* botão de som ambiente */
.limbo{position:fixed;right:14px;bottom:14px;z-index:20;display:flex;align-items:center;gap:8px;background:rgba(3,3,4,.88);color:#e8dccb;border:1px solid #4a3426;border-radius:40px;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.8)}
.limbo[aria-pressed=true]{border-color:#E5873C;color:#f2c08a}
.ondas{display:inline-flex;gap:2px;align-items:flex-end;height:12px}
.ondas i{display:block;width:3px;height:4px;background:currentColor;border-radius:1px}
.limbo[aria-pressed=true] .ondas i{animation:onda 1s ease-in-out infinite}
.limbo[aria-pressed=true] .ondas i:nth-child(2){animation-delay:.2s}.limbo[aria-pressed=true] .ondas i:nth-child(3){animation-delay:.4s}
@keyframes onda{50%{height:12px}}
footer{position:relative;z-index:2;padding-bottom:80px}

@media (max-width:560px){.btn.cta{font-size:15px;padding:15px 18px;width:100%}.ouvir{font-size:12px;padding:9px 12px}}
@media (prefers-reduced-motion:reduce){h1.glitch:before,h1.glitch:after{display:none}.fx-grao,.fx-luz,.fx-marca,.btn.cta,.ouvir,.hud .rec{animation:none!important}.rv{opacity:1;transform:none;filter:none}}