:root{--bg:#07060d;--bg2:#100b1f;--card:#15112a;--line:#2c2550;--txt:#f3f1ff;--mut:#b9b3d6;--y:#ffe600;--r:#ff2d55;--g:#7dff3a;--m:#ff2fd0;--c:#22f0ff;--d:'Bangers',Impact,sans-serif;--a:'Anton',Impact,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 10% 30%,rgba(255,47,208,.10),transparent 60%),radial-gradient(900px 600px at 90% 60%,rgba(34,240,255,.08),transparent 60%),radial-gradient(900px 700px at 30% 90%,rgba(125,255,58,.07),transparent 60%),var(--bg);color:var(--txt);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
a{color:var(--y)}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px;position:relative}
body>.wrap:first-child{position:sticky;top:0;z-index:50;max-width:none;background:rgba(7,6,13,.78);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
nav{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 0}
.logo{font:400 30px/1 var(--d);letter-spacing:.04em;color:#fff;text-decoration:none;text-shadow:3px 3px 0 var(--r),0 0 18px rgba(255,45,85,.6)}.logo span{color:var(--y);text-shadow:3px 3px 0 #b3006b,0 0 18px rgba(255,230,0,.6)}
.links{display:flex;flex-wrap:wrap;gap:4px 16px}.links a{color:var(--mut);text-decoration:none;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;transition:color .15s,text-shadow .15s}.links a:hover{color:var(--g);text-shadow:0 0 10px var(--g)}
/* HERO */
.hero{position:relative;overflow:hidden;padding:90px 0 230px;min-height:640px;background:linear-gradient(180deg,#140726,#07060d);isolation:isolate;border-bottom:3px solid var(--m);box-shadow:0 3px 30px rgba(255,47,208,.5)}
.collage{position:absolute;inset:-40px -60px 0;z-index:-2;will-change:transform}
.collage .t{position:absolute;width:clamp(200px,26vw,380px);aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:3px solid #fff;opacity:.55;filter:saturate(1.35) contrast(1.05);animation:float 9s ease-in-out infinite;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.t0{top:2%;left:52%;--r:-6deg;border-color:var(--y)!important}.t1{top:6%;left:78%;--r:5deg;animation-delay:-2s!important;border-color:var(--m)!important}
.t2{top:34%;left:62%;--r:3deg;animation-delay:-4s!important;border-color:var(--c)!important;opacity:.75!important}.t3{top:40%;left:86%;--r:-4deg;animation-delay:-1s!important;border-color:var(--g)!important}
.t4{top:66%;left:50%;--r:-3deg;animation-delay:-6s!important;border-color:var(--r)!important}.t5{top:70%;left:76%;--r:6deg;animation-delay:-3s!important;border-color:var(--y)!important}
.t6{top:-6%;left:22%;--r:4deg;opacity:.22!important}.t7{top:60%;left:-6%;--r:-5deg;opacity:.2!important}.t8{top:20%;left:-10%;--r:3deg;opacity:.18!important}.t9{top:78%;left:24%;--r:-2deg;opacity:.2!important}
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-16px) rotate(calc(var(--r) * -.4))}}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,6,13,.96) 0%,rgba(7,6,13,.82) 42%,rgba(7,6,13,.25) 75%,rgba(7,6,13,.5)),radial-gradient(600px 400px at 15% 40%,rgba(255,47,208,.25),transparent 70%)}
.fx{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;animation:flick 6s steps(1) infinite}
.fx:after{content:"";position:absolute;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 baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.12;animation:grain .8s steps(4) infinite}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-3%,-2%)}}
@keyframes flick{0%,100%{opacity:1}47%{opacity:.6}48%{opacity:1}82%{opacity:.75}83%{opacity:1}}
.stamp{display:inline-block;border:2px solid var(--g);color:var(--g);font:700 13px var(--mono);padding:6px 12px;transform:rotate(-3deg);letter-spacing:.15em;box-shadow:0 0 14px rgba(125,255,58,.5),inset 0 0 10px rgba(125,255,58,.3);text-shadow:0 0 8px var(--g);background:rgba(7,6,13,.6)}
h1{font:400 clamp(54px,9.5vw,124px)/.92 var(--d);letter-spacing:.02em;margin:22px 0 20px;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px #000;text-shadow:5px 5px 0 var(--r),0 0 30px rgba(255,45,85,.55)}
h1 em{font-style:normal;color:var(--y);text-shadow:5px 5px 0 #c4007a,0 0 34px rgba(255,230,0,.65);display:inline-block;transform:rotate(-2deg);animation:glow 3.2s ease-in-out infinite}
@keyframes glow{50%{text-shadow:5px 5px 0 #c4007a,0 0 60px rgba(255,230,0,.95)}}
.sub{font-size:19px;color:#e6e1ff;max-width:560px;text-shadow:0 2px 10px #000}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.btn{display:inline-block;padding:15px 24px;border-radius:10px;font:400 22px/1 var(--d);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;border:3px solid #000;box-shadow:5px 5px 0 #000;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 #000}
.btn.red{background:var(--r);color:#fff;box-shadow:5px 5px 0 #000,0 0 26px rgba(255,45,85,.6)}
.btn.y{background:var(--y);color:#111;box-shadow:5px 5px 0 #000,0 0 24px rgba(255,230,0,.45)}
.btn.ghost{background:rgba(7,6,13,.6);border-color:var(--c);color:var(--c);box-shadow:0 0 18px rgba(34,240,255,.4),inset 0 0 12px rgba(34,240,255,.2)}
/* SECTIONS */
section{padding:80px 0;position:relative}
section+section:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--m),var(--c),var(--g),transparent);opacity:.6}
h2{font:400 clamp(40px,6vw,64px)/1 var(--d);letter-spacing:.03em;text-transform:uppercase;margin:0 0 10px;color:#fff;text-shadow:4px 4px 0 #000,0 0 20px rgba(255,255,255,.18)}
h2 span{color:var(--y);text-shadow:4px 4px 0 var(--r),0 0 22px rgba(255,230,0,.55)}
#archive h2 span{color:var(--g);text-shadow:4px 4px 0 #0a5d00,0 0 22px rgba(125,255,58,.6)}
#merch h2 span{color:var(--m);text-shadow:4px 4px 0 #4b0040,0 0 22px rgba(255,47,208,.6)}
#about h2 span,#contact h2 span{color:var(--c);text-shadow:4px 4px 0 #003a40,0 0 22px rgba(34,240,255,.55)}
.lede{color:var(--mut);margin:0 0 30px;font-size:17px;max-width:680px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.card{--gc:var(--y);background:var(--card);border:2px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--txt);transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,border-color .2s}
.card:nth-child(4n+2){--gc:var(--m)}.card:nth-child(4n+3){--gc:var(--c)}.card:nth-child(4n+4){--gc:var(--g)}
.card:hover,.card:focus-visible{transform:translateY(-6px) rotate(-1.2deg) scale(1.03);border-color:var(--gc);box-shadow:0 0 0 2px var(--gc),0 14px 40px -6px var(--gc)}
.card:nth-child(even):hover{transform:translateY(-6px) rotate(1.2deg) scale(1.03)}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:filter .2s}.card:hover img{filter:saturate(1.3) brightness(1.08)}
.card div{padding:14px 16px 18px}
.tag{display:inline-block;font:700 11px var(--mono);letter-spacing:.1em;color:#111;background:var(--gc);padding:3px 8px;border-radius:4px}.tag.ai{background:var(--c)}
.card h3{font-size:16px;margin:10px 0 0;line-height:1.35;font-weight:800}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cat{--vc:var(--c);position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--vc) 22%,var(--card)),var(--card) 60%);border:2px solid var(--vc);padding:24px 22px;border-radius:14px;text-decoration:none;color:var(--txt);box-shadow:0 0 22px -6px var(--vc);transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}
.cat.c2{--vc:var(--g)}.cat.c3{--vc:var(--m)}.cat.c4{--vc:var(--y)}
.cat:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 0 40px -2px var(--vc)}
.cat b{font:400 15px var(--d);letter-spacing:.12em;color:var(--vc);text-shadow:0 0 10px var(--vc)}
.cat h3{margin:8px 0;font:400 30px/1.05 var(--a);text-transform:uppercase;letter-spacing:.01em}
.cat p{margin:0 0 14px;color:var(--mut);font-size:15px}
.cat:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--vc);opacity:.18;filter:blur(20px)}
.v{display:inline-block;font:700 12px var(--mono);padding:5px 10px;border-radius:4px;letter-spacing:.08em}
.v.unx{background:var(--vc,var(--y));color:#111}
.az{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.az a{font:700 13px var(--mono);padding:8px 13px;border:2px solid var(--line);border-radius:30px;color:var(--txt);text-decoration:none;background:rgba(255,255,255,.03);transition:all .15s}
.az a:nth-child(4n+1):hover{border-color:var(--c);color:var(--c);box-shadow:0 0 14px var(--c)}.az a:nth-child(4n+2):hover{border-color:var(--g);color:var(--g);box-shadow:0 0 14px var(--g)}.az a:nth-child(4n+3):hover{border-color:var(--m);color:var(--m);box-shadow:0 0 14px var(--m)}.az a:nth-child(4n):hover{border-color:var(--y);color:var(--y);box-shadow:0 0 14px var(--y)}
.merch{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.prod{background:var(--card);border:2px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.prod:hover{transform:translateY(-5px);border-color:var(--m);box-shadow:0 12px 34px -8px var(--m)}
.mock{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 45%,#3a1460,#120a22 70%)}
.prod:nth-child(2) .mock{background:radial-gradient(circle at 50% 45%,#5a0f22,#170812 70%)}.prod:nth-child(3) .mock{background:radial-gradient(circle at 50% 45%,#0c4a52,#081419 70%)}.prod:nth-child(4) .mock{background:radial-gradient(circle at 50% 45%,#2f5a08,#0d1606 70%)}
.mock .art{text-align:center;font-family:var(--d);font-weight:400;letter-spacing:.05em;text-transform:uppercase;line-height:1.05}
.prod div.i{padding:16px}.prod h3{margin:0 0 4px;font-size:17px;font-weight:800}.prod p{margin:0;color:var(--mut);font-size:14px}
.soon{position:absolute;top:12px;right:12px;background:var(--r);color:#fff;font:400 15px var(--d);padding:5px 10px;border-radius:4px;letter-spacing:.08em;transform:rotate(4deg);box-shadow:0 0 14px rgba(255,45,85,.7)}
.tee{width:62%;aspect-ratio:1;background:#16131f;clip-path:polygon(25% 0,75% 0,100% 18%,88% 32%,80% 26%,80% 100%,20% 100%,20% 26%,12% 32%,0 18%);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}
.tee .art{font-size:18px!important}
.mug{width:46%;aspect-ratio:1/1.1;background:#f1f1f1;border-radius:6px 6px 14px 14px;display:flex;align-items:center;justify-content:center;color:#111;position:relative}.mug .art{font-size:16px!important;color:#c4007a}
.mug:after{content:"";position:absolute;right:-22%;top:22%;width:26%;height:45%;border:8px solid #f1f1f1;border-left:0;border-radius:0 40% 40% 0}
.stk{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:84%}.stk span{font:700 12px var(--mono);padding:8px 11px;border-radius:20px;transform:rotate(-4deg);box-shadow:3px 3px 0 #000}
.stk span:nth-child(even){transform:rotate(5deg)}
.signup{position:relative;background:linear-gradient(135deg,#2a0b3d,#0d1f33 55%,#0f2a0a);border:3px solid transparent;border-radius:20px;padding:40px clamp(20px,4vw,48px);background-clip:padding-box;box-shadow:0 0 0 3px var(--y),0 0 50px -8px var(--m),inset 0 0 60px rgba(0,0,0,.4)}
.signup:before{content:"LIBRARY CARD № 0001";position:absolute;top:-14px;left:28px;background:var(--y);color:#111;font:700 12px var(--mono);letter-spacing:.12em;padding:5px 12px;border-radius:4px;box-shadow:3px 3px 0 #000}
.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.row input{flex:1 1 240px;padding:15px 16px;border-radius:10px;border:2px solid #3b3366;background:#0a0816;color:#fff;font-size:16px;transition:border-color .15s,box-shadow .15s}
.row input:focus{outline:0;border-color:var(--c);box-shadow:0 0 0 3px rgba(34,240,255,.25)}
.row button{flex:0 0 auto;padding:14px 26px;border:3px solid #000;border-radius:10px;background:var(--g);color:#071;font:400 22px/1 var(--d);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 #000,0 0 22px rgba(125,255,58,.5);transition:transform .12s}
.row button:hover{transform:translate(-2px,-2px)}.row button:disabled{opacity:.6}
.note{font:700 12px var(--mono);color:var(--g);margin-top:12px}
.kit-thanks h3{font:400 34px var(--d);color:var(--y);letter-spacing:.03em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
#about p{color:#ddd8f5}
#contact{background:var(--card);border:2px solid var(--c);border-radius:16px;padding:28px;box-shadow:0 0 30px -8px var(--c)}
.disc{font-size:13px;color:var(--mut)!important;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
footer{padding:40px 0;color:var(--mut);font-size:14px;text-align:center;border-top:2px solid var(--m);box-shadow:0 -2px 24px rgba(255,47,208,.3)}
footer a{color:var(--y);font-weight:800}
#contact .btn{font-size:20px;word-break:break-all}
@media(max-width:700px){.two{grid-template-columns:1fr;gap:30px}.hero{padding:50px 0 180px;min-height:0}section{padding:56px 0}.btn{flex:1 1 100%;text-align:center}
 .hero:before{background:linear-gradient(180deg,rgba(7,6,13,.55),rgba(7,6,13,.9) 45%,rgba(7,6,13,.8))}.collage .t{width:200px}.t0{left:40%}.t1{left:72%}.t2{left:-10%;top:12%}.t3{left:62%;top:30%}.t6,.t7,.t8,.t9{display:none}
 .logo{font-size:26px}.links{gap:2px 12px}.links a{font-size:12px}h1{-webkit-text-stroke:1px #000;text-shadow:3px 3px 0 var(--r),0 0 20px rgba(255,45,85,.5)}#contact .btn{font-size:16px}}

.zombies{position:absolute;left:0;right:0;bottom:0;height:250px;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(125,255,58,.22),transparent 70%);overflow:hidden}
.zombies:before{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:#000;z-index:3}
.fog{position:absolute;left:-50%;width:200%;bottom:0;height:90px;z-index:4;background:radial-gradient(40% 60% at 20% 80%,rgba(125,255,58,.28),transparent 70%),radial-gradient(35% 50% at 60% 90%,rgba(125,255,58,.22),transparent 70%),radial-gradient(30% 60% at 90% 80%,rgba(160,255,120,.2),transparent 70%);filter:blur(10px);animation:fog 30s linear infinite alternate}
@keyframes fog{to{transform:translateX(25%)}}
.z{position:absolute;bottom:12px;width:auto;fill:#050208;overflow:visible;animation:shamble linear infinite;filter:drop-shadow(0 0 2px #7dff3a) drop-shadow(0 0 10px rgba(125,255,58,.55));z-index:2}
.z.m{bottom:18px;opacity:.8;filter:blur(.5px) drop-shadow(0 0 6px rgba(125,255,58,.45));fill:#0b0912;z-index:1}
.z.f{bottom:24px;opacity:.55;filter:blur(1.3px) drop-shadow(0 0 5px rgba(125,255,58,.35));fill:#121815;z-index:0}
.z *{transform-box:view-box}
@keyframes shamble{from{left:-200px}to{left:calc(100% + 200px)}}
/* 1 gaunt: slow stiff */
.z0{animation-duration:95s;animation-delay:-10s}
.z0 .bd{animation:g-bd 2.6s ease-in-out infinite}.z0 .lf{animation:g-l 2.6s ease-in-out infinite}.z0 .lb{animation:g-l 2.6s ease-in-out infinite reverse}
.z0 .af,.z0 .ab{animation:g-a 2.6s ease-in-out infinite}.z0 .ab{animation-direction:reverse}.z0 .hd{animation:g-h 5s ease-in-out infinite}
@keyframes g-bd{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes g-l{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes g-a{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes g-h{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg)}}
/* 2 suit: waddle */
.z1{animation-duration:80s;animation-delay:-42s}
.z1 .bd{animation:s-bd 1.3s ease-in-out infinite}.z1 .lf{animation:s-l 1.3s ease-in-out infinite}.z1 .lb{animation:s-l 1.3s ease-in-out infinite reverse}
.z1 .af{animation:s-a 1.3s ease-in-out infinite}.z1 .ab{animation:s-a 1.3s ease-in-out infinite reverse}
@keyframes s-bd{0%,100%{transform:rotate(-6deg)}25%{transform:rotate(0) translateY(-3px)}50%{transform:rotate(6deg)}75%{transform:rotate(0) translateY(-3px)}}
@keyframes s-l{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes s-a{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}}
/* 3 granny: small shuffling steps with cane */
.z2{animation-duration:150s;animation-delay:-70s}
.z2 .bd{animation:o-bd 1.1s ease-in-out infinite}.z2 .lf{animation:o-l 1.1s ease-in-out infinite}.z2 .lb{animation:o-l 1.1s ease-in-out infinite reverse}
.z2 .af{animation:o-a 2.2s ease-in-out infinite}.z2 .ab{animation:r-a 2.2s ease-in-out infinite}.z2 .hd{animation:o-h 2.8s ease-in-out infinite}
@keyframes o-bd{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) rotate(1.5deg)}}
@keyframes o-l{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes o-a{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes o-h{0%,100%{transform:rotate(-3deg)}40%{transform:rotate(7deg)}}
/* 4 gown: stiff reacher */
.z3{animation-duration:105s;animation-delay:-25s}
.z3 .bd{animation:r-bd 1.8s ease-in-out infinite}.z3 .lf{animation:g-l 1.8s ease-in-out infinite}.z3 .lb{animation:g-l 1.8s ease-in-out infinite reverse}
.z3 .af{animation:r-a 1.8s ease-in-out infinite}.z3 .ab{animation:r-a 1.8s ease-in-out infinite -.5s}.z3 .hd{animation:g-h 3.6s ease-in-out infinite}
@keyframes r-bd{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes r-a{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
/* 5 teen: bad limp */
.z4{animation-duration:120s;animation-delay:-90s}
.z4 .bd{animation:t-bd 1.4s cubic-bezier(.6,0,.4,1) infinite}.z4 .lf{animation:g-l 1.4s ease-in-out infinite}.z4 .lb{animation:t-lb 1.4s ease-in-out infinite}.z4 .ab{animation:t-a 1.4s ease-in-out infinite}
@keyframes t-bd{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg) translateY(6px)}55%{transform:rotate(-3deg) translateY(1px)}}
@keyframes t-lb{0%,100%{transform:rotate(3deg)}40%{transform:rotate(-4deg)}}
@keyframes t-a{0%,100%{transform:rotate(4deg)}40%{transform:rotate(-14deg)}}
/* 6 worker: drag foot */
.z5{animation-duration:115s;animation-delay:-55s}
.z5 .bd{animation:w-bd 1.7s ease-in-out infinite}.z5 .lf{animation:w-lf 1.7s ease-in-out infinite}.z5 .lb{animation:w-lb 1.7s ease-in-out infinite}.z5 .af{animation:s-a 1.7s ease-in-out infinite}.z5 .ab{animation:r-a 1.7s ease-in-out infinite}
@keyframes w-bd{0%,100%{transform:rotate(3deg)}45%{transform:rotate(7deg) translate(3px,-2px)}70%{transform:rotate(4deg)}}
@keyframes w-lf{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}}
@keyframes w-lb{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg)}}
@media(max-width:700px){.zombies{height:190px}.z{scale:.7;transform-origin:bottom}.z3,.z4{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.z0{left:4%}.z1{left:30%}.z2{left:56%}.z3{left:20%}.z4{left:84%}.z5{left:70%}}

/* creepy decorations */
.deco{position:absolute;pointer-events:none;z-index:1}
.web{width:var(--s,160px);aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M0 0L200 0M0 0L196 42M0 0L181 85M0 0L153 129M0 0L123 158M0 0L81 183M0 0L42 196M0 0L0 200M27 0Q23 2 28 6Q22 7 25 12Q19 12 20 18Q15 16 16 22Q11 19 11 24Q7 22 6 28Q2 23 0 27M53 0Q43 4 51 11Q41 13 50 21Q37 22 42 33Q30 29 31 39Q21 36 21 49Q13 41 10 51Q4 42 0 51M78 0Q62 6 72 16Q59 20 72 33Q54 34 58 51Q44 45 48 60Q33 55 33 73Q20 61 16 77Q6 65 0 82M107 0Q88 8 108 21Q82 27 93 45Q70 46 76 67Q56 62 60 84Q43 74 44 96Q27 80 23 99Q9 84 0 105M133 0Q110 12 134 29Q104 35 119 57Q88 59 96 87Q73 81 83 110Q57 93 56 117Q34 102 27 132Q11 108 0 131M156 0Q125 14 150 35Q119 41 140 66Q108 72 122 109Q89 97 95 127Q66 115 66 155Q42 131 35 165Q14 134 0 160M150 150L140 168M118 30L126 44' fill='none' stroke='%23e8e8f0' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;opacity:var(--o,.22)}
.web.tl{top:0;left:0}.web.tr{top:0;right:0;transform:scaleX(-1)}.web.bl{bottom:0;left:0;transform:scaleY(-1)}.web.br{bottom:0;right:0;transform:scale(-1)}
.hand{width:var(--s,70px);aspect-ratio:100/140;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cg fill='%237a0f14'%3E%3Cpath d='M30 70Q26 40 30 20Q32 12 37 14Q41 16 40 30L42 56L46 14Q48 4 54 6Q59 8 58 18L56 54L62 18Q64 10 70 12Q75 15 72 26L66 58L76 34Q80 28 84 31Q88 35 84 44L72 84Q66 104 54 112L50 136L46 112Q34 104 30 70z' opacity='.85'/%3E%3Cpath d='M44 112L42 138L46 138zM58 110L62 132L59 133zM34 96L28 122L31 122z' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;opacity:.32;filter:blur(.5px)}
.spider{top:0;width:2px;height:0}
.spider i{position:absolute;left:0;top:0;width:1px;height:var(--h,140px);background:linear-gradient(rgba(230,230,240,.0),rgba(230,230,240,.45));transform-origin:top;animation:thread 14s ease-in-out infinite var(--dl,0s)}
.spider svg{position:absolute;left:-11px;top:0;width:24px;height:24px;fill:#0b0a10;stroke:#7dff3a;stroke-width:.6;filter:drop-shadow(0 0 4px rgba(125,255,58,.6));animation:drop 14s ease-in-out infinite var(--dl,0s)}
@keyframes thread{0%,62%,100%{transform:scaleY(0)}72%,84%{transform:scaleY(1)}}
@keyframes drop{0%,62%,100%{transform:translateY(-24px)}72%,84%{transform:translateY(calc(var(--h,140px) - 4px))}76%{transform:translateY(calc(var(--h,140px) - 14px)) rotate(8deg)}80%{transform:translateY(calc(var(--h,140px) - 4px)) rotate(-8deg)}}
.eyes{display:flex;gap:9px}.eyes:before,.eyes:after{content:"";width:10px;height:5px;border-radius:50%;background:var(--ec,#7dff3a);box-shadow:0 0 8px 2px var(--ec,#7dff3a);animation:blink var(--bt,9s) infinite var(--bd,0s)}
.eyes.red{--ec:#ff2d3d}
@keyframes blink{0%,18%,100%{opacity:0;transform:scaleY(.2)}22%,40%{opacity:.9;transform:scaleY(1)}41%,42%{transform:scaleY(.1)}43%,58%{opacity:.9;transform:scaleY(1)}62%{opacity:0}}
section.flk{animation:secflick .9s steps(1) 1}
@keyframes secflick{0%{filter:brightness(.55)}12%{filter:brightness(1.15)}22%{filter:brightness(.7)}34%{filter:brightness(1)}48%{filter:brightness(.85)}60%,100%{filter:none}}
footer{position:relative;overflow:hidden}#merch,#join,#about,#watch,#archive{overflow:hidden}
section>.wrap,.signup>*:not(.deco){position:relative;z-index:2}
@media(max-width:700px){.m-hide{display:none}.web{--s:100px!important}}
@media(prefers-reduced-motion:reduce){.spider i{transform:scaleY(1)}.spider svg{transform:translateY(calc(var(--h,140px) - 4px))}.eyes:before,.eyes:after{opacity:.7;transform:none}section.flk{animation:none}}