:root{
  --alley:#070608;
  --asphalt:#1A1D24;
  --sodium:#FFB000;
  --cyan:#00D8FF;
  --magenta:#FF2A8A;
  --paper:#F2E2B8;
  --green:#76FF4D;
  --headline:"Impact","Haettenschweiler","Arial Narrow",sans-serif;
  --hand:"Comic Sans MS","Marker Felt","Bradley Hand",cursive;
  --body:"Noto Sans JP","Inter",system-ui,sans-serif;
  --mono:"IBM Plex Mono","SFMono-Regular","Consolas",monospace;
  --scroll:0;
  --cursor-x:0;
  --cursor-y:0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--alley)}
body{margin:0;color:var(--paper);font-family:var(--body);background:var(--alley);overflow-x:hidden}
.defs{position:absolute}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 20% 30%,rgba(242,226,184,.12) 0 1px,transparent 1px),radial-gradient(circle at 72% 66%,rgba(255,42,138,.16) 0 1px,transparent 1.5px),linear-gradient(90deg,transparent,rgba(0,216,255,.04),transparent);background-size:7px 7px,11px 13px,100% 4px;mix-blend-mode:screen}.grain:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px);animation:scan 1.8s steps(3) infinite}.security-frame{position:fixed;inset:18px;z-index:70;pointer-events:none}.security-frame span{position:absolute;width:64px;height:64px;border-color:rgba(0,216,255,.65)}.security-frame span:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.security-frame span:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.security-frame span:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.security-frame span:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.stencil-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:10px}.stencil-nav a{font:14px/1 var(--mono);text-transform:uppercase;text-decoration:none;color:var(--paper);background:var(--alley);border:1px dashed var(--magenta);padding:7px 9px;box-shadow:4px 4px 0 rgba(255,42,138,.35);transform:rotate(-4deg);transition:.2s}.stencil-nav a:nth-child(even){transform:rotate(5deg);border-color:var(--cyan);box-shadow:4px 4px 0 rgba(0,216,255,.3)}.stencil-nav a:hover{color:var(--green);translate:-4px 0}.wall{position:relative;min-height:500vh;transform:translateX(calc(var(--scroll) * -36px));transition:transform .08s linear}.scene{position:relative;min-height:100vh;overflow:hidden;background-color:var(--asphalt);isolation:isolate}.scene:before{content:"";position:absolute;inset:-10%;z-index:-3;background:linear-gradient(335deg,transparent 0 48%,rgba(255,176,0,.07) 49% 52%,transparent 53%),repeating-linear-gradient(0deg,rgba(7,6,8,.55) 0 3px,transparent 3px 62px),repeating-linear-gradient(90deg,rgba(242,226,184,.035) 0 2px,transparent 2px 88px);filter:url(#wobble)}.scene:after{content:attr(data-scene);position:absolute;left:3vw;top:3vh;font:clamp(5rem,16vw,17rem)/.8 var(--headline);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(242,226,184,.12);z-index:-1}.brick-field{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(7,6,8,.4) 36px 39px),repeating-linear-gradient(90deg,rgba(242,226,184,.04) 0 80px,transparent 81px 86px);opacity:.8}.scene-one{background:radial-gradient(circle at 20% 72%,rgba(255,42,138,.35),transparent 28%),linear-gradient(135deg,var(--alley),var(--asphalt) 65%,#0b090b)}.spray-cloud{position:absolute;left:5vw;top:12vh;width:min(86vw,980px);height:38vh;border-radius:48% 44% 58% 40%;background:radial-gradient(circle at 22% 42%,var(--magenta) 0 12%,transparent 16%),radial-gradient(circle at 50% 55%,rgba(255,42,138,.92) 0 30%,transparent 56%),radial-gradient(circle at 72% 32%,rgba(255,42,138,.55) 0 13%,transparent 28%);filter:url(#spray);mix-blend-mode:screen;display:grid;place-items:center;animation:breath 5s ease-in-out infinite}.spray-cloud span{font:clamp(4.8rem,14vw,15rem)/.72 var(--headline);letter-spacing:-.08em;color:var(--asphalt);text-shadow:0 0 0 var(--alley);mix-blend-mode:multiply;transform:skew(-12deg) rotate(-3deg);text-transform:uppercase}.lantern{position:absolute;right:14vw;top:8vh;width:110px;height:140px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle,var(--sodium),rgba(255,176,0,.35) 45%,transparent 70%);box-shadow:0 0 90px 55px rgba(255,176,0,.28);animation:flicker 2.4s steps(5) infinite}.lantern b{position:absolute;left:38px;top:-22px;width:34px;height:24px;background:var(--alley);border-radius:14px 14px 0 0}.drain-grate{position:absolute;left:3vw;bottom:0;width:42vw;height:18vh;background:repeating-linear-gradient(45deg,rgba(0,216,255,.35) 0 8px,transparent 8px 24px),repeating-linear-gradient(-45deg,rgba(7,6,8,.8) 0 8px,transparent 8px 24px);clip-path:polygon(0 45%,100% 0,92% 100%,0 100%);opacity:.75}.tag-cluster{position:absolute;left:9vw;bottom:12vh;width:min(560px,75vw);transform:rotate(-5deg)}h1,h2{font-family:var(--headline);text-transform:uppercase;letter-spacing:-.05em;margin:0}h1{font-size:clamp(5rem,13vw,13rem);line-height:.72;color:var(--paper);text-shadow:8px 8px 0 var(--magenta),-4px 0 0 var(--cyan)}h2{font-size:clamp(3.7rem,10vw,10rem);line-height:.78}.paper,.poster,.final-paper{color:var(--alley);background:var(--paper);box-shadow:10px 12px 0 rgba(7,6,8,.65);filter:drop-shadow(0 0 18px rgba(255,176,0,.18))}.paper{padding:24px;font-weight:800;clip-path:polygon(0 7%,9% 0,22% 5%,37% 0,58% 4%,76% 0,100% 8%,97% 92%,82% 100%,64% 95%,47% 100%,28% 94%,12% 100%,0 90%)}.hand{font-family:var(--hand);color:var(--green);font-size:clamp(1.2rem,2vw,2rem);text-shadow:2px 2px var(--alley)}.mono{font-family:var(--mono);letter-spacing:.08em;font-size:.8rem}.arrow{position:absolute;right:-6vw;bottom:-2vh;transform:rotate(13deg)}.chalk-path{position:absolute;border:4px dashed var(--paper);opacity:.75}.path-a{right:18vw;bottom:24vh;width:26vw;height:12vh;border-left:0;border-bottom:0;transform:rotate(-23deg)}.shadow-spine{position:fixed;left:0;top:0;width:34vw;height:22vh;z-index:50;pointer-events:none;transform:translate3d(calc(6vw + var(--scroll) * 72vw),calc(70vh - var(--scroll) * 6vh),0) rotate(calc(-18deg + var(--scroll) * 38deg));filter:drop-shadow(0 0 20px rgba(0,216,255,.18));transition:filter .2s}.monster-core{position:absolute;right:0;top:18%;width:48%;height:48%;background:var(--alley);clip-path:url(#monster-cut)}.tail{position:absolute;left:0;top:42%;width:68%;height:28%;background:var(--alley);border-radius:70% 20% 80% 30%;transform-origin:100% 50%;transform:skewX(calc(var(--cursor-x) * 6deg)) skewY(calc(var(--cursor-y) * 4deg));box-shadow:18px 26px 0 -13px var(--alley)}.shadow-spine i{position:absolute;bottom:17%;width:16px;height:26px;background:var(--alley);border-radius:80% 20%;transform:rotate(25deg)}.shadow-spine i:nth-of-type(1){left:52%}.shadow-spine i:nth-of-type(2){left:60%;bottom:10%}.shadow-spine i:nth-of-type(3){left:69%}.shadow-spine i:nth-of-type(4){left:78%;bottom:12%}.shadow-spine i:nth-of-type(5){left:87%}.scene-two{background:linear-gradient(160deg,#11141a,var(--asphalt) 58%,#0b080f)}.roofline{position:absolute;left:-5vw;top:0;width:110vw;height:28vh;background:linear-gradient(135deg,transparent 0 38%,#050406 39% 100%);filter:drop-shadow(0 20px 0 rgba(255,42,138,.22))}.chain-window{position:absolute;right:7vw;top:18vh;width:34vw;height:48vh;background:radial-gradient(circle at 80% 10%,rgba(0,216,255,.18),transparent 40%),repeating-linear-gradient(60deg,rgba(0,216,255,.32) 0 2px,transparent 2px 34px),repeating-linear-gradient(120deg,rgba(0,216,255,.32) 0 2px,transparent 2px 34px);clip-path:polygon(7% 0,100% 10%,91% 93%,0 100%);opacity:.8}.poster-stack{position:absolute;left:9vw;top:20vh;width:58vw;min-height:60vh}.poster{position:absolute;padding:28px;clip-path:polygon(0 4%,14% 0,30% 5%,50% 0,70% 6%,90% 0,100% 8%,96% 100%,75% 95%,53% 100%,30% 95%,10% 100%,0 88%)}.poster.tall{width:min(520px,70vw);transform:rotate(5deg)}.poster.small{width:250px;min-height:190px;right:0;bottom:4vh}.rotate-left{transform:rotate(-13deg);right:15vw;bottom:0}.rotate-right{transform:rotate(14deg);right:3vw;bottom:18vh;background:var(--sodium)}.poster h2{font-size:clamp(3rem,7vw,7rem);color:var(--alley)}.poster p{font-weight:800}.tape{position:absolute;left:30%;top:-18px;width:120px;height:40px;background:rgba(255,176,0,.65);transform:rotate(-6deg)}.shuriken{width:110px;height:110px;margin:20px auto;background:var(--alley);clip-path:polygon(50% 0,61% 36%,100% 50%,62% 61%,50% 100%,39% 62%,0 50%,38% 39%)}.scratch-marks{position:absolute;right:14vw;bottom:12vh;width:42vw;height:34vh;transform:rotate(-24deg)}.scratch-marks span{position:absolute;width:10px;height:100%;background:var(--alley);border-radius:999px;box-shadow:0 0 0 3px rgba(118,255,77,.45)}.scratch-marks span:nth-child(2){left:70px;height:88%;top:12%}.scratch-marks span:nth-child(3){left:142px;height:105%;top:-8%}.scratch-marks span:nth-child(4){left:214px;height:76%;top:22%}.scene-three{background:linear-gradient(90deg,#0b0a0d,var(--asphalt),#130d06)}.shutter{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(242,226,184,.04) 0 6px,rgba(7,6,8,.45) 7px 21px);transform:skewY(-3deg) scale(1.1)}.halo{position:absolute;left:18vw;top:8vh;width:52vw;height:70vh;background:radial-gradient(circle,var(--sodium) 0 6%,rgba(255,176,0,.34) 7% 28%,transparent 56%);mix-blend-mode:screen;animation:flicker 3s steps(7) infinite}.blind-spot{position:absolute;left:10vw;top:20vh;width:min(610px,80vw);transform:rotate(-7deg);color:var(--paper)}.blind-spot h2{text-shadow:10px 8px 0 var(--alley),14px 10px 0 var(--magenta)}.blind-spot p{max-width:460px;font-size:1.15rem;background:rgba(7,6,8,.72);padding:18px;border-left:6px solid var(--sodium)}.talismans{position:absolute;right:12vw;top:10vh;display:flex;gap:18px;transform:rotate(8deg)}.talismans span{display:grid;place-items:center;width:70px;height:210px;background:var(--paper);color:var(--alley);font-size:3rem;font-weight:900;box-shadow:0 8px 0 var(--sodium);animation:curl 3.5s ease-in-out infinite}.talismans span:nth-child(even){translate:0 54px;animation-delay:-1s}.puddle{position:absolute;left:28vw;bottom:4vh;width:55vw;height:16vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,216,255,.55),rgba(255,42,138,.24) 42%,transparent 70%);transform:skewX(-18deg);box-shadow:0 0 45px rgba(0,216,255,.22);overflow:hidden}.puddle:before{content:"";position:absolute;inset:16px;background:linear-gradient(180deg,rgba(242,226,184,.25),transparent),repeating-linear-gradient(90deg,transparent 0 18px,rgba(7,6,8,.85) 19px 25px);transform:scaleY(-1) rotate(2deg);opacity:.8}.puddle b{position:absolute;left:20%;top:42%;font-family:var(--hand);color:var(--alley);transform:scaleY(-1);opacity:.65}.timestamp{position:absolute;right:6vw;bottom:28vh;color:var(--cyan);animation:glitch 1.3s steps(2) infinite}.scene-four{background:radial-gradient(circle at 70% 40%,rgba(255,42,138,.18),transparent 35%),var(--asphalt)}.sticker-swarm{position:absolute;inset:9vh 8vw 8vh 7vw}.eye-sticker{position:absolute;min-width:130px;min-height:76px;border:0;border-radius:55% 45% 50% 45%;font:700 13px var(--mono);text-transform:uppercase;color:var(--alley);box-shadow:7px 9px 0 rgba(7,6,8,.8);cursor:pointer;transform:rotate(var(--r));transition:transform .18s}.eye-sticker:before{content:"";display:block;width:44px;height:22px;border-radius:50%;background:var(--alley);margin:0 auto 6px;box-shadow:inset 13px 0 0 var(--paper);transition:.12s}.eye-sticker.blink:before{height:4px;margin-top:9px;margin-bottom:15px}.eye-sticker:hover{transform:rotate(var(--r)) scale(1.1)}.pink{background:var(--magenta);--r:-10deg}.cyan{background:var(--cyan);--r:8deg}.green{background:var(--green);--r:14deg}.amber{background:var(--sodium);--r:-16deg}.paper{background:var(--paper);--r:5deg}.eye-sticker:nth-child(1){left:4%;top:8%}.eye-sticker:nth-child(2){left:22%;top:27%}.eye-sticker:nth-child(3){left:53%;top:12%}.eye-sticker:nth-child(4){right:7%;top:32%}.eye-sticker:nth-child(5){left:9%;bottom:18%}.eye-sticker:nth-child(6){left:39%;bottom:10%}.eye-sticker:nth-child(7){right:19%;bottom:20%}.eye-sticker:nth-child(8){right:39%;top:50%}.witness-note{position:absolute;left:15vw;top:26vh;width:min(650px,70vw);padding:32px;background:rgba(7,6,8,.86);border:2px dashed var(--green);transform:rotate(-3deg);box-shadow:14px 14px 0 rgba(118,255,77,.24)}.witness-note h2{color:var(--paper);text-shadow:7px 5px 0 var(--magenta)}.spray-dots{position:absolute;right:4vw;bottom:5vh;width:40vw;height:36vh;background:radial-gradient(circle,var(--magenta) 0 2px,transparent 3px),radial-gradient(circle,var(--cyan) 0 1px,transparent 3px);background-size:22px 22px,35px 35px;opacity:.55}.scene-five{background:linear-gradient(180deg,#070608 0 62%,#130f13 63%,#1A1D24 100%)}.dawn-strip{position:absolute;left:0;right:0;bottom:0;height:24vh;background:linear-gradient(0deg,var(--paper),var(--sodium) 34%,rgba(255,42,138,.42) 60%,transparent);clip-path:polygon(0 58%,100% 26%,100% 100%,0 100%)}.final-shadow{position:absolute;left:-8vw;top:20vh;width:118vw;height:48vh;background:var(--alley);clip-path:polygon(0 62%,18% 43%,35% 50%,46% 24%,54% 40%,67% 31%,100% 56%,70% 67%,54% 60%,44% 82%,33% 67%,17% 78%);filter:drop-shadow(0 0 35px rgba(255,42,138,.35));animation:finalSway 6s ease-in-out infinite}.final-paper{position:absolute;right:8vw;top:18vh;width:min(560px,78vw);padding:30px;transform:rotate(4deg);clip-path:polygon(0 0,100% 5%,94% 100%,8% 94%)}.final-paper h2{color:var(--alley)}.final-paper p{font-weight:800}.stamp-tab{position:absolute;left:8vw;bottom:15vh;background:var(--magenta);color:var(--paper);font:2rem var(--headline);padding:18px 32px;transform:rotate(-10deg);box-shadow:10px 10px 0 var(--alley);border:3px solid var(--paper)}
@keyframes flicker{0%,19%,23%,60%,100%{opacity:1}20%,22%{opacity:.35}61%{opacity:.72}}@keyframes breath{50%{transform:scale(1.04) rotate(1deg)}}@keyframes scan{50%{transform:translateY(5px)}}@keyframes curl{50%{transform:perspective(300px) rotateY(16deg)}}@keyframes glitch{50%{translate:8px 0;color:var(--magenta)}}@keyframes finalSway{50%{transform:translateY(-18px) skewX(-4deg)}}
@media (max-width:760px){.stencil-nav{right:8px}.stencil-nav a{font-size:10px;padding:6px}.wall{transform:none}.spray-cloud{left:-10vw;width:118vw}.spray-cloud span{font-size:22vw}.tag-cluster{left:6vw;width:82vw}.poster-stack{left:4vw;width:88vw}.chain-window{right:-16vw;width:72vw}.talismans{right:3vw;gap:6px}.talismans span{width:48px;height:150px}.witness-note{left:5vw;width:82vw}.shadow-spine{width:60vw}.final-paper{right:4vw}}