/* ZombieVoln — standalone cinematic apocalypse design. Deliberately independent from the main LHS theme. */
.zv-page{--zv-red:#ff3e1d;--zv-rust:#9b241b;--zv-ember:#ff7a18;--zv-ash:#b8aaa3;background:#080707;color:#f7f0eb;overflow-x:hidden}
.zv-page:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#6320154a,transparent 48%),linear-gradient(#080707,#100908 48%,#080707)}
.zv-page:after{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px);mix-blend-mode:soft-light}
.zv-page .topbar{background:#090707df;border-bottom:1px solid #5b241b;backdrop-filter:blur(14px)}
.zv-page .brand-icon{color:#ff4b22;text-shadow:0 0 18px #ff3e1d65}
.zv-page .nav a.active,.zv-page .nav a:hover{color:#ff552a}
.zv-page .shell{width:min(1160px,calc(100% - 48px))}
.zv-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding-top:68px;padding-bottom:65px;min-height:570px}
.zv-hero:before{content:"";position:absolute;inset:0 -8vw;z-index:-2;background:radial-gradient(ellipse at 72% 47%,#e43a1740,transparent 33%),radial-gradient(ellipse at 72% 70%,#ff68131c,transparent 48%),linear-gradient(100deg,#080707 6%,#0b0808d9 45%,#1c0c09a8 100%);animation:zv-atmosphere 10s ease-in-out infinite alternate}
.zv-hero:after{content:"";position:absolute;z-index:-1;inset:0 -8vw;opacity:.5;background:linear-gradient(180deg,transparent 75%,#080707 100%),repeating-linear-gradient(115deg,transparent 0 62px,#ff56200a 63px,#ff562000 65px);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 92%,transparent)}
.zv-hero-copy{padding:12px 0;animation:zv-rise .8s ease both}
.zv-page .eyebrow{color:#ff6339}
.zv-kicker{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:8px;font-weight:800;letter-spacing:1.8px;color:#d0b7ac}
.zv-live-dot{width:7px;height:7px;border-radius:50%;background:#ff4928;box-shadow:0 0 0 4px #ff49281c,0 0 15px #ff4928;animation:zv-pulse 1.7s ease-in-out infinite}
.zv-hero h1{font-size:clamp(58px,8vw,104px);letter-spacing:-.095em;line-height:.82;margin:22px 0 23px;font-weight:900;font-style:italic;text-transform:uppercase;text-shadow:0 8px 30px #000}
.zv-hero h1 span{display:block;color:#ff4b23;text-shadow:0 0 35px #ff381f3a,4px 3px #55140d;animation:zv-title-glow 4s ease-in-out infinite alternate}
.zv-lead{max-width:490px;color:#d0c2bb;font-size:13px;line-height:1.9}
.zv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.zv-page .btn-primary{background:linear-gradient(110deg,#ff7b12,#ff3c1e);color:#160905;border:1px solid #ff8a3b;box-shadow:0 5px 24px #ff4b2228;font-weight:900;transition:transform .2s,box-shadow .2s}
.zv-page .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #ff4b2250}
.zv-page .btn-secondary{border:1px solid #78311f;background:#100b0a;color:#f7eae2}
.zv-stats{display:flex;gap:0;margin-top:37px;padding-top:20px;border-top:1px solid #4b2720}
.zv-stats div{display:flex;flex-direction:column;gap:5px;padding:0 20px;border-left:1px solid #3a241e}.zv-stats div:first-child{padding-left:0;border-left:0}
.zv-stats strong{font-size:29px;letter-spacing:-1.5px;color:#fff0e8;line-height:1;text-shadow:0 0 20px #ff5a2a20}.zv-stats span{font-size:7px;letter-spacing:1.1px;color:#a38b80;font-weight:800}
.zv-poster{position:relative;isolation:isolate;min-height:415px;overflow:hidden;border:1px solid #77301e;border-radius:2px;padding:19px;background:radial-gradient(circle at 57% 27%,#ff542d 0 1%,#a62c1d 2%,#40120f 13%,transparent 35%),radial-gradient(ellipse at 52% 74%,#ff4b1e60,transparent 40%),linear-gradient(160deg,#2b110f,#100909 55%,#050505);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 65px #0008;animation:zv-rise .95s .12s ease both}
.zv-poster:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background:linear-gradient(180deg,#0a070740 0%,transparent 42%,#050505e8 100%),repeating-linear-gradient(0deg,transparent 0 31px,#ff9a5b0b 32px),linear-gradient(90deg,#0008,transparent 35%,#0004)}
.zv-poster:after{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 0deg at 50% 50%,transparent 0 12%,#ff542d0b 13%,transparent 25% 48%,#ff542d0a 49%,transparent 65%);animation:zv-sweep 30s linear infinite}
.zv-poster-top,.zv-poster-bottom{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1.5px;font-weight:800;color:#c2a79b}
.zv-poster-top span:last-child{color:#ff5930}
.zv-warning{font-size:clamp(43px,5.4vw,72px);font-weight:1000;line-height:.79;letter-spacing:-.09em;text-align:center;color:#f7eee7;text-shadow:4px 4px 0 #651a12,0 0 35px #ff492d60;transform:rotate(-6deg);margin-top:15px;animation:zv-warning 5s ease-in-out infinite alternate}
.zv-silhouette{height:125px;display:flex;align-items:end;justify-content:center;gap:12px;opacity:.95;filter:drop-shadow(0 0 14px #f33a1d45)}
.zv-silhouette span{display:block;position:relative;width:43px;height:83px;background:linear-gradient(#ff5a32 0%,#7c241b 25%,#100909 90%);clip-path:polygon(30% 0,70% 0,83% 17%,100% 24%,83% 39%,80% 100%,20% 100%,17% 39%,0 24%,17% 17%);animation:zv-zombie 3.5s ease-in-out infinite}
.zv-silhouette span:after{content:"";position:absolute;top:15px;left:12px;width:5px;height:3px;background:#ff9b35;box-shadow:12px 0 #ff9b35,0 0 8px #ff492d,12px 0 8px #ff492d}
.zv-silhouette span:nth-child(2){width:59px;height:111px;background:linear-gradient(#f04a29,#6e2018 40%,#080707);animation-delay:.6s}
.zv-silhouette span:nth-child(3){transform:scaleX(-1);height:68px;animation-delay:1.1s}
.zv-poster-bottom{padding-top:13px;border-top:1px solid #753020}.zv-poster-bottom b{color:#ff7c32}.zv-crosshair{position:absolute;right:25px;top:44%;font-size:34px;font-weight:200;color:#ff6b4380;animation:zv-pulse 3s ease-in-out infinite}
.zv-ticker{overflow:hidden;border-block:1px solid #54271d;background:#100a09}
.zv-ticker>div{display:flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;white-space:nowrap;font-size:8px;font-weight:800;letter-spacing:1.5px;color:#d0b4a8;animation:zv-ticker 24s linear infinite}
.zv-ticker span{color:#e9d8cf}.zv-ticker i{font-style:normal;color:#ff4b23}
.zv-page .section{padding-top:76px;padding-bottom:76px}
.zv-page .section-heading h2{color:#f8eee9;font-style:italic;text-transform:uppercase;letter-spacing:-.06em}
.zv-page .section-heading h2 span{color:#ff542a}
.zv-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.zv-guide-card{position:relative;padding:23px;border:1px solid #38231e;border-radius:2px;background:linear-gradient(145deg,#1b100e,#0d0b0b);min-height:240px;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}
.zv-guide-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#ff421e,transparent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.zv-guide-card:hover{transform:translateY(-5px);border-color:#8a3925;background:linear-gradient(145deg,#24120f,#0d0b0b)}.zv-guide-card:hover:after{transform:scaleX(1)}
.zv-num{position:absolute;right:19px;top:18px;font-size:9px;color:#8c5141;font-weight:800;letter-spacing:1px}.zv-card-symbol{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #71301f;border-radius:2px;background:#27110c;color:#ff7840;font-size:22px}
.zv-guide-card h3,.zv-arsenal-card h3{font-size:16px;margin:0 0 9px;letter-spacing:-.4px}.zv-guide-card p,.zv-arsenal-card p{font-size:11px;line-height:1.8;color:#b8a69d;margin:0}.zv-guide-card small{display:block;margin-top:19px;font-size:7px;font-weight:800;letter-spacing:1.2px;color:#ff6840}
.zv-wave-section{position:relative;overflow:hidden;border-block:1px solid #49231b;background:radial-gradient(ellipse at 88% 40%,#9d291a2b,transparent 45%),linear-gradient(110deg,#1b0d0a,#100a09 57%,#0b0909);padding:78px 0}
.zv-wave-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.zv-wave-layout h2,.zv-tips-section h2,.zv-final h2{font-size:clamp(34px,4.5vw,52px);line-height:1.04;letter-spacing:-.07em;margin:15px 0;font-style:italic;text-transform:uppercase}.zv-wave-layout h2 span,.zv-tips-section h2 span,.zv-final h2 span{color:#ff542a}.zv-wave-layout>div:first-child>p,.zv-final p{font-size:11px;line-height:1.9;color:#b8a69d;max-width:390px;margin:18px 0 20px}.zv-page .text-link{color:#ff7840}
.zv-wave-panel{padding:23px;border:1px solid #5a2a1d;border-radius:2px;background:#100b0aeb;box-shadow:0 15px 50px #0005}.zv-panel-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #40231b;color:#c09b8c;font-size:7px;font-weight:800;letter-spacing:1.4px}.zv-panel-head span:last-child{color:#ff5930}
.zv-wave-row{display:grid;grid-template-columns:105px 1fr 80px;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #2e1d18}.zv-wave-row:last-of-type{border-bottom:0}.zv-wave-label{display:flex;flex-direction:column;gap:4px}.zv-wave-label b{font-size:11px;color:#f0e7e1}.zv-wave-label span{font-size:8px;color:#a38b80}.zv-wave-bar{height:5px;background:#39201a;border-radius:0;overflow:hidden}.zv-wave-bar i{display:block;height:100%;background:linear-gradient(90deg,#9e2e1c,#ff6330);border-radius:0;box-shadow:0 0 12px #ff492d80;animation:zv-bar-in 1.4s ease both}.zv-threat{text-align:right;font-size:7px;font-weight:800;letter-spacing:.6px;color:#d38b63}.zv-threat.critical{color:#ff492d}.zv-panel-note{margin:15px 0 0;font-size:8px;line-height:1.7;color:#8c7770}
.zv-arsenal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zv-arsenal-card{position:relative;display:flex;flex-direction:column;gap:17px;padding:21px;border:1px solid #38231e;border-radius:2px;background:linear-gradient(145deg,#19100e,#0d0b0b);min-height:225px;transition:transform .2s,border-color .2s}.zv-arsenal-card:hover{transform:translateY(-4px);border-color:#8b3924}.zv-arsenal-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #71301f;border-radius:2px;background:linear-gradient(145deg,#35170e,#17100e);font-size:24px;color:#ff8a53}.zv-arsenal-icon.coin{color:#f2c46d;border-color:#685025;background:#21190e}.zv-label{font-size:7px;font-weight:800;letter-spacing:1.3px;color:#d17a59}.zv-arsenal-card h3{margin:6px 0 7px}.zv-card-index{position:absolute;right:18px;top:20px;font-size:7px;font-weight:800;letter-spacing:1px;color:#75594f}
.zv-tips-section{padding:75px 0;border-block:1px solid #49231b;background:radial-gradient(ellipse at 80% 10%,#ff4c1d12,transparent 45%),#0c0909}.zv-tips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:35px;border:1px solid #39231d;border-radius:2px;overflow:hidden}.zv-tips-grid>div{padding:20px;border-right:1px solid #39231d;background:#130d0c}.zv-tips-grid>div:last-child{border-right:0}.zv-tips-grid b{font-size:9px;color:#ff6135;letter-spacing:1px}.zv-tips-grid p{font-size:10px;line-height:1.8;color:#b8a69d;margin:14px 0 0}
.zv-final{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:70px;padding-bottom:75px}.zv-final h2{margin-bottom:12px}.zv-final p{margin-bottom:0}.zv-page .footer{border-top:1px solid #49231b;background:#090707}
@keyframes zv-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes zv-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes zv-title-glow{from{text-shadow:0 0 22px #ff381f20,4px 3px #55140d}to{text-shadow:0 0 42px #ff381f65,4px 3px #55140d}}
@keyframes zv-warning{from{transform:rotate(-6deg) scale(1)}to{transform:rotate(-3deg) scale(1.035)}}
@keyframes zv-zombie{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes zv-sweep{to{transform:rotate(360deg)}}
@keyframes zv-ticker{0%{transform:translateX(0)}100%{transform:translateX(-3%)}}
@keyframes zv-bar-in{from{width:0}to{width:var(--bar-width,100%)}}
@media(max-width:980px){.zv-hero{gap:25px}.zv-wave-layout{gap:30px}.zv-wave-row{grid-template-columns:88px 1fr 68px;gap:8px}.zv-guide-card,.zv-arsenal-card{padding:17px}.zv-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zv-tips-grid>div:nth-child(2){border-right:0}.zv-tips-grid>div:nth-child(-n+2){border-bottom:1px solid #39231d}}
@media(max-width:720px){.zv-page .shell{width:min(100% - 32px,1160px)}.zv-hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px;gap:30px}.zv-hero h1{font-size:clamp(58px,14vw,88px)}.zv-poster{min-height:310px}.zv-stats div{padding-inline:13px}.zv-stats strong{font-size:24px}.zv-stats span{font-size:6px}.zv-ticker>div{justify-content:flex-start;font-size:7px;gap:15px}.zv-guide-grid,.zv-arsenal-grid{grid-template-columns:1fr}.zv-guide-card{min-height:0}.zv-guide-card p{max-width:500px}.zv-wave-section,.zv-tips-section{padding:55px 0}.zv-wave-layout{grid-template-columns:1fr;gap:28px}.zv-wave-panel{padding:17px}.zv-wave-row{grid-template-columns:90px 1fr 70px}.zv-arsenal-card{min-height:0;display:grid;grid-template-columns:45px 1fr;gap:12px}.zv-arsenal-icon{grid-row:span 2}.zv-arsenal-card>div:nth-child(2){grid-column:2}.zv-final{align-items:flex-start;flex-direction:column;padding-top:52px;padding-bottom:55px}.zv-final .btn{width:100%;justify-content:space-between}.zv-tips-grid>div{padding:15px}}
@media(max-width:400px){.zv-stats div{padding-inline:9px}.zv-stats strong{font-size:21px}.zv-stats span{letter-spacing:.4px}.zv-wave-row{grid-template-columns:75px 1fr 60px}.zv-threat{font-size:6px}.zv-warning{font-size:43px}.zv-tips-grid{grid-template-columns:1fr}.zv-tips-grid>div{border-right:0;border-bottom:1px solid #39231d}.zv-tips-grid>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
