.sticker-grid-images{background:none;aspect-ratio:auto;font-size:initial}
.sticker-grid-images>*{display:block}
@media (max-width:700px){.sticker-grid-images{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Visual direction: one continuous Halloween night, with the images kept intact. */
.halloween-page{background:#090b22;isolation:isolate}
.halloween-page main{overflow:hidden;background:linear-gradient(180deg,#0e0b2c 0%,#291044 22%,#56234f 39%,#20133d 57%,#080b22 78%,#151b40 100%)}
.halloween-page main::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 8% 11%,rgba(255,155,89,.32),transparent 18%),radial-gradient(circle at 92% 27%,rgba(199,78,164,.2),transparent 22%),radial-gradient(circle at 18% 64%,rgba(255,115,77,.16),transparent 20%),radial-gradient(circle at 84% 83%,rgba(109,123,255,.2),transparent 24%)}
.halloween-hero{min-height:min(980px,100vh);background:#0d0a28}
.halloween-hero::before{content:"";position:absolute;inset:-5%;background-image:linear-gradient(180deg,rgba(8,5,26,.52),rgba(15,8,37,.72)),url('/assets/images/kodechan/stickers/halloween-2026/hero.png');background-position:center;background-size:cover;filter:blur(24px) saturate(1.25);opacity:.72;transform:scale(1.08)}
.hero-art{inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,8,40,.18),transparent 35%,transparent 65%,rgba(15,8,40,.22))}
.hero-art::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(8,5,28,.48) 100%)}
.hero-art img{position:relative;z-index:1;filter:drop-shadow(0 26px 38px rgba(0,0,0,.42))}
.hero-overlay{padding-top:clamp(120px,17vh,190px)}
.intro-section,.sticker-section,.timeline-section,.midnight-section,.quiet-section,.punchline-section,.epilogue-section{position:relative;background:transparent}
.intro-section{background:linear-gradient(180deg,rgba(62,24,78,.86),rgba(83,31,77,.54))}
.sticker-section{background:linear-gradient(180deg,rgba(247,212,189,.96),rgba(238,181,162,.84));color:#261132}
.sticker-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.65),transparent 24%),radial-gradient(circle at 92% 85%,rgba(255,138,61,.18),transparent 28%);pointer-events:none}
.section-heading,.sticker-grid-images{position:relative}
.sticker-grid-images{grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,52px) clamp(14px,2.5vw,38px);padding:18px clamp(4px,2vw,28px)}
.sticker-grid-images img{filter:drop-shadow(0 20px 13px rgba(73,25,47,.2)) drop-shadow(0 0 18px rgba(255,178,107,.13));transition:transform .35s ease,filter .35s ease}
.sticker-grid-images img:nth-child(3n){transform:translateY(28px) rotate(1.2deg)}
.sticker-grid-images img:nth-child(4n+2){transform:translateY(-14px) rotate(-1deg)}
.sticker-grid-images img:nth-child(5n){transform:translateY(18px) rotate(1.8deg)}
.sticker-grid-images img:hover{z-index:2;transform:translateY(-12px) scale(1.045) rotate(0);filter:drop-shadow(0 26px 17px rgba(73,25,47,.25)) drop-shadow(0 0 28px rgba(255,137,91,.4))}
.timeline-section{background:linear-gradient(180deg,rgba(225,103,96,.66),rgba(71,32,81,.72));color:#fff}
.timeline{position:relative;gap:clamp(18px,3vw,46px);padding-top:28px}
.timeline::before{content:"";position:absolute;top:41%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#ffd69b,#ff9c80,#bca8ff);box-shadow:0 0 14px rgba(255,191,151,.7)}
.timeline article{position:relative;z-index:1;background:rgba(40,18,61,.62);border:1px solid rgba(255,223,183,.42);backdrop-filter:blur(8px);box-shadow:0 22px 50px rgba(21,8,40,.25)}
.timeline article:nth-of-type(2){transform:translateY(28px)}
.timeline article:nth-of-type(3){transform:translateY(8px)}
.timeline i{position:relative;z-index:2;color:#ffd29b;text-shadow:0 0 15px #ff8c86}
.midnight-section{background:radial-gradient(circle at 50% 42%,rgba(66,27,91,.94),rgba(7,8,29,.96) 72%)}
.midnight-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 34%,rgba(255,106,82,.18),transparent 18%),radial-gradient(circle at 87% 66%,rgba(136,100,255,.18),transparent 20%);pointer-events:none}
.midnight-copy,.quiet-copy,.punchline-copy{position:relative}
.midnight-copy img{width:min(96vw,1500px);margin-inline:auto;box-shadow:0 30px 80px rgba(0,0,0,.62);transform:rotate(-.5deg)}
.quiet-section{background:linear-gradient(180deg,rgba(8,9,30,.98),rgba(13,17,48,.98))}
.quiet-copy img{width:min(90vw,1280px);margin:0 3% 0 auto;box-shadow:0 28px 80px rgba(0,0,0,.55);transform:rotate(1deg)}
.punchline-section{background:linear-gradient(180deg,rgba(12,15,42,.98),rgba(11,8,29,.98));padding-top:clamp(80px,10vw,140px)}
.punchline-copy>img{width:min(94vw,1420px);margin-left:-2vw;box-shadow:0 30px 90px rgba(0,0,0,.58);transform:rotate(-.7deg)}
.punchline-copy p{position:relative;margin-top:-8px;text-shadow:0 3px 18px #050617}
.epilogue-section{background:radial-gradient(ellipse at 50% 18%,rgba(77,77,143,.62),rgba(14,18,45,.98) 63%);padding-top:clamp(120px,16vw,240px);padding-bottom:clamp(150px,20vw,300px)}
.epilogue-section::before{content:"✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦";display:block;margin-bottom:24px;color:rgba(255,220,174,.7);font-size:clamp(1rem,2vw,1.4rem);letter-spacing:1.1em}
.epilogue-section img{width:min(96vw,1450px);margin-inline:auto;filter:drop-shadow(0 34px 55px rgba(0,0,0,.5))}
.epilogue-section h2{text-shadow:0 0 24px rgba(255,180,123,.28)}
@media(max-width:760px){.halloween-page main::before{opacity:.35}.halloween-hero::before{filter:blur(16px) saturate(1.2);opacity:.62}.hero-art img{width:118%;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45))}.sticker-grid-images{gap:16px 9px;padding:10px 0}.sticker-grid-images img:nth-child(3n),.sticker-grid-images img:nth-child(4n+2),.sticker-grid-images img:nth-child(5n){transform:none}.sticker-grid-images img:hover{transform:translateY(-5px) scale(1.02)}.timeline{padding-top:18px}.timeline::before{top:45px;left:8%;right:8%}.timeline article:nth-of-type(2),.timeline article:nth-of-type(3){transform:none}.midnight-copy img,.quiet-copy img,.punchline-copy>img{width:104%;margin-left:-2%}.quiet-copy img{transform:rotate(.5deg)}.punchline-copy>img{transform:rotate(-.4deg)}.epilogue-section{padding-bottom:180px}}

/* Secret page: remove the shared site chrome so the wide Hero starts at the viewport top. */
.halloween-page .site-header{display:none!important}
.halloween-page main{margin-top:0;padding-top:0}

/* Hero: the copy leads, Kode-chan and Mame carry the world, ghost and pumpkin are small accents. */
.halloween-hero{position:relative;min-height:0;height:auto;overflow:hidden;background:#0d0a28}
.halloween-hero::before{content:none}
.hero-stage{position:relative;display:flex;align-items:center;min-height:clamp(620px,100svh,940px);padding:clamp(96px,12vh,140px) clamp(28px,6vw,110px) clamp(84px,11vh,120px);background:radial-gradient(ellipse at 18% 40%,#3b1757 0,#1a0d37 48%,#0d0a28 100%);isolation:isolate}
.hero-stage::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(13,10,40,.92) 0,rgba(13,10,40,.62) 30%,rgba(13,10,40,.12) 52%,transparent 62%);pointer-events:none}
.hero-stage::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:clamp(90px,14vh,160px);background:linear-gradient(180deg,transparent,#38164a);pointer-events:none}
.hero-visual{position:absolute;z-index:0;top:0;right:0;width:72%;height:100%;object-fit:cover;object-position:64% 45%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 16%,#000 40%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 16%,#000 40%)}
.hero-meta{position:absolute;z-index:3;top:clamp(18px,3vw,40px);left:clamp(20px,4.5vw,72px);right:clamp(20px,4.5vw,72px);display:flex;justify-content:flex-end;color:#fff7dc;font:600 clamp(.7rem,1vw,.95rem)/1.2 system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 2px 10px rgba(18,5,30,.8)}
.hero-content{position:relative;z-index:2;max-width:min(46vw,660px);text-align:left}
.hero-eyebrow{display:inline-block;margin:0 0 clamp(14px,2vh,22px);padding:6px 14px;border:1px solid rgba(255,176,110,.6);border-radius:999px;color:#ffb06e;font-size:clamp(.7rem,.9vw,.85rem);font-weight:800;letter-spacing:.16em;background:rgba(13,10,40,.45)}
.hero-title{margin:0;color:#fff5d8;line-height:1.08;letter-spacing:.01em;text-shadow:0 4px 22px rgba(13,5,30,.85)}
.hero-title span{display:block;font-size:clamp(1.5rem,2.9vw,2.9rem);font-weight:800}
.hero-title strong{display:block;margin-top:.12em;font-size:clamp(3rem,5.7vw,5.9rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(100deg,#ffd27a 0,#ff8a3d 45%,#ff68ac 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 5px 18px rgba(255,104,140,.35))}
.hero-concept{position:relative;display:inline-block;margin:clamp(22px,3.4vh,38px) 0 0;padding:clamp(14px,1.6vw,20px) clamp(20px,2.2vw,30px);border:2px dashed rgba(255,214,155,.7);border-radius:18px;background:rgba(18,9,44,.66);color:#fff9e7;font-size:clamp(1.05rem,1.7vw,1.6rem);font-weight:800;line-height:1.45;box-shadow:0 14px 34px rgba(5,3,20,.4);transform:rotate(-1.5deg)}
.hero-concept span{display:block}
.hero-concept span+span{color:#ffd39d}
.hero-ghost,.hero-pumpkin{position:absolute;height:auto;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(20,5,30,.5))}
.hero-ghost{width:clamp(64px,7vw,112px);top:-4%;right:2%;transform:rotate(10deg);animation:hero-float 4.5s ease-in-out infinite}
.hero-pumpkin{width:clamp(50px,5vw,82px);bottom:-30%;right:-18%;transform:rotate(-8deg)}
.hero-scroll{position:absolute;z-index:3;left:50%;bottom:clamp(14px,2.4vh,26px);transform:translateX(-50%);color:rgba(255,236,210,.75);font-size:.72rem;font-weight:700;letter-spacing:.2em}
@keyframes hero-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(prefers-reduced-motion:reduce){.hero-ghost{animation:none}}
.hero-eyebrow,.hero-scroll{display:none!important}
@media(max-width:900px){
.hero-stage{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:0 0 64px}
.hero-visual{position:relative;width:100%;height:auto;aspect-ratio:1/1;max-height:72svh;object-position:63% 40%;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.hero-stage::before{content:none}
.hero-meta{top:14px;left:16px;right:16px;font-size:.66rem}
.hero-content{width:min(100% - 32px,600px);max-width:none;margin:min(-27%,-110px) auto 0;text-align:center}
.hero-eyebrow{margin-bottom:12px;font-size:.66rem;padding:5px 12px}
.hero-title span{font-size:clamp(1.25rem,6vw,1.7rem)}
.hero-title strong{font-size:clamp(2.5rem,12.4vw,3.6rem)}
.hero-concept{margin-top:18px;padding:12px 22px;font-size:clamp(1rem,4.6vw,1.2rem)}
.hero-ghost{width:56px;top:-20px;right:0}
.hero-pumpkin{width:44px;bottom:-22px;right:-24px}
.hero-content::before{content:"";position:absolute;z-index:-1;inset:-8% -10% -4%;background:radial-gradient(ellipse at 50% 45%,rgba(13,10,40,.62),transparent 70%);pointer-events:none}
.hero-scroll{bottom:16px}
}

/* Intro: answers "so what did you make?" right after the Hero, in the same night. */
.intro-section{padding:clamp(72px,9vw,128px) 0 clamp(88px,10vw,130px);background:radial-gradient(ellipse 60% 38% at 50% 34%,rgba(255,138,61,.1),transparent 72%),linear-gradient(180deg,#38164a 0,#2f1443 46%,#26113c 100%)}
.intro-section::after{content:"";position:absolute;left:50%;bottom:0;width:min(60%,520px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,176,110,.45),transparent)}
.intro-copy{position:relative;max-width:760px}
.intro-copy .halloween-kicker{display:inline-flex;align-items:center;gap:12px;margin:0;color:#ffb06e}
.intro-copy .halloween-kicker::before,.intro-copy .halloween-kicker::after{content:"";width:28px;height:1px;background:rgba(255,176,110,.6)}
.intro-copy h2{margin:18px 0 26px;color:#fff3dc;font-size:clamp(2.4rem,4.6vw,4rem);font-weight:900;line-height:1.16;letter-spacing:.01em;text-shadow:0 4px 24px rgba(10,4,26,.6)}
.intro-copy h2::first-line{color:#ffb06e;font-size:.56em;letter-spacing:.06em}
.intro-copy p:not(.halloween-kicker){max-width:34em;margin:0 auto;color:rgba(255,240,228,.82);font-size:clamp(.98rem,1.2vw,1.06rem);line-height:2.05;word-break:auto-phrase}
.intro-copy .fact-grid{position:relative;gap:clamp(26px,3.6vw,42px);max-width:640px;margin:clamp(44px,6vw,64px) auto 0}
.intro-copy .fact-grid span{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:132px;padding:20px 10px;border:1px solid rgba(255,214,170,.28);border-radius:20px;background:rgba(255,240,220,.06);color:#fff3dc;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;font-weight:900;letter-spacing:.01em}
.intro-copy .fact-grid small{color:rgba(255,236,214,.78);font-size:.82rem;font-weight:700;letter-spacing:.08em}
.intro-copy .fact-grid span+span::before{content:"→";position:absolute;top:50%;left:calc(clamp(26px,3.6vw,42px) / -2);transform:translate(-50%,-50%);color:rgba(255,176,110,.75);font-size:1.15rem;font-weight:700}
.intro-copy .fact-grid span:nth-child(2){border-color:rgba(255,160,90,.85);background:linear-gradient(160deg,rgba(255,150,70,.3),rgba(255,104,140,.14));color:#ffc278;box-shadow:0 0 0 4px rgba(255,138,61,.1),0 14px 34px rgba(255,120,60,.22)}
.intro-copy .fact-grid span:nth-child(2) small{color:#ffe2c2}
.intro-copy .fact-grid span:nth-child(3){border-style:dashed;border-color:rgba(190,170,255,.4);background:rgba(20,12,44,.5);color:#cdbdff;transform:rotate(1.5deg)}
.intro-copy .fact-grid span:nth-child(3) small{color:rgba(220,210,255,.75)}
.intro-copy .fact-grid span:nth-child(3)::after{content:"z z";position:absolute;top:12px;right:14px;color:rgba(205,189,255,.6);font-size:.75rem;font-weight:800;letter-spacing:.12em;transform:rotate(-12deg)}
.intro-section .halloween-button{margin-top:clamp(44px,5.4vw,58px);padding:17px 38px;border:1px solid rgba(255,236,200,.5);background:linear-gradient(100deg,#ffc46b 0,#ff8a3d 45%,#c98bff 100%);color:#22093a;font-size:1.05rem;font-weight:900;letter-spacing:.04em;box-shadow:0 14px 34px rgba(255,122,70,.3),0 0 0 6px rgba(255,138,61,.08);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.intro-section .halloween-button:hover{transform:translateY(-2px);filter:brightness(1.06) saturate(1.08);box-shadow:0 18px 40px rgba(255,122,70,.4),0 0 0 8px rgba(201,139,255,.14)}
.intro-section .halloween-button:focus-visible{outline:3px solid #ffe0b0;outline-offset:4px}
.intro-section .halloween-button:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.intro-section .halloween-button{transition:none}.intro-section .halloween-button:hover{transform:none}}
@media(max-width:560px){
.intro-section{padding:56px 0 84px}
.intro-copy h2{margin:14px 0 22px;font-size:clamp(1.7rem,8.4vw,2.6rem)}
.intro-copy h2::first-line{font-size:.62em}
.intro-copy p:not(.halloween-kicker){font-size:.95rem;line-height:1.95}
.intro-copy .fact-grid{grid-template-columns:1fr;gap:22px;max-width:320px;margin-top:40px}
.intro-copy .fact-grid span{flex-direction:row;align-items:baseline;justify-content:center;gap:12px;min-height:0;padding:16px 18px;font-size:1.8rem}
.intro-copy .fact-grid span+span::before{content:"↓";top:calc(22px / -2);left:50%;font-size:.85rem}
.intro-copy .fact-grid span:nth-child(3){transform:rotate(1deg)}
.intro-copy .fact-grid span:nth-child(3)::after{top:50%;right:16px;transform:translateY(-50%) rotate(-12deg)}
.intro-section .halloween-button{padding:16px 32px}
}

/* Intro: a faint, comic cobweb on the "364日 ほぼ休眠" card — left alone for 364 days. */
.intro-copy .fact-grid span:nth-child(3){background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'><path d='M70 0L70.0 66.0M70 0L49.6 62.8M70 0L31.2 53.4M70 0L16.6 38.8M70 0L7.2 20.4M70 0L4.0 0.0M70.0 14.0Q68.1 11.9 65.7 13.3Q64.5 10.7 61.8 11.3Q61.5 8.5 58.7 8.2Q59.3 5.5 56.7 4.3Q58.1 1.9 56.0 0.0M70.0 27.0Q66.4 22.9 61.7 25.7Q59.5 20.7 54.1 21.8Q53.6 16.4 48.2 15.9Q49.3 10.5 44.3 8.3Q47.1 3.6 43.0 0.0M70.0 41.0Q64.5 34.8 57.3 39.0Q54.0 31.4 45.9 33.2Q45.1 24.9 36.8 24.1Q38.6 16.0 31.0 12.7Q35.2 5.5 29.0 0.0M70.0 56.0Q62.5 47.6 52.7 53.3Q48.1 42.9 37.1 45.3Q35.9 34.1 24.7 32.9Q27.1 21.9 16.7 17.3Q22.4 7.5 14.0 0.0' fill='none' stroke='%23ece4ff' stroke-width='.8' stroke-opacity='.2' stroke-linecap='round'/></svg>") right top/64px 64px no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path d='M0 6Q14 22 30 40M0 18Q8 28 14 40M0 6Q3 13 0 18' fill='none' stroke='%23ece4ff' stroke-width='.7' stroke-opacity='.2' stroke-linecap='round'/></svg>") left bottom/34px 34px no-repeat,rgba(20,12,44,.5)}
@media(max-width:560px){.intro-copy .fact-grid span:nth-child(3){background-size:46px 46px,26px 26px,auto}}

/* Intro: product card — the actual sticker set, lifted slightly off the night. */
.intro-product{display:grid;grid-template-columns:minmax(180px,250px) 1fr;align-items:center;gap:clamp(22px,3.4vw,40px);max-width:620px;margin:clamp(40px,5.4vw,56px) auto 0;padding:clamp(18px,2.2vw,26px) clamp(22px,3.4vw,40px) clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px);border:1px solid rgba(255,214,170,.36);border-radius:26px;background:linear-gradient(150deg,rgba(255,240,222,.17),rgba(255,190,140,.07) 55%,rgba(201,139,255,.08));box-shadow:0 22px 50px rgba(8,3,24,.38),inset 0 1px 0 rgba(255,244,230,.22);text-align:left}
.intro-product-visual{aspect-ratio:1/1;border-radius:20px;background:radial-gradient(circle at 50% 44%,#fff6ea 0,#ffe6cc 58%,#ffd0a8 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.intro-product-visual img{display:block;width:100%;height:100%;padding:6%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(70,24,40,.22))}
.intro-product-body{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.intro-product-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border:1px solid rgba(132,214,160,.45);border-radius:999px;background:rgba(92,190,128,.14);color:#a9ecc0;font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1.3}
.intro-product-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7fdc9f;box-shadow:0 0 0 3px rgba(127,220,159,.18)}
.intro-section .intro-product .halloween-button{align-self:stretch;margin-top:0;padding-inline:18px;font-size:1rem;letter-spacing:.02em;text-align:center;white-space:nowrap}
@media(max-width:560px){
.intro-product{grid-template-columns:1fr;justify-items:center;gap:20px;max-width:340px;margin-top:36px;padding:18px 18px 22px;text-align:center}
.intro-product-visual{width:min(100%,240px)}
.intro-product-body{align-items:center;gap:16px;width:100%}
}

/* Sticker showcase: a witch's sticker book opened on Halloween night. The paper stays bright; the night around it plays. */
.sticker-section{overflow:hidden;padding:clamp(170px,17vw,250px) 0 clamp(210px,18vw,290px);background:radial-gradient(circle at 8% 3%,rgba(255,240,210,0.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 18% 7%,rgba(255,240,210,0.7) 0 1px,transparent 2px),radial-gradient(circle at 27% 2%,rgba(255,240,210,0.8) 0 1.2px,transparent 2.2px),radial-gradient(circle at 36% 9%,rgba(255,240,210,0.6) 0 0.9px,transparent 1.9px),radial-gradient(circle at 46% 4%,rgba(255,240,210,0.8) 0 1.4px,transparent 2.4px),radial-gradient(circle at 58% 8%,rgba(255,240,210,0.7) 0 1px,transparent 2px),radial-gradient(circle at 64% 2%,rgba(255,240,210,0.9) 0 1.2px,transparent 2.2px),radial-gradient(circle at 74% 10%,rgba(255,240,210,0.6) 0 0.9px,transparent 1.9px),radial-gradient(circle at 88% 6%,rgba(255,240,210,0.8) 0 1.3px,transparent 2.3px),radial-gradient(circle at 95% 12%,rgba(255,240,210,0.7) 0 1px,transparent 2px),radial-gradient(circle at 12% 14%,rgba(255,240,210,0.6) 0 1px,transparent 2px),radial-gradient(circle at 52% 15%,rgba(255,240,210,0.6) 0 1.1px,transparent 2.1px),radial-gradient(circle at 83% 17%,rgba(255,240,210,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 3% 20%,rgba(255,240,210,0.5) 0 1px,transparent 2px),radial-gradient(circle at 97% 22%,rgba(255,240,210,0.5) 0 1px,transparent 2px),radial-gradient(ellipse 70% 16% at 50% 84%,rgba(255,140,70,.34),transparent 72%),linear-gradient(180deg,#26113c 0,#2c1349 12%,#3d1a58 28%,#5a2459 46%,#7c3159 64%,#9a405a 82%,#ae4e59 100%);color:#3a1a24}
.sticker-section::before{content:none}
.sticker-scene{position:absolute;inset:0;z-index:0;pointer-events:none}
.sticker-scene span{position:absolute;display:block;background-repeat:no-repeat;background-size:contain}
.scene-moon{top:clamp(34px,4vw,64px);right:clamp(4%,9vw,12%);width:clamp(130px,16vw,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 34%,rgba(214,150,80,.35) 0 7%,transparent 8%),radial-gradient(circle at 62% 58%,rgba(214,150,80,.3) 0 10%,transparent 11%),radial-gradient(circle at 54% 26%,rgba(214,150,80,.25) 0 5%,transparent 6%),radial-gradient(circle at 40% 40%,#fff7dc 0,#ffe3a4 48%,#f7bb6a 82%,#ea9a4c 100%);box-shadow:0 0 60px 18px rgba(255,204,128,.32),0 0 180px 70px rgba(255,160,90,.16)}
.scene-castle{top:clamp(40px,5vw,84px);left:clamp(2%,5vw,7%);width:clamp(220px,26vw,380px);aspect-ratio:360/190;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 190'><path fill='%231a0a26' d='M0 190V146h18v-26h-5l12-30 12 30h-5v26h20v-18h14V82h-7l18-48 18 48h-7v46h12v-22h-4l10-26 10 26h-4v40h22V104h-6l15-38 15 38h-6v32h14V82h-7l19-50 19 50h-7v58h20v-26h-5l12-28 12 28h-5v32h22v-20h-4l10-24 10 24h-4v58z'/><g fill='%23ffb85c' fill-opacity='.9'><rect x='42' y='118' width='5' height='8' rx='2.5'/><rect x='97' y='92' width='5' height='8' rx='2.5'/><rect x='110' y='92' width='5' height='8' rx='2.5'/><rect x='103' y='128' width='5' height='8' rx='2.5'/><rect x='168' y='120' width='5' height='8' rx='2.5'/><rect x='232' y='102' width='5' height='8' rx='2.5'/><rect x='244' y='102' width='5' height='8' rx='2.5'/><rect x='238' y='138' width='5' height='8' rx='2.5'/><rect x='300' y='126' width='5' height='8' rx='2.5'/><rect x='140' y='150' width='5' height='8' rx='2.5'/><rect x='270' y='152' width='5' height='8' rx='2.5'/></g></svg>");opacity:.92}
.scene-bats{top:clamp(26px,3vw,50px);left:32%;width:clamp(260px,34vw,520px);aspect-ratio:640/230;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 230'><g fill='%23170820' fill-opacity='.9'><path transform='translate(20 90) scale(2.2) rotate(-8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(150 40) scale(1.5) rotate(6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(230 130) scale(1.0) rotate(-4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(350 20) scale(1.9) rotate(10 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(450 100) scale(1.2) rotate(-10 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(540 50) scale(0.9) rotate(4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(600 150) scale(0.7) rotate(8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(300 170) scale(0.8) rotate(0 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>");animation:scene-bats 9s ease-in-out infinite}
.scene-tree{bottom:clamp(64px,6vw,96px);width:clamp(220px,22vw,320px);aspect-ratio:240/640}
.scene-tree-l{left:clamp(-60px,-2vw,-20px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 640'><g fill='none' stroke='%2316081d' stroke-linecap='round'><path d='M70 640C78 540 58 450 86 350C104 284 94 222 122 160' stroke-width='26'/><path d='M86 352C124 322 164 318 214 278' stroke-width='13'/><path d='M96 280C64 244 40 224 10 214' stroke-width='11'/><path d='M112 196C150 166 170 138 226 124' stroke-width='9'/><path d='M122 162C116 120 132 80 150 30' stroke-width='9'/><path d='M168 312C186 292 204 300 232 270' stroke-width='6'/><path d='M152 148C172 126 182 98 204 84' stroke-width='5'/><path d='M44 224C30 190 34 170 18 140' stroke-width='6'/><path d='M200 132C214 128 222 116 236 112' stroke-width='4'/><path d='M80 470C46 450 30 430 6 428' stroke-width='9'/><path d='M140 74C150 60 148 44 160 30' stroke-width='4'/></g></svg>")}
.scene-tree-r{right:clamp(-60px,-2vw,-20px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 640'><g fill='none' stroke='%2316081d' stroke-linecap='round'><path d='M70 640C78 540 58 450 86 350C104 284 94 222 122 160' stroke-width='26'/><path d='M86 352C124 322 164 318 214 278' stroke-width='13'/><path d='M96 280C64 244 40 224 10 214' stroke-width='11'/><path d='M112 196C150 166 170 138 226 124' stroke-width='9'/><path d='M122 162C116 120 132 80 150 30' stroke-width='9'/><path d='M168 312C186 292 204 300 232 270' stroke-width='6'/><path d='M152 148C172 126 182 98 204 84' stroke-width='5'/><path d='M44 224C30 190 34 170 18 140' stroke-width='6'/><path d='M200 132C214 128 222 116 236 112' stroke-width='4'/><path d='M80 470C46 450 30 430 6 428' stroke-width='9'/><path d='M140 74C150 60 148 44 160 30' stroke-width='4'/></g><path d='M214 278V318' stroke='%2316081d' stroke-width='2'/><circle cx='214' cy='340' r='34' fill='%23ffb347' fill-opacity='.22'/><circle cx='214' cy='340' r='18' fill='%23ffc66b' fill-opacity='.35'/><path d='M204 318h20l4 6v30l-4 6h-20l-4-6v-30z' fill='%232a0f22'/><rect x='205' y='326' width='18' height='26' rx='3' fill='%23ffbe5c'/><path d='M214 330c3 4 4 8 0 14-4-6-3-10 0-14z' fill='%23fff1c4'/></svg>");transform:scaleX(-1)}
.scene-ground{left:0;right:0;bottom:0;height:clamp(220px,20vw,320px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 260'><path fill='%233d1232' d='M0 260V150C200 118 380 172 560 140C760 108 900 160 1100 134C1300 108 1500 166 1700 140C1820 124 1920 140 2000 128V260Z'/><g fill='%232a0c24'><path d='M170 158V131.0a13.0 13.0 0 0 1 26 0V158z'/><path d='M214 160V138.0a10.0 10.0 0 0 1 20 0V160z'/><path d='M690 150V124.0a12.0 12.0 0 0 1 24 0V150z'/><path d='M757 104h6v12h10v6h-10v22h-6v-22h-10v-6h10z'/><path d='M1240 148V121.0a13.0 13.0 0 0 1 26 0V148z'/><path d='M1307 100h6v12h10v6h-10v22h-6v-22h-10v-6h10z'/><path d='M1350 148V129.0a9.0 9.0 0 0 1 18 0V148z'/><path d='M1760 150V126.0a12.0 12.0 0 0 1 24 0V150z'/></g><g fill='%232a0c24'><rect x='900' y='126' width='4' height='34' rx='2'/><rect x='916' y='126' width='4' height='34' rx='2'/><rect x='932' y='126' width='4' height='34' rx='2'/><rect x='948' y='126' width='4' height='34' rx='2'/><rect x='964' y='126' width='4' height='34' rx='2'/><rect x='980' y='126' width='4' height='34' rx='2'/><rect x='996' y='126' width='4' height='34' rx='2'/><rect x='1012' y='126' width='4' height='34' rx='2'/><rect x='1028' y='126' width='4' height='34' rx='2'/><rect x='1044' y='126' width='4' height='34' rx='2'/><rect x='898' y='134' width='152' height='4'/><rect x='898' y='150' width='152' height='4'/></g><path fill='%232c0b25' d='M0 260V196C240 176 420 214 700 190C980 168 1200 214 1480 192C1700 176 1860 200 2000 186V260Z'/><circle cx='430' cy='206' r='46.2' fill='%23ff9a40' fill-opacity='.22'/><ellipse cx='430' cy='206' rx='26.4' ry='22' fill='%23ff8a2a'/><path d='M428 184c0-6 4-8 6-9' stroke='%233a1a10' stroke-width='3' fill='none'/><path fill='%233b0f1c' d='M416.8 202.7l4.84 -7.92 4.84 7.92zM433.52 202.7l4.84 -7.92 4.84 7.92zM416.36 210.4q13.64 12.100000000000001 27.28 0q-13.64 4.84 -27.28 0z'/><circle cx='470' cy='214' r='27.3' fill='%23ff9a40' fill-opacity='.22'/><ellipse cx='470' cy='214' rx='15.6' ry='13' fill='%23ff8a2a'/><path d='M468 201c0-6 4-8 6-9' stroke='%233a1a10' stroke-width='3' fill='none'/><path fill='%233b0f1c' d='M462.2 212.05l2.86 -4.68 2.86 4.68zM472.08 212.05l2.86 -4.68 2.86 4.68zM461.94 216.6q8.06 7.15 16.12 0q-8.06 2.86 -16.12 0z'/><circle cx='1040' cy='212' r='37.800000000000004' fill='%23ff9a40' fill-opacity='.22'/><ellipse cx='1040' cy='212' rx='21.599999999999998' ry='18' fill='%23ff8a2a'/><path d='M1038 194c0-6 4-8 6-9' stroke='%233a1a10' stroke-width='3' fill='none'/><path fill='%233b0f1c' d='M1029.2 209.3l3.96 -6.4799999999999995 3.96 6.4799999999999995zM1042.88 209.3l3.96 -6.4799999999999995 3.96 6.4799999999999995zM1028.84 215.6q11.16 9.9 22.32 0q-11.16 3.96 -22.32 0z'/><circle cx='1600' cy='204' r='50.400000000000006' fill='%23ff9a40' fill-opacity='.22'/><ellipse cx='1600' cy='204' rx='28.799999999999997' ry='24' fill='%23ff8a2a'/><path d='M1598 180c0-6 4-8 6-9' stroke='%233a1a10' stroke-width='3' fill='none'/><path fill='%233b0f1c' d='M1585.6 200.4l5.28 -8.64 5.28 8.64zM1603.84 200.4l5.28 -8.64 5.28 8.64zM1585.12 208.8q14.879999999999999 13.200000000000001 29.759999999999998 0q-14.879999999999999 5.28 -29.759999999999998 0z'/><circle cx='1645' cy='214' r='25.200000000000003' fill='%23ff9a40' fill-opacity='.22'/><ellipse cx='1645' cy='214' rx='14.399999999999999' ry='12' fill='%23ff8a2a'/><path d='M1643 202c0-6 4-8 6-9' stroke='%233a1a10' stroke-width='3' fill='none'/><path fill='%233b0f1c' d='M1637.8 212.2l2.64 -4.32 2.64 4.32zM1646.92 212.2l2.64 -4.32 2.64 4.32zM1637.56 216.4q7.4399999999999995 6.6000000000000005 14.879999999999999 0q-7.4399999999999995 2.64 -14.879999999999999 0z'/></svg>");background-size:auto 100%;background-position:center bottom;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%)}
.scene-leaves{left:4%;right:4%;bottom:clamp(20px,2vw,40px);height:clamp(90px,9vw,150px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 180'><path transform='translate(40 30) rotate(30) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(120 90) rotate(-40) scale(1.1)' fill='%23c9502a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(220 40) rotate(70) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(300 120) rotate(10) scale(1.1)' fill='%23d8662c' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(380 60) rotate(-70) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(470 140) rotate(40) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(540 80) rotate(-20) scale(1.1)' fill='%23c9502a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(620 30) rotate(90) scale(1.1)' fill='%23d8662c' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(700 130) rotate(-50) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(780 70) rotate(20) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 180'><path transform='translate(40 30) rotate(30) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(120 90) rotate(-40) scale(1.1)' fill='%23c9502a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(220 40) rotate(70) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(300 120) rotate(10) scale(1.1)' fill='%23d8662c' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(380 60) rotate(-70) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(470 140) rotate(40) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(540 80) rotate(-20) scale(1.1)' fill='%23c9502a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(620 30) rotate(90) scale(1.1)' fill='%23d8662c' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(700 130) rotate(-50) scale(1.1)' fill='%23e5782a' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(780 70) rotate(20) scale(1.1)' fill='%23f0a040' fill-opacity='.85' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/></svg>");background-size:auto 100%,auto 70%;background-position:left bottom,right 20% top;background-repeat:no-repeat;opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
@keyframes scene-bats{0%,100%{translate:0 0}50%{translate:18px -8px}}
.sticker-section .visual-shell{position:relative;z-index:1;isolation:isolate;max-width:1180px;padding:clamp(70px,6.4vw,96px) clamp(26px,3.4vw,56px) clamp(96px,8.6vw,128px)}
.sticker-section .visual-shell::before,.sticker-section .visual-shell::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0.00% 0.02%,2.50% 0.27%,5.00% 0.17%,7.50% 0.16%,10.00% 0.10%,12.50% 0.83%,15.00% 0.37%,17.50% 0.29%,20.00% 0.12%,22.50% 0.66%,25.00% 0.14%,27.50% 0.26%,30.00% 0.27%,32.50% 0.41%,35.00% 0.67%,37.50% 0.45%,40.00% 0.59%,42.50% 0.02%,45.00% 0.61%,47.50% 0.15%,50.00% 0.92%,52.50% 0.81%,55.00% 0.03%,57.50% 0.23%,60.00% 0.45%,62.50% 0.67%,65.00% 0.70%,67.50% 0.39%,70.00% 0.44%,72.50% 0.85%,75.00% 0.13%,77.50% 0.42%,80.00% 0.07%,82.50% 0.64%,85.00% 1.25%,87.50% 0.32%,90.00% 0.31%,92.50% 0.71%,95.00% 0.07%,97.50% 0.15%,100.00% 0.23%,99.65% 2.94%,99.81% 5.88%,99.57% 8.82%,99.95% 11.76%,99.90% 14.71%,99.51% 17.65%,99.46% 20.59%,99.46% 23.53%,99.56% 26.47%,99.74% 29.41%,99.78% 32.35%,99.91% 35.29%,99.97% 38.24%,99.74% 41.18%,99.43% 44.12%,99.87% 47.06%,99.51% 50.00%,99.40% 52.94%,99.63% 55.88%,99.68% 58.82%,99.41% 61.76%,99.91% 64.71%,99.48% 67.65%,99.52% 70.59%,99.88% 73.53%,99.92% 76.47%,99.90% 79.41%,99.78% 82.35%,99.50% 85.29%,99.83% 88.24%,99.49% 91.18%,99.98% 94.12%,99.37% 97.06%,99.86% 100.00%,97.50% 99.37%,95.00% 99.67%,92.50% 99.69%,90.00% 99.98%,87.50% 99.45%,85.00% 99.71%,82.50% 99.61%,80.00% 99.82%,77.50% 99.66%,75.00% 99.92%,72.50% 99.31%,70.00% 99.52%,67.50% 99.97%,65.00% 99.83%,62.50% 99.71%,60.00% 99.30%,57.50% 99.73%,55.00% 99.40%,52.50% 99.53%,50.00% 99.62%,47.50% 99.87%,45.00% 99.93%,42.50% 99.62%,40.00% 99.58%,37.50% 99.02%,35.00% 99.59%,32.50% 99.79%,30.00% 99.73%,27.50% 99.99%,25.00% 99.79%,22.50% 99.98%,20.00% 99.65%,17.50% 99.65%,15.00% 99.56%,12.50% 99.92%,10.00% 99.74%,7.50% 99.76%,5.00% 99.75%,2.50% 99.43%,0.00% 99.75%,0.49% 97.06%,0.97% 94.12%,0.59% 91.18%,0.42% 88.24%,0.61% 85.29%,0.25% 82.35%,0.38% 79.41%,0.07% 76.47%,0.54% 73.53%,0.19% 70.59%,0.08% 67.65%,0.12% 64.71%,0.18% 61.76%,0.23% 58.82%,0.47% 55.88%,0.19% 52.94%,0.29% 50.00%,0.24% 47.06%,0.48% 44.12%,1.10% 41.18%,0.41% 38.24%,0.57% 35.29%,0.39% 32.35%,0.64% 29.41%,0.64% 26.47%,0.57% 23.53%,0.32% 20.59%,0.03% 17.65%,0.48% 14.71%,0.29% 11.76%,0.23% 8.82%,0.40% 5.88%,1.08% 2.94%);pointer-events:none}
.sticker-section .visual-shell::before{z-index:-2;background:rgba(22,6,24,.42);transform:translate(6px,14px)}
.sticker-section .visual-shell::after{box-shadow:inset 0 0 26px rgba(140,70,28,.28),inset 0 0 90px rgba(170,100,50,.14);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'><path fill='%235a2a1e' fill-opacity='.13' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></svg>") left 3.5% top 46%/clamp(46px,4.4vw,64px) auto no-repeat,radial-gradient(circle at 92% 7%,rgba(150,90,40,.12) 0 14px,rgba(150,90,40,.05) 15px 18px,transparent 19px),radial-gradient(circle at 3.2% 97.4%,rgba(140,80,35,.1) 0 18px,transparent 20px),radial-gradient(circle at 98.2% 64%,rgba(150,95,45,.08) 0 9px,transparent 10px),radial-gradient(ellipse 58% 62% at 50% 52%,rgba(255,251,242,.85) 0,rgba(255,251,242,.55) 55%,transparent 82%),radial-gradient(ellipse 40% 30% at 0 0,rgba(196,124,62,.2),transparent 70%),radial-gradient(ellipse 36% 28% at 100% 100%,rgba(190,110,58,.22),transparent 70%),radial-gradient(ellipse 30% 24% at 100% 0,rgba(214,150,90,.16),transparent 70%),radial-gradient(ellipse 34% 26% at 0 100%,rgba(176,104,52,.18),transparent 70%),radial-gradient(ellipse 22% 40% at 0 55%,rgba(214,160,100,.14),transparent 70%),radial-gradient(ellipse 22% 40% at 100% 40%,rgba(214,160,100,.12),transparent 70%),linear-gradient(170deg,#fdf5e6 0,#f8ead0 55%,#f1dcb8 100%)}
.paper-gags span{position:absolute;display:block;pointer-events:none;background-repeat:no-repeat;background-size:contain}
.gag-ghost{z-index:-3;top:clamp(-70px,-5vw,-48px);right:9%;width:clamp(72px,8vw,112px);aspect-ratio:1108/1072;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-playful.png");transform:rotate(14deg);animation:gag-peek 5s ease-in-out infinite}
.gag-cat{z-index:2;top:clamp(-56px,-4.2vw,-40px);left:15%;width:clamp(46px,4.6vw,66px);aspect-ratio:64/70;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 70'><path fill='%2317081d' d='M20 68C13 56 15 41 24 34C19 29 19 20 22 13L25 3l6 8h6l6-8 3 10c3 7 3 16-2 21 9 7 11 22 4 34z'/><path d='M46 66C60 64 64 52 57 42' stroke='%2317081d' stroke-width='5' stroke-linecap='round' fill='none'/><ellipse cx='28.5' cy='21' rx='2.4' ry='3' fill='%23ffd34d'/><ellipse cx='38.5' cy='21' rx='2.4' ry='3' fill='%23ffd34d'/></svg>")}
.gag-web{z-index:2;top:clamp(-36px,-2.4vw,-20px);left:clamp(-50px,-3.4vw,-24px);width:clamp(140px,14vw,204px);aspect-ratio:1;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><path d='M0 0L190.0 0.0M0 0L183.5 49.2M0 0L164.5 95.0M0 0L134.4 134.4M0 0L95.0 164.5M0 0L49.2 183.5M0 0L0.0 190.0M26.0 0.0Q22.2 2.9 25.1 6.7Q20.7 8.6 22.5 13.0Q17.7 13.6 18.4 18.4Q13.6 17.7 13.0 22.5Q8.6 20.7 6.7 25.1Q2.9 22.2 0.0 26.0M52.0 0.0Q44.3 5.8 50.2 13.5Q41.3 17.1 45.0 26.0Q35.5 27.2 36.8 36.8Q27.2 35.5 26.0 45.0Q17.1 41.3 13.5 50.2Q5.8 44.3 0.0 52.0M80.0 0.0Q68.2 9.0 77.3 20.7Q63.6 26.3 69.3 40.0Q54.6 41.9 56.6 56.6Q41.9 54.6 40.0 69.3Q26.3 63.6 20.7 77.3Q9.0 68.2 0.0 80.0M110.0 0.0Q93.8 12.3 106.3 28.5Q87.4 36.2 95.3 55.0Q75.1 57.6 77.8 77.8Q57.6 75.1 55.0 95.3Q36.2 87.4 28.5 106.3Q12.3 93.8 0.0 110.0M142.0 0.0Q121.1 15.9 137.2 36.8Q112.8 46.7 123.0 71.0Q96.9 74.3 100.4 100.4Q74.3 96.9 71.0 123.0Q46.7 112.8 36.8 137.2Q15.9 121.1 0.0 142.0' fill='none' stroke='%23fff' stroke-opacity='.5' stroke-width='1' stroke-linecap='round'/><path d='M118 120V170' stroke='%23fff' stroke-opacity='.45' stroke-width='.8'/></svg>")}
.gag-bats{z-index:2;top:clamp(40px,4vw,64px);left:5%;right:5%;height:clamp(54px,5vw,72px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'><g fill='%233b1530' fill-opacity='.8'><path transform='translate(4 30) scale(1.5) rotate(-12 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(56 6) scale(1.0) rotate(8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(62 48) scale(0.7) rotate(-6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'><g fill='%233b1530' fill-opacity='.8'><path transform='translate(40 22) scale(1.4) rotate(10 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(6 4) scale(0.9) rotate(-8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(10 46) scale(0.75) rotate(6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>");background-position:left top,right top;background-size:auto 100%,auto 100%}
.gag-pumpkin{z-index:2;left:clamp(-34px,-2.4vw,-18px);bottom:clamp(-40px,-3vw,-26px);width:clamp(70px,7vw,104px);aspect-ratio:1056/949;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-icon.png");transform:rotate(-10deg);filter:drop-shadow(0 8px 10px rgba(20,4,20,.4))}
.gag-candy{z-index:2;right:16%;bottom:clamp(-16px,-1.2vw,-10px);width:clamp(34px,3.2vw,46px);aspect-ratio:2;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23ff9bd0' d='M18 16L2 5v22zM46 16l16-11v22z'/><circle cx='32' cy='16' r='12' fill='%23b65cf0'/><path d='M24 8l16 16M20 16l12 12M32 4l12 12' stroke='%23f3d4ff' stroke-width='3'/></svg>");transform:rotate(-24deg)}
@keyframes gag-peek{0%,70%,100%{translate:0 0}80%{translate:0 -10px}90%{translate:0 -4px}}
@media(prefers-reduced-motion:reduce){.scene-bats,.gag-ghost{animation:none}}
.sticker-section .section-heading{position:relative;max-width:none;margin:0 auto clamp(40px,4.6vw,60px);text-align:center}
.sticker-section .halloween-kicker{display:inline-flex;align-items:center;gap:12px;margin:0;color:#9a4a2e}
.sticker-section .halloween-kicker::before,.sticker-section .halloween-kicker::after{content:"";width:26px;height:1px;background:rgba(154,74,46,.5)}
.sticker-section .section-heading h2{margin:14px 0 26px;color:#d4561c;font-size:clamp(2rem,4vw,3.4rem);font-weight:900;line-height:1.2;letter-spacing:.02em;text-shadow:0 2px 0 rgba(255,250,240,.9),0 6px 18px rgba(212,86,28,.16);word-break:auto-phrase}
.sticker-lead{max-width:46em;margin:0 auto;color:#5e3328}
.sticker-section .sticker-lead p{max-width:none;margin:0;color:inherit;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.95;word-break:auto-phrase}
.sticker-section .sticker-lead .lead-intro{margin-bottom:14px;color:#3d1a20;font-size:clamp(1.08rem,1.5vw,1.3rem);font-weight:900;line-height:1.6}
.sticker-section .sticker-lead .lead-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;margin:24px 0 22px}
.lead-stats span{position:relative;display:inline-block;padding:9px 20px;border-radius:999px;font-size:clamp(1.05rem,1.45vw,1.25rem);font-weight:900;line-height:1.4;letter-spacing:.02em}
.lead-active{background:linear-gradient(100deg,#ffb35a,#ff8a3d);color:#3a1208;box-shadow:0 6px 16px rgba(255,122,40,.28)}
.lead-dormant{border:2px dashed rgba(110,70,170,.55);background:rgba(120,90,190,.1);color:#4b2a86;transform:rotate(1.2deg)}
.lead-dormant::after{content:"z z z";position:absolute;top:-16px;right:-6px;color:#8a6cc8;font-size:.72rem;font-weight:800;letter-spacing:.18em;transform:rotate(-14deg)}
.sticker-section .sticker-lead .lead-punch{display:inline-block;margin-top:4px;color:#7a2d58;font-size:clamp(1.02rem,1.35vw,1.2rem);font-weight:900;text-decoration:underline wavy rgba(255,138,61,.75);text-decoration-thickness:2px;text-underline-offset:7px;transform:rotate(-1deg)}
.sticker-section .sticker-grid-images{padding:8px 0 0}
@media(max-width:760px){
.sticker-section{padding:150px 0 170px}
.scene-moon{top:30px;right:6%;width:96px}
.scene-castle{top:46px;left:-10px;width:190px;opacity:.85}
.scene-bats{top:22px;left:34%;width:170px}
.sticker-scene .scene-tree{display:none}
.scene-ground{height:150px}
.scene-leaves{height:70px;opacity:.75}
.sticker-section .visual-shell{width:calc(100% - 20px);padding:58px 14px 70px}
.sticker-section .visual-shell::before{transform:translate(3px,8px)}
.sticker-section .visual-shell::after{box-shadow:inset 0 0 18px rgba(140,70,28,.26),inset 0 0 50px rgba(170,100,50,.12);background:radial-gradient(circle at 93% 4%,rgba(150,90,40,.1) 0 10px,transparent 11px),radial-gradient(ellipse 58% 62% at 50% 52%,rgba(255,251,242,.85) 0,rgba(255,251,242,.55) 55%,transparent 82%),radial-gradient(ellipse 40% 30% at 0 0,rgba(196,124,62,.2),transparent 70%),radial-gradient(ellipse 36% 28% at 100% 100%,rgba(190,110,58,.22),transparent 70%),radial-gradient(ellipse 30% 24% at 100% 0,rgba(214,150,90,.16),transparent 70%),radial-gradient(ellipse 34% 26% at 0 100%,rgba(176,104,52,.18),transparent 70%),radial-gradient(ellipse 22% 40% at 0 55%,rgba(214,160,100,.14),transparent 70%),radial-gradient(ellipse 22% 40% at 100% 40%,rgba(214,160,100,.12),transparent 70%),linear-gradient(170deg,#fdf5e6 0,#f8ead0 55%,#f1dcb8 100%)}
.gag-ghost{top:-44px;right:8%;width:62px}
.gag-cat{top:-38px;left:12%;width:40px}
.gag-web{top:-14px;left:-18px;width:104px}
.gag-bats{display:none}
.gag-pumpkin{left:-10px;bottom:-26px;width:58px}
.gag-candy{right:14%;bottom:-10px;width:30px}
.sticker-section .section-heading{margin-bottom:28px}
.sticker-section .section-heading h2{margin-bottom:20px;font-size:clamp(1.55rem,6.6vw,2rem)}
.sticker-lead{padding:0 4px}
.sticker-section .sticker-lead p{font-size:.9rem;line-height:1.9}
.sticker-section .sticker-lead .lead-intro{font-size:1.02rem}
.sticker-section .sticker-lead .lead-stats{flex-direction:column;align-items:center;gap:12px;margin:20px 0 18px}
.lead-stats span{font-size:1.02rem;padding:8px 18px}
.sticker-section .sticker-grid-images{grid-template-columns:repeat(3,1fr);gap:14px 8px;padding:0}
}

/* Timeline: 10/31 as one Halloween scroll — morning light on the left, night on the right. */
.timeline-section{overflow:hidden;padding:clamp(28px,2.6vw,40px) 0 clamp(90px,8vw,120px);background:linear-gradient(180deg,#ae4e59 0,rgba(174,78,89,0) 14%),radial-gradient(circle at 7% 30%,rgba(255,240,206,.62) 0,rgba(255,214,160,.28) 12%,transparent 30%),radial-gradient(circle at 46% 32%,rgba(255,206,120,.22),transparent 34%),radial-gradient(circle at 72% 8%,rgba(255,244,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 80% 4%,rgba(255,244,220,0.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 88% 12%,rgba(255,244,220,0.8) 0 1.1px,transparent 2.1px),radial-gradient(circle at 95% 6%,rgba(255,244,220,0.9) 0 1.4px,transparent 2.4px),radial-gradient(circle at 84% 20%,rgba(255,244,220,0.6) 0 1px,transparent 2px),radial-gradient(circle at 92% 26%,rgba(255,244,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 98% 16%,rgba(255,244,220,0.6) 0 0.9px,transparent 1.9px),radial-gradient(circle at 76% 30%,rgba(255,244,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 90% 40%,rgba(255,244,220,0.5) 0 1px,transparent 2px),radial-gradient(circle at 97% 48%,rgba(255,244,220,0.6) 0 1.2px,transparent 2.2px),radial-gradient(circle at 86% 55%,rgba(255,244,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 70% 18%,rgba(255,244,220,0.5) 0 0.8px,transparent 1.8px),linear-gradient(90deg,#d58a6c 0,#e3935e 20%,#e2804f 38%,#b9536a 56%,#64296c 74%,#2a1850 90%,#1d1442 100%);color:#3a1a24}
.timeline-section::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;height:38%;background:linear-gradient(90deg,#08081f 0,#140c2c 28%,#190e2f 50%,#140c2c 72%,#08081f 100%);-webkit-mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.85) 20%,transparent 100%);mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.85) 20%,transparent 100%);pointer-events:none}
.timeline-decor{position:absolute;inset:0;z-index:1;pointer-events:none}
.timeline-section .timeline-decor span{position:absolute;display:block;background-repeat:no-repeat;background-size:contain}
.tl-batcat{top:clamp(24px,3vw,44px);right:clamp(3%,6vw,8%);width:clamp(110px,11vw,160px);aspect-ratio:349/232;background-image:url("/assets/images/kodechan/stickers/halloween-2026/bat-cat.png");transform:rotate(-8deg);filter:drop-shadow(0 8px 12px rgba(10,4,30,.35));animation:tl-fly 6s ease-in-out infinite}
.tl-pumpkin{left:clamp(1%,2vw,3%);bottom:clamp(18px,2vw,30px);width:clamp(100px,9vw,136px);aspect-ratio:468/340;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-happy.png");filter:drop-shadow(0 10px 14px rgba(20,6,30,.4))}
@keyframes tl-fly{0%,100%{translate:0 0}50%{translate:-10px -12px}}
.timeline-section .visual-shell{position:relative;z-index:2}
.timeline-sign{position:relative;width:fit-content;max-width:100%;margin:0 auto clamp(26px,2.6vw,38px);padding:clamp(22px,2.4vw,32px) clamp(36px,4.4vw,64px) clamp(24px,2.6vw,34px);text-align:center;transform:rotate(-1.6deg);filter:drop-shadow(0 12px 16px rgba(40,10,30,.32))}
.timeline-sign::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0.0% 2.2%,3.8% 1.8%,7.7% 3.1%,11.5% 2.7%,15.4% 1.0%,19.2% 0.1%,23.1% 2.6%,26.9% 1.2%,30.8% 2.6%,34.6% 0.9%,38.5% 2.5%,42.3% 1.5%,46.2% 3.1%,50.0% 0.2%,53.8% 2.9%,57.7% 0.6%,61.5% 3.0%,65.4% 0.6%,69.2% 1.8%,73.1% 2.2%,76.9% 0.1%,80.8% 2.3%,84.6% 2.4%,88.5% 3.1%,92.3% 2.2%,96.2% 2.0%,100.0% 0.1%,99.8% 12.5%,99.9% 25.0%,99.3% 37.5%,99.4% 50.0%,99.2% 62.5%,99.5% 75.0%,99.6% 87.5%,100.0% 97.9%,96.2% 99.4%,92.3% 98.1%,88.5% 98.5%,84.6% 97.3%,80.8% 99.8%,76.9% 96.8%,73.1% 99.2%,69.2% 99.1%,65.4% 98.9%,61.5% 98.2%,57.7% 99.0%,53.8% 97.5%,50.0% 99.6%,46.2% 99.3%,42.3% 98.4%,38.5% 97.7%,34.6% 99.1%,30.8% 98.4%,26.9% 98.6%,23.1% 97.9%,19.2% 99.5%,15.4% 98.2%,11.5% 97.8%,7.7% 99.2%,3.8% 98.8%,0.0% 96.9%,0.4% 87.5%,0.4% 75.0%,0.4% 62.5%,0.2% 50.0%,0.8% 37.5%,1.1% 25.0%,1.2% 12.5%);box-shadow:inset 0 0 22px rgba(140,70,28,.3);background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(255,251,240,.8),transparent 80%),radial-gradient(ellipse 30% 60% at 0 50%,rgba(190,120,60,.22),transparent 70%),radial-gradient(ellipse 30% 60% at 100% 50%,rgba(190,120,60,.22),transparent 70%),linear-gradient(175deg,#fbf1dc,#f2dcb6)}
.timeline-sign .halloween-kicker{display:inline-flex;align-items:center;gap:10px;margin:0;color:#9a4a2e}
.timeline-sign .halloween-kicker::before,.timeline-sign .halloween-kicker::after{content:"";width:22px;height:1px;background:rgba(154,74,46,.5)}
.timeline-sign h2{margin:8px 0 0;color:#5a1f12;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:900;line-height:1.25;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,250,240,.8)}
.timeline-sign h2 br{display:none}
.tl-web{position:absolute;top:-16px;left:-20px;width:clamp(64px,6vw,86px);aspect-ratio:284/317;background:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png") center/contain no-repeat;pointer-events:none}
.timeline-section .timeline{display:grid;grid-template-columns:1fr clamp(56px,6vw,90px) 1fr clamp(56px,6vw,90px) 1fr;align-items:center;gap:0;max-width:1080px;margin:0 auto;padding:0;overflow:visible}
.timeline-section .timeline::before{content:none}
.timeline-section .timeline article{position:relative;z-index:1;min-width:0;padding:14px 14px 22px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;text-align:center;filter:drop-shadow(0 16px 20px rgba(30,8,30,.3))}
.timeline-section .timeline article::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0.0% 0.8%,5.6% 0.5%,11.1% 0.4%,16.7% 1.0%,22.2% 0.2%,27.8% 1.7%,33.3% 0.7%,38.9% 1.9%,44.4% 0.3%,50.0% 1.4%,55.6% 2.1%,61.1% 0.1%,66.7% 0.8%,72.2% 2.1%,77.8% 0.2%,83.3% 1.8%,88.9% 1.8%,94.4% 1.8%,100.0% 2.2%,99.9% 12.5%,99.4% 25.0%,99.3% 37.5%,99.5% 50.0%,99.6% 62.5%,99.5% 75.0%,98.8% 87.5%,100.0% 98.0%,94.4% 98.0%,88.9% 98.1%,83.3% 97.8%,77.8% 99.7%,72.2% 97.8%,66.7% 98.9%,61.1% 99.1%,55.6% 98.1%,50.0% 98.4%,44.4% 97.8%,38.9% 97.7%,33.3% 98.2%,27.8% 99.8%,22.2% 98.2%,16.7% 99.1%,11.1% 97.9%,5.6% 99.2%,0.0% 99.1%,0.4% 87.5%,0.8% 75.0%,0.9% 62.5%,1.1% 50.0%,0.2% 37.5%,0.3% 25.0%,0.5% 12.5%);box-shadow:inset 0 0 18px rgba(140,70,28,.26);background:linear-gradient(175deg,#fdf5e4,#f3dfbe)}
.timeline-section .timeline article:nth-of-type(1){transform:rotate(-1.8deg)}
.timeline-section .timeline article:nth-of-type(2){transform:translateY(-14px) rotate(1.2deg)}
.timeline-section .timeline article:nth-of-type(3){transform:rotate(-.8deg)}
.timeline-section .timeline article img{width:100%;height:auto;aspect-ratio:1347/1167;padding:6%;border-radius:10px;object-fit:contain;box-shadow:inset 0 0 0 1px rgba(120,60,30,.12)}
.timeline-section .timeline article:nth-of-type(1) img{background:radial-gradient(circle at 18% 18%,#fff6dc 0,#ffe2b8 40%,#f7c08f 100%)}
.timeline-section .timeline article:nth-of-type(2) img{background:radial-gradient(circle at 50% 12%,#fff1c2 0,#ffc977 46%,#f59a52 100%)}
.timeline-section .timeline article:nth-of-type(3) img{background:radial-gradient(circle at 80% 16%,rgba(255,236,190,.9) 0 5%,transparent 6%),radial-gradient(circle at 20% 22%,rgba(255,255,255,.8) 0 .5%,transparent .8%),radial-gradient(circle at 40% 10%,rgba(255,255,255,.7) 0 .4%,transparent .7%),radial-gradient(circle at 50% 40%,#7a4aa8 0,#4a2a7a 50%,#24164a 100%)}
.timeline-section .timeline article>span:not(.tl-ghost){display:block;margin-top:14px;padding:0;color:#d4561c;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:900;line-height:1}
.timeline-section .timeline article:nth-of-type(3)>span:not(.tl-ghost){color:#5b2a86}
.timeline-section .timeline strong{display:block;margin-top:4px;padding:0;color:#5a2a1c;font-size:1rem;font-weight:800}
.timeline-section .timeline strong::before{content:"（"}
.timeline-section .timeline strong::after{content:"）"}
.timeline-section .timeline p{margin:10px 0 0;padding:0 6px;color:#6a3a30;font-size:.92rem;line-height:1.6}
.timeline-section .timeline i{display:block;width:100%;aspect-ratio:100/56;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'><path d='M6 32C24 24 44 36 64 28C72 25 78 26 84 27' fill='none' stroke='%237a2e18' stroke-opacity='.35' stroke-width='11' stroke-linecap='round'/><path d='M66 12L88 27L68 44' fill='none' stroke='%237a2e18' stroke-opacity='.35' stroke-width='11' stroke-linecap='round' stroke-linejoin='round'/><path d='M6 30C24 22 44 34 64 26C72 23 78 24 84 25' fill='none' stroke='%23ffe2b0' stroke-width='7' stroke-linecap='round'/><path d='M66 10L88 25L68 42' fill='none' stroke='%23ffe2b0' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/><path d='M10 29C26 23 42 31 60 26' fill='none' stroke='%23ff9a3d' stroke-width='2.4' stroke-linecap='round'/></svg>") center/contain no-repeat;color:transparent;font-size:0;text-shadow:none;filter:drop-shadow(0 4px 8px rgba(60,12,20,.35))}
.timeline-section .timeline i:nth-of-type(2){transform:translateY(-6px) rotate(-4deg)}
.tl-ghost{position:absolute;z-index:-2;top:18%;right:clamp(-58px,-4.4vw,-40px);width:clamp(52px,5vw,72px);aspect-ratio:304/383;background:url("/assets/images/kodechan/stickers/halloween-2026/ghost-peek.png") center/contain no-repeat;transform:rotate(4deg);animation:tl-peek 5.5s ease-in-out infinite}
@keyframes tl-peek{0%,62%,100%{translate:0 0}74%{translate:8px 0}86%{translate:3px 0}}
@media(prefers-reduced-motion:reduce){.tl-batcat,.tl-ghost{animation:none}}
@media(max-width:760px){
.timeline-section{padding:22px 0 84px;background:radial-gradient(ellipse 90% 12% at 50% 14%,rgba(255,232,196,.5),transparent 70%),radial-gradient(circle at 72% 8%,rgba(255,244,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 80% 4%,rgba(255,244,220,0.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 88% 12%,rgba(255,244,220,0.8) 0 1.1px,transparent 2.1px),radial-gradient(circle at 95% 6%,rgba(255,244,220,0.9) 0 1.4px,transparent 2.4px),radial-gradient(circle at 84% 20%,rgba(255,244,220,0.6) 0 1px,transparent 2px),radial-gradient(circle at 92% 26%,rgba(255,244,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 98% 16%,rgba(255,244,220,0.6) 0 0.9px,transparent 1.9px),radial-gradient(circle at 76% 30%,rgba(255,244,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 90% 40%,rgba(255,244,220,0.5) 0 1px,transparent 2px),radial-gradient(circle at 97% 48%,rgba(255,244,220,0.6) 0 1.2px,transparent 2.2px),radial-gradient(circle at 86% 55%,rgba(255,244,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 70% 18%,rgba(255,244,220,0.5) 0 0.8px,transparent 1.8px),linear-gradient(180deg,#ae4e59 0,#d88866 4%,#e8a072 14%,#e58852 40%,#c45f5e 55%,#7e3268 70%,#3a1d5c 84%,#150c2c 100%)}
.timeline-section .timeline-decor .tl-batcat{display:none}
.tl-pumpkin{left:auto;right:4%;bottom:14px;width:84px}
.timeline-sign{margin-bottom:18px;padding:20px 26px 22px}
.timeline-sign h2{font-size:clamp(1.45rem,6.4vw,1.9rem)}
.timeline-sign h2 br{display:inline}
.tl-web{top:-26px;left:auto;right:-22px;width:46px;transform:scaleX(-1)}
.timeline-sign .halloween-kicker{font-size:.66rem;letter-spacing:.1em}
.timeline-sign .halloween-kicker::before,.timeline-sign .halloween-kicker::after{content:none}
.timeline-section .timeline{grid-template-columns:1fr;justify-items:center;max-width:320px;padding:0;overflow:visible}
.timeline-section .timeline article{width:100%;min-width:0;max-width:300px;padding:12px 12px 20px}
.timeline-section .timeline article:nth-of-type(2){transform:rotate(1.2deg)}
.timeline-section .timeline i,.timeline-section .timeline i:nth-of-type(2){width:64px;margin:4px 0;transform:rotate(90deg)}
.tl-ghost{right:-36px;width:48px}
}

/* 23:00 → 23:59: the one-hour stickers, framed as two snapshots of the last hour of Halloween. */
.midnight-section{overflow:hidden;padding:clamp(34px,3.4vw,52px) 0 clamp(70px,6vw,90px);background:radial-gradient(ellipse 34% 50% at 18% 58%,rgba(255,128,60,.22),transparent 70%),radial-gradient(ellipse 40% 60% at 24% 40%,rgba(140,56,150,.42),transparent 72%),radial-gradient(ellipse 30% 40% at 84% 30%,rgba(120,140,255,.1),transparent 70%),radial-gradient(circle at 60% 10%,rgba(235,232,255,0.6) 0 1.1px,transparent 2.1px),radial-gradient(circle at 68% 22%,rgba(235,232,255,0.8) 0 1.4px,transparent 2.4px),radial-gradient(circle at 75% 8%,rgba(235,232,255,0.7) 0 1px,transparent 2px),radial-gradient(circle at 82% 16%,rgba(235,232,255,0.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 90% 6%,rgba(235,232,255,0.7) 0 1.1px,transparent 2.1px),radial-gradient(circle at 96% 20%,rgba(235,232,255,0.8) 0 1.3px,transparent 2.3px),radial-gradient(circle at 86% 32%,rgba(235,232,255,0.6) 0 1px,transparent 2px),radial-gradient(circle at 93% 44%,rgba(235,232,255,0.6) 0 1.2px,transparent 2.2px),radial-gradient(circle at 78% 52%,rgba(235,232,255,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 98% 60%,rgba(235,232,255,0.5) 0 1px,transparent 2px),radial-gradient(circle at 64% 40%,rgba(235,232,255,0.4) 0 0.8px,transparent 1.8px),radial-gradient(circle at 88% 70%,rgba(235,232,255,0.5) 0 1px,transparent 2px),radial-gradient(circle at 72% 78%,rgba(235,232,255,0.4) 0 0.9px,transparent 1.9px),linear-gradient(0deg,#08091e 0,rgba(8,9,30,0) 22%),linear-gradient(90deg,#2c1342 0,#26123f 30%,#1a1036 56%,#0f0d2b 78%,#090a22 100%);text-align:center}
.midnight-section::before{content:"";position:absolute;inset:0 0 auto;z-index:0;height:clamp(110px,10vw,150px);background:linear-gradient(90deg,#08081f 0,#140c2c 28%,#190e2f 50%,#140c2c 72%,#08081f 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 100%);mask-image:linear-gradient(180deg,#000 0,transparent 100%);pointer-events:none}
.midnight-section .visual-shell{position:relative;z-index:1}
.midnight-sign{position:relative;width:fit-content;max-width:100%;margin:0 auto;padding:clamp(20px,2.2vw,30px) clamp(30px,4vw,60px) clamp(22px,2.4vw,32px);transform:rotate(.8deg);filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}
.midnight-sign::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0.0% 1.4%,4.2% 0.2%,8.3% 0.6%,12.5% 1.9%,16.7% 1.1%,20.8% 2.4%,25.0% 1.6%,29.2% 1.4%,33.3% 1.5%,37.5% 1.7%,41.7% 0.0%,45.8% 2.3%,50.0% 1.1%,54.2% 1.3%,58.3% 0.1%,62.5% 1.1%,66.7% 1.5%,70.8% 1.1%,75.0% 1.2%,79.2% 2.0%,83.3% 0.4%,87.5% 2.2%,91.7% 0.5%,95.8% 1.9%,100.0% 0.4%,99.4% 16.7%,99.2% 33.3%,99.1% 50.0%,99.9% 66.7%,99.8% 83.3%,100.0% 98.4%,95.8% 98.8%,91.7% 98.0%,87.5% 99.5%,83.3% 97.6%,79.2% 97.5%,75.0% 97.8%,70.8% 99.1%,66.7% 98.3%,62.5% 98.4%,58.3% 99.6%,54.2% 98.2%,50.0% 98.4%,45.8% 98.1%,41.7% 99.6%,37.5% 99.5%,33.3% 99.9%,29.2% 98.1%,25.0% 98.3%,20.8% 98.8%,16.7% 98.1%,12.5% 98.8%,8.3% 98.6%,4.2% 97.6%,0.0% 98.6%,0.8% 83.3%,0.2% 66.7%,0.1% 50.0%,0.4% 33.3%,0.3% 16.7%);background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(120,70,150,.35),transparent 80%),linear-gradient(175deg,#34184d,#1e1033);box-shadow:inset 0 0 0 2px rgba(255,190,120,.28),inset 0 0 30px rgba(0,0,0,.4)}
.midnight-sign .halloween-kicker{display:inline-flex;align-items:center;gap:10px;margin:0;color:#ffb06e}
.midnight-sign .halloween-kicker::before,.midnight-sign .halloween-kicker::after{content:"";width:22px;height:1px;background:rgba(255,176,110,.55)}
.midnight-copy .midnight-sign h2{margin:10px 0 0;color:#fff3dc;font-size:clamp(1.7rem,3.2vw,2.9rem);font-weight:900;line-height:1.3;letter-spacing:.01em;word-break:auto-phrase;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.mn-hl{display:inline-block;margin:0 .06em;padding:0 .12em;color:#ffb347;font-size:1.32em;line-height:1;background:linear-gradient(transparent 62%,rgba(255,104,140,.35) 62% 92%,transparent 92%);text-shadow:0 0 18px rgba(255,150,60,.55),0 3px 12px rgba(0,0,0,.5);transform:rotate(-2deg)}
.mn-timebar{display:flex;align-items:center;gap:clamp(10px,1.4vw,18px);max-width:760px;margin:clamp(22px,2.4vw,32px) auto clamp(26px,2.8vw,38px);padding:0 8px}
.mn-clock{display:flex;align-items:center;gap:8px;flex:none}
.mn-clock i{position:relative;display:block;width:clamp(50px,4.6vw,66px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2a1030 0 5%,transparent 6%),radial-gradient(circle,#fff6e2 0 66%,transparent 67%),repeating-conic-gradient(from -1.5deg,#6a3080 0 3deg,#f6e4c4 3deg 30deg);box-shadow:0 0 0 3px #7a3c9a,0 0 0 5px rgba(255,190,120,.4),0 6px 14px rgba(0,0,0,.4)}
.mn-clock i::before,.mn-clock i::after{content:"";position:absolute;left:50%;bottom:50%;width:3px;border-radius:2px;background:#2a1030;transform-origin:50% 100%}
.mn-clock i::before{height:27%;width:4px;margin-left:-2px}
.mn-clock i::after{height:40%;width:3px;margin-left:-1.5px;background:#d4561c}
.mn-clock-2300 i::before{transform:rotate(330deg)}
.mn-clock-2300 i::after{transform:rotate(0deg)}
.mn-clock-2359 i::before{transform:rotate(359.5deg)}
.mn-clock-2359 i::after{transform:rotate(354deg)}
.mn-clock-2359 i{animation:mn-panic 1.2s ease-in-out infinite}
.mn-clock b{color:#fff3dc;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:900;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mn-clock-2300 b{color:#ffc278}
.mn-clock-2359 b{color:#c9b8ff}
.mn-track{position:relative;flex:1;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 10%),linear-gradient(90deg,#ff9a3d,#ff68ac 45%,#8a6cff 80%,#3a3a8a);box-shadow:0 0 14px rgba(255,120,120,.35)}
.mn-track em{position:absolute;left:50%;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:#1c0f30;border:1px solid rgba(255,190,120,.5);color:#ffd39d;font-size:.82rem;font-style:normal;font-weight:900;letter-spacing:.08em;white-space:nowrap;transform:translateX(-50%) rotate(-2deg)}
.mn-hourglass{display:inline-block;width:11px;height:15px;background:linear-gradient(#ffb347 0 0) top/100% 50% no-repeat,linear-gradient(#ff8a3d 0 0) bottom/100% 50% no-repeat;clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%,42% 50%);animation:mn-flip 3s ease-in-out infinite}
@keyframes mn-panic{0%,100%{rotate:0deg}25%{rotate:-7deg}75%{rotate:7deg}}
@keyframes mn-flip{0%,70%{rotate:0deg}85%,100%{rotate:180deg}}
.mn-scenes{display:grid;grid-template-columns:870fr clamp(64px,7vw,104px) 754fr;align-items:center;max-width:1160px;margin:0 auto}
.mn-scene{position:relative;margin:0;min-width:0}
.mn-scene figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}
.mn-time{color:#ffd39d;font-size:.86rem;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.mn-scene strong{display:inline-block;padding:7px 22px;border-radius:999px;font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:900;line-height:1.3}
.mn-scene-last strong{background:linear-gradient(100deg,#ffc46b,#ff8a3d);color:#2a0c08;box-shadow:0 8px 22px rgba(255,120,50,.35);transform:rotate(-2deg)}
.mn-scene-end .mn-time{color:#c9b8ff}
.mn-scene-end strong{border:2px dashed rgba(190,170,255,.5);background:rgba(30,24,70,.6);color:#d8ccff;transform:rotate(1deg)}
.mn-photo{position:relative;padding:12px 12px 22px;background:linear-gradient(175deg,#fdf6e6,#efe0c2);box-shadow:0 22px 44px rgba(0,0,0,.5),inset 0 0 18px rgba(140,80,30,.18)}
.mn-photo::before{content:"";position:absolute;z-index:2;top:-12px;left:50%;width:96px;height:26px;background:rgba(255,236,200,.55);box-shadow:0 2px 4px rgba(0,0,0,.15);transform:translateX(-50%) rotate(-3deg)}
.mn-scene-last .mn-photo{transform:rotate(-1.6deg)}
.mn-scene-end .mn-photo{background:linear-gradient(175deg,#efebf4,#d9d3e3);transform:translateY(16px) rotate(1.5deg)}
.mn-scene-end .mn-photo::before{background:rgba(220,214,240,.5);transform:translateX(-50%) rotate(4deg)}
.midnight-section .mn-photo img{display:block;width:100%;height:auto;margin:0;object-fit:cover;box-shadow:none;transform:none}
.midnight-section .mn-scene-last .mn-photo img{aspect-ratio:870/887;object-position:0 50%}
.midnight-section .mn-scene-end .mn-photo img{aspect-ratio:754/887;object-position:100% 50%}
.mn-arrow{display:block;width:100%;aspect-ratio:100/56;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'><defs><linearGradient id='g' x1='0' x2='1'><stop offset='0' stop-color='%23ffb3d9'/><stop offset='1' stop-color='%23c9a2ff'/></linearGradient></defs><path d='M6 31C24 23 44 35 64 27C72 24 78 25 84 26' fill='none' stroke='%231a0c2e' stroke-opacity='.5' stroke-width='12' stroke-linecap='round'/><path d='M66 11L88 26L68 43' fill='none' stroke='%231a0c2e' stroke-opacity='.5' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M6 29C24 21 44 33 64 25C72 22 78 23 84 24' fill='none' stroke='url(%23g)' stroke-width='8' stroke-linecap='round'/><path d='M66 9L88 24L68 41' fill='none' stroke='url(%23g)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(255,150,210,.4))}
.mn-deco{position:absolute;z-index:3;display:block;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.mn-candy{top:clamp(48px,5vw,70px);left:clamp(-34px,-2.6vw,-22px);width:clamp(66px,6.4vw,92px);aspect-ratio:283/205;background-image:url("/assets/images/kodechan/stickers/halloween-2026/candy.png");transform:rotate(-18deg);animation:mn-bounce 2.4s ease-in-out infinite}
.mn-pumpkin-party{bottom:clamp(-34px,-2.6vw,-22px);left:clamp(-48px,-3.6vw,-28px);width:clamp(96px,9vw,130px);aspect-ratio:465/312;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-mischief.png");transform:rotate(-6deg);filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.mn-web{top:clamp(52px,5vw,72px);right:clamp(-26px,-2vw,-16px);width:clamp(72px,7vw,100px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");transform:scaleX(-1);opacity:.92}
.mn-pumpkin-sleepy{bottom:clamp(-46px,-3.4vw,-30px);right:clamp(-44px,-3.4vw,-26px);width:clamp(100px,9.4vw,136px);aspect-ratio:395/228;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-sleepy.png");filter:drop-shadow(0 8px 12px rgba(0,0,0,.45)) saturate(.85)}
@keyframes mn-bounce{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){.mn-clock-2359 i,.mn-hourglass,.mn-candy{animation:none}}
@media(max-width:760px){
.midnight-section{padding:28px 0 84px;background:radial-gradient(ellipse 80% 22% at 50% 34%,rgba(255,128,60,.18),transparent 70%),radial-gradient(ellipse 90% 30% at 50% 30%,rgba(140,56,150,.4),transparent 72%),radial-gradient(circle at 60% 10%,rgba(235,232,255,0.6) 0 1.1px,transparent 2.1px),radial-gradient(circle at 68% 22%,rgba(235,232,255,0.8) 0 1.4px,transparent 2.4px),radial-gradient(circle at 75% 8%,rgba(235,232,255,0.7) 0 1px,transparent 2px),radial-gradient(circle at 82% 16%,rgba(235,232,255,0.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 90% 6%,rgba(235,232,255,0.7) 0 1.1px,transparent 2.1px),radial-gradient(circle at 96% 20%,rgba(235,232,255,0.8) 0 1.3px,transparent 2.3px),radial-gradient(circle at 86% 32%,rgba(235,232,255,0.6) 0 1px,transparent 2px),radial-gradient(circle at 93% 44%,rgba(235,232,255,0.6) 0 1.2px,transparent 2.2px),radial-gradient(circle at 78% 52%,rgba(235,232,255,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 98% 60%,rgba(235,232,255,0.5) 0 1px,transparent 2px),radial-gradient(circle at 64% 40%,rgba(235,232,255,0.4) 0 0.8px,transparent 1.8px),radial-gradient(circle at 88% 70%,rgba(235,232,255,0.5) 0 1px,transparent 2px),radial-gradient(circle at 72% 78%,rgba(235,232,255,0.4) 0 0.9px,transparent 1.9px),linear-gradient(180deg,#160d30 0,#2a1342 18%,#24123f 45%,#141034 66%,#0c0c28 84%,#08091e 100%)}
.midnight-section::before{height:90px}
.midnight-sign{padding:18px 20px 20px}
.midnight-copy .midnight-sign h2{font-size:clamp(1.3rem,5.6vw,1.7rem);line-height:1.4;margin-bottom:0}
.mn-timebar{gap:8px;margin:34px auto 22px;padding:0}
.mn-clock{flex-direction:column;gap:4px}
.mn-clock i{width:44px}
.mn-clock b{font-size:.92rem}
.mn-track em{font-size:.72rem;padding:4px 10px;bottom:12px}
.mn-scenes{grid-template-columns:1fr;justify-items:center;gap:0;max-width:340px}
.mn-scene{width:100%}
.mn-scene-end .mn-photo{transform:rotate(1.2deg)}
.mn-arrow{width:64px;margin:12px 0 18px;transform:rotate(90deg)}
.mn-candy{top:44px;left:-12px;width:58px}
.mn-pumpkin-party{left:-14px;bottom:-22px;width:84px}
.mn-web{top:46px;right:-12px;width:64px}
.mn-pumpkin-sleepy{right:-14px;bottom:-30px;width:90px}
}

/* Intro decor: the secret base where the one-day stickers sleep — small residents in the margins only. */
.intro-section{overflow:hidden;background:radial-gradient(ellipse 52% 9% at 50% 14%,rgba(255,150,80,.14),transparent 100%),radial-gradient(ellipse 30% 14% at 78% 18%,rgba(190,90,200,.14),transparent 100%),radial-gradient(circle at 6% 12%,rgba(255,240,220,0.7) 0 1.3px,transparent 2.3px),radial-gradient(circle at 14% 22%,rgba(255,240,220,0.55) 0 1px,transparent 2px),radial-gradient(circle at 9% 40%,rgba(255,240,220,0.5) 0 1.1px,transparent 2.1px),radial-gradient(circle at 19% 58%,rgba(255,240,220,0.45) 0 0.9px,transparent 1.9px),radial-gradient(circle at 4% 70%,rgba(255,240,220,0.5) 0 1.2px,transparent 2.2px),radial-gradient(circle at 16% 84%,rgba(255,240,220,0.45) 0 1px,transparent 2px),radial-gradient(circle at 84% 10%,rgba(255,240,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 92% 20%,rgba(255,240,220,0.75) 0 1.4px,transparent 2.4px),radial-gradient(circle at 88% 36%,rgba(255,240,220,0.5) 0 1px,transparent 2px),radial-gradient(circle at 96% 48%,rgba(255,240,220,0.55) 0 1.1px,transparent 2.1px),radial-gradient(circle at 80% 62%,rgba(255,240,220,0.45) 0 0.9px,transparent 1.9px),radial-gradient(circle at 94% 76%,rgba(255,240,220,0.5) 0 1.2px,transparent 2.2px),radial-gradient(circle at 86% 88%,rgba(255,240,220,0.45) 0 1px,transparent 2px),radial-gradient(circle at 24% 8%,rgba(255,240,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 76% 6%,rgba(255,240,220,0.55) 0 1px,transparent 2px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'><g fill='%2312061c' fill-opacity='.55'><path transform='translate(10 60) scale(1.3) rotate(-8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(80 20) scale(0.9) rotate(6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(140 70) scale(0.7) rotate(-4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>") left 3% top 30%/clamp(150px,15vw,220px) auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'><g fill='%2312061c' fill-opacity='.5'><path transform='translate(150 30) scale(1.1) rotate(8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(90 74) scale(0.8) rotate(-6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(30 16) scale(0.6) rotate(4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>") right 4% top 54%/clamp(140px,14vw,200px) auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 400'><path d='M2 0C30 120 10 230 40 400M2 0C50 70 80 90 120 120' fill='none' stroke='%23fff' stroke-opacity='.18' stroke-width='1'/><circle cx='40' cy='398' r='2' fill='%23fff' fill-opacity='.25'/></svg>") left 0 top 0/clamp(80px,8vw,120px) auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 300'><path d='M118 0C96 90 110 180 86 300' fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='1'/></svg>") right 0 top 0/clamp(70px,7vw,100px) auto no-repeat,radial-gradient(ellipse 60% 38% at 50% 34%,rgba(255,138,61,.1),transparent 72%),linear-gradient(180deg,#38164a 0,#2f1443 40%,#2a1240 70%,#26113c 100%)}
.intro-decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.intro-decor i,.intro-copy .fact-grid i,.intro-product i{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.intro-copy{z-index:1;isolation:isolate}
.id-web{top:0;left:clamp(10px,2vw,30px);width:clamp(80px,8vw,116px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");opacity:.75;transform:rotate(-8deg)}
.id-batcat{top:clamp(40px,4.6vw,70px);right:clamp(6%,12vw,15%);width:clamp(100px,9vw,132px);aspect-ratio:349/232;background-image:url("/assets/images/kodechan/stickers/halloween-2026/bat-cat.png");transform:rotate(10deg);filter:drop-shadow(0 8px 12px rgba(5,2,20,.45));animation:id-fly 7s ease-in-out infinite}
.id-leaves{left:4%;right:4%;bottom:clamp(14px,2vw,30px);height:clamp(70px,7vw,110px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'><path transform='translate(30 60) rotate(30) scale(1.15)' fill='%23e5782a' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(120 20) rotate(-40) scale(1.15)' fill='%23c9502a' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(210 80) rotate(70) scale(1.15)' fill='%23f0a040' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(330 40) rotate(10) scale(1.15)' fill='%23d8662c' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(460 90) rotate(-70) scale(1.15)' fill='%23e5782a' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(600 30) rotate(40) scale(1.15)' fill='%23f0a040' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(760 70) rotate(-20) scale(1.15)' fill='%23c9502a' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(880 24) rotate(90) scale(1.15)' fill='%23d8662c' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(1010 84) rotate(-50) scale(1.15)' fill='%23e5782a' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(1150 44) rotate(20) scale(1.15)' fill='%23f0a040' fill-opacity='.8' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80'><g fill='%2312061c' fill-opacity='.7'><path transform='translate(20 30) scale(1.4) rotate(-10 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(120 10) scale(1) rotate(8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(220 40) scale(0.8) rotate(-4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>");background-size:100% auto,clamp(150px,15vw,220px) auto;background-position:center bottom,right 18% top;opacity:.85}
.id-pumpkin-b{right:clamp(8%,12vw,16%);bottom:clamp(22px,2.6vw,40px);width:clamp(62px,5.6vw,80px);aspect-ratio:468/340;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-happy.png");transform:rotate(8deg);filter:drop-shadow(0 6px 10px rgba(5,2,20,.45))}
.id-candy-b{left:clamp(12%,17vw,22%);bottom:clamp(40px,4vw,64px);width:clamp(40px,3.6vw,52px);aspect-ratio:283/205;background-image:url("/assets/images/kodechan/stickers/halloween-2026/candy.png");transform:rotate(28deg)}
@keyframes id-fly{0%,100%{translate:0 0}50%{translate:-14px -10px}}
.intro-copy .fact-grid .fg-candy{left:clamp(-78px,-6vw,-60px);bottom:6px;width:clamp(44px,4vw,56px);aspect-ratio:283/205;background-image:url("/assets/images/kodechan/stickers/halloween-2026/candy.png");transform:rotate(-22deg)}
.intro-copy .fact-grid .fg-pumpkin{left:50%;top:clamp(-42px,-3vw,-34px);width:clamp(42px,3.6vw,52px);aspect-ratio:468/340;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-happy.png");transform:translateX(-50%) rotate(6deg);filter:drop-shadow(0 4px 10px rgba(255,140,60,.45));animation:fg-hop 1.8s ease-in-out infinite}
.intro-copy .fact-grid .fg-sleepy{right:clamp(-108px,-7.6vw,-84px);bottom:-4px;width:clamp(74px,6.4vw,92px);aspect-ratio:395/228;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-sleepy.png");filter:drop-shadow(0 6px 10px rgba(5,2,20,.5)) saturate(.85)}
@keyframes fg-hop{0%,100%{translate:0 0}50%{translate:0 -6px}}
.intro-product{position:relative}
.intro-product .ip-ghost{z-index:-1;top:clamp(10px,1.6vw,22px);right:clamp(-50px,-3.6vw,-40px);width:clamp(56px,5vw,72px);aspect-ratio:304/383;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-peek.png");animation:ip-peek 6s ease-in-out infinite}
.intro-product .ip-pumpkin{z-index:-1;left:clamp(-86px,-6vw,-70px);bottom:clamp(-30px,-2.2vw,-22px);width:clamp(84px,7.4vw,100px);aspect-ratio:465/312;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-mischief.png");transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(5,2,20,.45))}
@keyframes ip-peek{0%,60%,100%{translate:0 0}72%{translate:10px 0}84%{translate:4px 0}}
@media(prefers-reduced-motion:reduce){.id-batcat,.intro-copy .fact-grid .fg-pumpkin,.intro-product .ip-ghost{animation:none}}
@media(max-width:560px){
.intro-section{background:radial-gradient(ellipse 52% 9% at 50% 14%,rgba(255,150,80,.14),transparent 100%),radial-gradient(ellipse 30% 14% at 78% 18%,rgba(190,90,200,.14),transparent 100%),radial-gradient(circle at 6% 12%,rgba(255,240,220,0.7) 0 1.3px,transparent 2.3px),radial-gradient(circle at 14% 22%,rgba(255,240,220,0.55) 0 1px,transparent 2px),radial-gradient(circle at 9% 40%,rgba(255,240,220,0.5) 0 1.1px,transparent 2.1px),radial-gradient(circle at 19% 58%,rgba(255,240,220,0.45) 0 0.9px,transparent 1.9px),radial-gradient(circle at 4% 70%,rgba(255,240,220,0.5) 0 1.2px,transparent 2.2px),radial-gradient(circle at 16% 84%,rgba(255,240,220,0.45) 0 1px,transparent 2px),radial-gradient(circle at 84% 10%,rgba(255,240,220,0.7) 0 1.2px,transparent 2.2px),radial-gradient(circle at 92% 20%,rgba(255,240,220,0.75) 0 1.4px,transparent 2.4px),radial-gradient(circle at 88% 36%,rgba(255,240,220,0.5) 0 1px,transparent 2px),radial-gradient(circle at 96% 48%,rgba(255,240,220,0.55) 0 1.1px,transparent 2.1px),radial-gradient(circle at 80% 62%,rgba(255,240,220,0.45) 0 0.9px,transparent 1.9px),radial-gradient(circle at 94% 76%,rgba(255,240,220,0.5) 0 1.2px,transparent 2.2px),radial-gradient(circle at 86% 88%,rgba(255,240,220,0.45) 0 1px,transparent 2px),radial-gradient(circle at 24% 8%,rgba(255,240,220,0.5) 0 0.9px,transparent 1.9px),radial-gradient(circle at 76% 6%,rgba(255,240,220,0.55) 0 1px,transparent 2px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'><g fill='%2312061c' fill-opacity='.5'><path transform='translate(150 30) scale(1.1) rotate(8 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(90 74) scale(0.8) rotate(-6 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/><path transform='translate(30 16) scale(0.6) rotate(4 20 10)' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></g></svg>") right 2% top 60%/120px auto no-repeat,radial-gradient(ellipse 60% 38% at 50% 34%,rgba(255,138,61,.1),transparent 72%),linear-gradient(180deg,#38164a 0,#2f1443 40%,#2a1240 70%,#26113c 100%)}
.intro-decor .id-web,.intro-decor .id-pumpkin-b,.intro-copy .fact-grid .fg-candy,.intro-copy .fact-grid .fg-pumpkin{display:none}
.id-batcat{top:10px;right:10px;width:58px}
.id-leaves{left:0;right:0;bottom:8px;height:44px;background-size:150% auto,110px auto;background-position:center bottom,right 12% top}
.id-candy-b{left:auto;right:8%;bottom:30px;width:34px}
.intro-copy .fact-grid .fg-sleepy{right:2px;bottom:-33px;width:44px}
.intro-product .ip-ghost{top:12px;right:-30px;width:42px}
.intro-product .ip-pumpkin{left:-24px;bottom:-38px;width:62px}
}

/* 00:00, November: not an epilogue — the party just closed. Reality arrives in a flat, official voice. */
.quiet-section{overflow:hidden;padding:clamp(40px,4vw,60px) 0 clamp(24px,2.4vw,36px);background:radial-gradient(circle at 7% 8%,rgba(220,230,255,0.45) 0 1px,transparent 2px),radial-gradient(circle at 24% 5%,rgba(220,230,255,0.35) 0 0.9px,transparent 1.9px),radial-gradient(circle at 78% 7%,rgba(220,230,255,0.4) 0 1px,transparent 2px),radial-gradient(circle at 93% 12%,rgba(220,230,255,0.35) 0 0.9px,transparent 1.9px),linear-gradient(180deg,#08091e 0,#0b0e2a 30%,#0e1232 60%,#0e1231 82%,#0d112f 100%)}
.quiet-decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.quiet-decor i,.q-photo i{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.quiet-decor::before{content:"";position:absolute;top:clamp(40px,4vw,64px);right:clamp(8%,12vw,16%);width:28px;aspect-ratio:2;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'><path fill='%230a0a20' fill-opacity='.6' d='M20 9c-1.2-2.4-3.6-3.2-6.4-2.2 1 .9 1.2 2 .6 3.1-2.6-1.7-6.4-1.6-9.2.6 2 0 3.3.9 3.6 2.7 2.2-1.3 4.9-1.2 7 .4.9-.9 2.3-1.6 3.4-1.6s2.5.7 3.4 1.6c2.1-1.6 4.8-1.7 7-.4.3-1.8 1.6-2.7 3.6-2.7-2.8-2.2-6.6-2.3-9.2-.6-.6-1.1-.4-2.2.6-3.1-2.8-1-5.2-.2-6.4 2.2z'/></svg>") center/contain no-repeat;opacity:.8}
.quiet-decor::after{content:"";position:absolute;left:3%;right:3%;top:clamp(150px,14vw,210px);height:40px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60'><path transform='translate(60 40) rotate(30)' fill='%238a5a3a' fill-opacity='.4' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(240 30) rotate(-50)' fill='%236e4a3a' fill-opacity='.4' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(960 36) rotate(-20)' fill='%236e4a3a' fill-opacity='.4' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(1130 42) rotate(50)' fill='%238a5a3a' fill-opacity='.4' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/></svg>") center/100% auto no-repeat}
.qd-ghost{top:clamp(90px,9vw,140px);left:clamp(-18px,-1.2vw,-10px);width:clamp(40px,3.6vw,52px);aspect-ratio:304/383;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-peek.png");opacity:.4;transform:scaleX(-1) rotate(-6deg);filter:saturate(.3) brightness(.8)}
.quiet-copy{position:relative;z-index:1}
.q-time{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,26px);margin:0 auto clamp(18px,2vw,26px)}
.q-t{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:2px;text-align:left;font-variant-numeric:tabular-nums}
.q-t i{grid-row:span 2;position:relative;display:block;width:clamp(42px,3.8vw,54px);aspect-ratio:1;border-radius:50%}
.q-t i::before,.q-t i::after{content:"";position:absolute;left:50%;bottom:50%;border-radius:2px;transform-origin:50% 100%}
.q-t i::before{height:27%;width:4px;margin-left:-2px}
.q-t i::after{height:40%;width:3px;margin-left:-1.5px}
.q-t b{font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:900;letter-spacing:.04em;line-height:1}
.q-t small{font-size:.72rem;font-weight:800;letter-spacing:.08em}
.q-t-2359 i{background:radial-gradient(circle,#2a1030 0 5%,transparent 6%),radial-gradient(circle,#fff6e2 0 66%,transparent 67%),repeating-conic-gradient(from -1.5deg,#6a3080 0 3deg,#f6e4c4 3deg 30deg);box-shadow:0 0 16px rgba(255,140,60,.45)}
.q-t-2359 i::before{background:#2a1030;transform:rotate(359.5deg)}
.q-t-2359 i::after{background:#d4561c;transform:rotate(354deg)}
.q-t-2359 b{color:#ffb347;text-shadow:0 0 12px rgba(255,140,60,.5)}
.q-t-2359 small{color:#ff9ac8}
.q-t-0000 i{background:radial-gradient(circle,#1c1830 0 5%,transparent 6%),radial-gradient(circle,#eceff6 0 66%,transparent 67%),repeating-conic-gradient(from -1.5deg,#5a6078 0 3deg,#cfd4e2 3deg 30deg)}
.q-t-0000 i::before,.q-t-0000 i::after{background:#1c1830}
.q-t-0000 b{color:#e8ecf6}
.q-t-0000 small{color:#9aa4bf}
.q-arrow{color:rgba(200,210,235,.6);font-size:1.4rem;font-weight:700}
.quiet-copy .halloween-kicker{margin:0;color:#8f9bbd}
.quiet-copy h2{margin:10px 0 0;font-size:inherit;line-height:1.1}
.q-then{display:inline-block;color:rgba(214,222,245,.6);font-size:clamp(1.3rem,2.4vw,2rem);font-weight:700;letter-spacing:.12em}
.q-nov{display:inline-block;margin-top:.1em;color:#f2f4fa;font-size:clamp(2.6rem,6vw,6rem);font-weight:900;letter-spacing:.02em;text-shadow:0 4px 20px rgba(0,0,0,.5)}
.quiet-copy .q-note{margin:clamp(10px,1.2vw,16px) 0 clamp(24px,2.8vw,36px);color:#9aa4bf;font-size:clamp(.85rem,1vw,.95rem);font-weight:700;letter-spacing:.06em}
.q-photo{position:relative;width:min(92vw,1080px);margin:0 auto;padding:8px;background:#1a1d33;box-shadow:0 0 0 1px rgba(170,180,210,.22),0 20px 50px rgba(0,0,0,.55)}
.quiet-section .q-photo img{display:block;width:100%;height:auto;margin:0;box-shadow:none;transform:none;filter:saturate(.8) brightness(.92)}
.q-closed{position:absolute;z-index:3;top:7%;left:54%;display:flex;flex-direction:column;align-items:center;padding:clamp(8px,1vw,12px) clamp(14px,1.8vw,22px);border:3px solid #c8323a;border-radius:6px;background:rgba(250,248,240,.94);color:#c8323a;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,.4);transform:rotate(-7deg)}
.q-closed::before{content:"";position:absolute;top:calc(-1 * clamp(26px,3vw,40px));left:50%;width:clamp(50px,6vw,80px);height:clamp(26px,3vw,40px);border:2px solid rgba(60,60,70,.8);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateX(-50%)}
.q-closed span{font-size:clamp(.62rem,.9vw,.82rem);font-weight:900;letter-spacing:.18em}
.q-closed b{margin:4px 0;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:900;letter-spacing:.08em}
.q-closed span:last-child{color:#3a3a48;font-family:inherit;letter-spacing:.1em}
.q-web{top:-6px;left:-8px;width:clamp(64px,6vw,86px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");opacity:.5;filter:saturate(.3) brightness(.85)}
.q-pumpkin{right:clamp(-40px,-3vw,-26px);bottom:clamp(-30px,-2.2vw,-20px);width:clamp(90px,8.4vw,124px);aspect-ratio:395/228;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-sleepy.png");filter:saturate(.5) brightness(.75) drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.q-zzz{right:clamp(54px,6vw,90px);bottom:clamp(-12px,-.6vw,-4px);color:rgba(200,210,235,.5);font-size:clamp(.9rem,1.2vw,1.1rem);font-style:normal;font-weight:800;letter-spacing:.2em;line-height:1;transform:rotate(-10deg)}
.q-zzz span:nth-child(1){position:relative;top:-.5em;font-size:1.2em}
.q-zzz span:nth-child(2){position:relative;top:-1.1em;font-size:1.45em}
.q-board{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:0;width:fit-content;max-width:100%;margin:clamp(32px,3.4vw,44px) auto 0;padding:0;border:2px solid #2c3048;border-radius:6px;background:#06070f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.45)}
.q-board div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px clamp(20px,2.6vw,36px)}
.q-board div+div{border-left:1px dashed #2c3048}
.q-board dt{color:#8a90a8;font-size:.74rem;font-weight:700;letter-spacing:.14em}
.q-board dd{margin:0;color:#c9cede;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.q-board dd.q-hl{color:#ffb547;font-size:clamp(1.25rem,2vw,1.7rem);text-shadow:0 0 10px rgba(255,170,60,.55)}
@media(max-width:760px){
.quiet-section{padding:30px 0 16px}
.quiet-decor::after,.quiet-decor .qd-ghost{display:none}
.quiet-decor::before{top:20px;right:8%}
.q-time{gap:10px;margin-bottom:14px}
.q-t{column-gap:7px}
.q-t i{width:38px}
.q-t b{font-size:1.1rem}
.q-t small{font-size:.64rem}
.q-nov{font-size:clamp(2rem,9.4vw,2.8rem)}
.q-then{font-size:1.15rem}
.quiet-copy .q-note{margin:8px 0 20px;font-size:.8rem}
.q-photo{width:calc(100% + 8px);margin-left:-4px;padding:4px}
.q-photo .q-web{display:none}
.q-closed{top:6%;left:55%;padding:5px 8px;border-width:2px}
.q-closed::before{display:none}
.q-closed span{font-size:.48rem;letter-spacing:.12em}
.q-closed b{margin:2px 0;font-size:.95rem}
.q-pumpkin{right:-6px;bottom:-26px;width:72px}
.q-zzz{right:62px;bottom:-14px;font-size:.8rem}
.q-board{grid-template-columns:1fr;width:100%;max-width:330px;margin-top:30px}
.q-board div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:10px 16px}
.q-board div+div{border-left:0;border-top:1px dashed #2c3048}
.q-board dd.q-hl{font-size:1.2rem}
}

/* 364 days off: the Halloween venue has been shut for months. Nothing moves; only the CTA is still at work.
   State classes come from halloween-2026.js: .is-waking (Oct 30) and .is-awake (Oct 31). */
.punchline-section{overflow:hidden;padding:clamp(40px,4vw,60px) 0 clamp(80px,7vw,110px);background:radial-gradient(circle at 9% 8%,rgba(205,212,235,0.35) 0 1px,transparent 2px),radial-gradient(circle at 31% 4%,rgba(205,212,235,0.3) 0 0.8px,transparent 1.8px),radial-gradient(circle at 72% 6%,rgba(205,212,235,0.3) 0 0.9px,transparent 1.9px),radial-gradient(circle at 90% 12%,rgba(205,212,235,0.35) 0 1px,transparent 2px),linear-gradient(180deg,#0d112f 0,#0e1229 30%,#0d1024 62%,#0c0e20 100%)}
.punchline-section::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:14%;background:linear-gradient(90deg,#0d112d 0,#141838 30%,#2a2c59 50%,#141838 70%,#0d112d 100%);-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 100%);mask-image:linear-gradient(0deg,#000 0,transparent 100%);pointer-events:none}
.sleep-scene{position:absolute;inset:0;z-index:0;pointer-events:none}
.sleep-scene i,.sleep-photo i,.sleep-panel i{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;pointer-events:none;animation:none}
.ss-glow{inset:0;opacity:0;background:radial-gradient(ellipse 60% 40% at 50% 60%,rgba(255,140,60,.18),transparent 70%),radial-gradient(ellipse 40% 30% at 20% 85%,rgba(170,70,170,.16),transparent 70%)}
.ss-lanterns{top:58%;left:2%;width:clamp(260px,26vw,380px);aspect-ratio:530/80;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 530 80'><path d='M0 14Q90 46 180 52T360 50 530 16' fill='none' stroke='%2320243c' stroke-width='1.5'/><g transform='translate(40 30)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(130 44)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(220 50)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(310 46)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(400 36)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(490 24)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g></svg>");opacity:.9}
.ss-venue{left:clamp(1%,3vw,4%);bottom:clamp(40px,3.6vw,60px);width:clamp(260px,26vw,400px);aspect-ratio:520/200;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 200'><g fill='%23171b34'><path d='M40 200V120L130 40 220 120V200z'/><path d='M130 40V18' stroke='%23171b34' stroke-width='3'/><path d='M130 20l26 6-26 6z' fill='%232a2e48'/><path d='M260 200V110h170v90z'/><path d='M250 112h190l-12-26H262z'/></g><g fill='none' stroke='%23232846' stroke-width='3'><path d='M70 200V146M100 200V128M160 200V128M190 200V146'/><path d='M276 128h138M276 142h138M276 156h138M276 170h138M276 184h138'/></g><text x='345' y='104' text-anchor='middle' font-family='Arial,sans-serif' font-size='13' font-weight='700' fill='%234a5072' letter-spacing='2'>CLOSED</text></svg>")}
.ss-board{left:clamp(26%,28vw,30%);bottom:clamp(44px,4vw,64px);width:clamp(90px,9vw,130px);aspect-ratio:160/120;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'><g transform='rotate(-24 80 100)'><rect x='74' y='40' width='8' height='76' fill='%23171b34'/><rect x='20' y='20' width='120' height='44' rx='4' fill='%23171b34' stroke='%23232846' stroke-width='2'/><text x='80' y='48' text-anchor='middle' font-family='Arial,sans-serif' font-size='13' font-weight='700' fill='%233e4466'>HALLOWEEN →</text></g></svg>")}
.ss-lamp{left:clamp(36%,38vw,40%);bottom:clamp(50px,4.4vw,70px);width:clamp(26px,2.4vw,36px);aspect-ratio:60/260;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 260'><g fill='%23171b34'><rect x='27' y='40' width='6' height='220'/><path d='M14 44h32l-6-26H20z'/><rect x='24' y='8' width='12' height='12' rx='3'/></g><rect x='20' y='22' width='20' height='18' fill='%231e2240'/></svg>")}
.ss-tree{right:clamp(-30px,-1vw,-10px);bottom:clamp(40px,3.6vw,60px);width:clamp(150px,14vw,210px);aspect-ratio:220/360;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 360'><g fill='none' stroke='%23171b34' stroke-linecap='round'><path d='M110 360C116 290 98 240 118 180C130 140 120 100 140 60' stroke-width='16'/><path d='M118 220C150 196 176 194 206 170' stroke-width='8'/><path d='M114 180C84 156 62 150 30 150' stroke-width='7'/><path d='M130 120C160 100 172 80 200 70' stroke-width='5'/><path d='M136 80C130 50 140 30 152 10' stroke-width='5'/><path d='M36 150C26 130 30 116 18 100' stroke-width='4'/></g></svg>")}
.ss-treeweb{right:clamp(30px,3.6vw,56px);bottom:clamp(170px,15vw,230px);width:clamp(60px,5.6vw,84px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");filter:saturate(.2) brightness(.7);opacity:.7;transform:scaleX(-1)}
.ss-batcat{right:clamp(70px,7.4vw,110px);bottom:clamp(250px,22vw,330px);width:clamp(54px,4.8vw,70px);aspect-ratio:349/232;background-image:url("/assets/images/kodechan/stickers/halloween-2026/bat-cat.png");transform:rotate(180deg);filter:saturate(.25) brightness(.5)}
.ss-ground{left:0;right:0;bottom:0;height:clamp(80px,7vw,120px);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 140'><g fill='%23171b34'><path d='M0 140V80C300 60 600 92 1000 74S1700 60 2000 76V140z'/><path d='M300 84V55.0a11.0 11.0 0 0 1 22 0V84z'/><path d='M340 84V62.0a8.0 8.0 0 0 1 16 0V84z'/><path d='M1500 80V52.0a12.0 12.0 0 0 1 24 0V80z'/><path d='M1550 82V61.0a9.0 9.0 0 0 1 18 0V82z'/><path d='M1180 78V58.0a8.0 8.0 0 0 1 16 0V78z'/><rect x='820' y='46' width='4' height='34' rx='2'/><rect x='834' y='46' width='4' height='34' rx='2'/><rect x='848' y='46' width='4' height='34' rx='2'/><rect x='862' y='46' width='4' height='34' rx='2'/><rect x='876' y='46' width='4' height='34' rx='2'/><rect x='890' y='46' width='4' height='34' rx='2'/><rect x='904' y='46' width='4' height='34' rx='2'/><rect x='918' y='46' width='4' height='34' rx='2'/><rect x='932' y='46' width='4' height='34' rx='2'/><rect x='818' y='54' width='128' height='3'/><rect x='818' y='68' width='128' height='3'/><ellipse cx='1660' cy='72' rx='22' ry='17'/><path d='M1658 56c0-6 4-8 6-9' stroke='%23171b34' stroke-width='3' fill='none'/></g></svg>");background-size:100% 100%}
.punchline-section .punchline-copy{position:relative;z-index:2}
.sleep-photo{position:relative;width:min(92vw,1180px);margin:0 auto}
.punchline-section .sleep-photo img{display:block;width:100%;height:auto;margin:0;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(150,160,190,.16);transform:none;filter:saturate(.85) brightness(.95)}
.sp-dust{z-index:1;left:0;right:0;top:0;height:10%;background:linear-gradient(180deg,rgba(190,190,205,.16),transparent);mix-blend-mode:screen}
.sp-web{z-index:2;top:-14px;left:-18px;width:clamp(120px,13vw,190px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");filter:saturate(.25) brightness(.9);opacity:.85}
.sp-web2{z-index:2;bottom:-10px;right:-14px;width:clamp(80px,8vw,116px);aspect-ratio:284/317;background-image:url("/assets/images/kodechan/stickers/halloween-2026/spiderweb.png");filter:saturate(.25) brightness(.85);opacity:.65;transform:rotate(180deg)}
.sp-ghost{z-index:-1;top:38%;right:clamp(-34px,-2.4vw,-22px);width:clamp(48px,4.4vw,64px);aspect-ratio:304/383;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-peek.png");filter:saturate(.2) brightness(.7);opacity:.6}
.sp-leaves{z-index:2;left:8%;right:8%;bottom:-22px;height:28px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 40'><path transform='translate(20 28) rotate(30)' fill='%236e4a3a' fill-opacity='.55' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(90 20) rotate(-40)' fill='%235a3e34' fill-opacity='.55' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(180 30) rotate(70)' fill='%236e4a3a' fill-opacity='.55' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(420 26) rotate(-20)' fill='%235a3e34' fill-opacity='.55' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/><path transform='translate(520 30) rotate(40)' fill='%236e4a3a' fill-opacity='.55' d='M0 0C5-9 17-10 24-2C18 7 6 8 0 0Z'/></svg>");background-size:100% 100%}
.sp-pumpkin{z-index:3;left:clamp(-30px,-2vw,-18px);bottom:clamp(-30px,-2.2vw,-20px);width:clamp(96px,9vw,130px);aspect-ratio:395/228;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-sleepy.png");filter:saturate(.35) brightness(.7) drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.sp-zzz{z-index:3;left:clamp(80px,8vw,116px);bottom:clamp(44px,4vw,62px);color:rgba(190,198,222,.5);font-size:.7rem;font-style:normal;font-weight:800;letter-spacing:.2em;line-height:1;transform:rotate(-12deg)}
.sp-zzz span:nth-child(1){position:relative;top:-.5em;font-size:1.15em}
.sp-zzz span:nth-child(2){position:relative;top:-1em;font-size:1.3em}
.sp-candy{z-index:3;right:22%;bottom:clamp(-24px,-1.8vw,-16px);width:clamp(30px,2.8vw,40px);aspect-ratio:283/205;background-image:url("/assets/images/kodechan/stickers/halloween-2026/candy.png");transform:rotate(96deg);filter:saturate(.3) brightness(.7)}
/* the control panel of a machine that has been asleep for a very long time */
.sleep-panel{position:relative;width:min(100%,440px);margin:clamp(44px,4vw,56px) auto 0;padding:16px 22px 12px;border:1px solid #2a2e44;border-radius:8px;background:linear-gradient(180deg,#141726,#0c0e1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 4px #0b0c16,0 14px 30px rgba(0,0,0,.45);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.sp-screw,.sleep-panel::before,.sleep-panel::after{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a4e64,#20222e)}
.sleep-panel::before,.sleep-panel::after{content:"";position:absolute;top:8px}
.sleep-panel::before{left:8px}
.sleep-panel::after{right:8px}
.sleep-panel .sp-screw{bottom:8px;right:8px}
.sleep-status{display:grid;gap:0;margin:0;padding:0}
.sleep-status div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 4px}
.sleep-status div+div{border-top:1px dashed #252840}
.sleep-status dt{color:#5c627c;font-size:.7rem;font-weight:700;letter-spacing:.16em}
.sleep-status dd{display:flex;align-items:center;gap:8px;margin:0;color:#8e94ac;font-size:.98rem;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.sleep-status .ss-wake dd{color:#d6dbee;text-shadow:0 0 6px rgba(200,210,255,.25)}
.ss-dot{width:8px;height:8px;border-radius:50%;background:#4d5694;box-shadow:0 0 0 3px rgba(77,86,148,.16)}
.punchline-section .punchline-copy .sleep-plate{position:static;text-shadow:none;margin:8px 0 0;padding-top:6px;border-top:1px solid #1d2032;color:#4e546e;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-align:right}
.punchline-section .punchline-copy p:not(.sleep-plate):not(.sleep-note){margin-top:clamp(22px,2.2vw,30px);color:#c4c9dc;font-size:clamp(1rem,1.6vw,1.3rem);word-break:auto-phrase}
.punchline-section .punchline-copy .sleep-note{margin:6px 0 0;color:#5f6682;font-size:.74rem;letter-spacing:.08em}
.punchline-section .halloween-button{margin-top:22px}
/* Oct 30: the machine might be about to switch on. */
.is-waking .ss-lanterns{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 530 80'><path d='M0 14Q90 46 180 52T360 50 530 16' fill='none' stroke='%2320243c' stroke-width='1.5'/><g transform='translate(40 30)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(130 44)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(220 50)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(310 46)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(400 36)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g><g transform='translate(490 24)'><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%2322263e'/></g></svg>")}
.is-waking .ss-dot{background:#8a7cff;box-shadow:0 0 0 3px rgba(138,124,255,.22),0 0 8px rgba(138,124,255,.6)}
.is-waking .sleep-status div:first-child dd{color:#b7b0ff}
.is-waking .ss-batcat{filter:saturate(.45) brightness(.75)}
.punchline-section.is-waking .punchline-copy .sleep-note{color:#8a84c4}
/* Oct 31: everyone is up. Layout and the main image stay exactly the same. */
.is-awake .ss-glow{opacity:1}
.is-awake .ss-lanterns{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 530 80'><path d='M0 14Q90 46 180 52T360 50 530 16' fill='none' stroke='%2320243c' stroke-width='1.5'/><g transform='translate(40 30)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(130 44)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(220 50)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(310 46)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(400 36)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g><g transform='translate(490 24)'><circle cx='0' cy='9' r='13' fill='%23ffb547' fill-opacity='.18'/><path d='M0 -8V0' stroke='%2320243c' stroke-width='1.5'/><rect x='-7' y='0' width='14' height='18' rx='4' fill='%231a1d33' stroke='%232a2e48'/><rect x='-4' y='4' width='8' height='10' rx='2' fill='%23ffb547'/></g></svg>")}
.is-awake .ss-batcat{transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.is-awake .sp-web,.is-awake .sp-web2,.is-awake .ss-treeweb{opacity:.25}
.is-awake .sp-dust,.is-awake .sp-zzz{display:none}
.is-awake .sleep-photo img{filter:none}
.is-awake .sp-pumpkin{aspect-ratio:468/340;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-happy.png");filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.is-awake .sp-ghost{z-index:3;right:clamp(-40px,-3vw,-26px);top:30%;width:clamp(64px,6vw,86px);aspect-ratio:451/418;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-happy.png");filter:none;opacity:1}
.is-awake .sp-candy{filter:none}
.is-awake .sleep-panel{border-color:rgba(255,154,61,.5)}
.is-awake .ss-dot{background:#ff9a3d;box-shadow:0 0 0 3px rgba(255,154,61,.25),0 0 10px rgba(255,154,61,.8)}
.is-awake .sleep-status dd,.is-awake .sleep-status .ss-wake dd{color:#ffc278}
.punchline-section.is-awake .punchline-copy .sleep-note{color:#ffb06e}
@media(max-width:760px){
.punchline-section{padding:28px 0 96px}
.sleep-scene .ss-lanterns,.sleep-scene .ss-tree,.sleep-scene .ss-treeweb,.sleep-scene .ss-batcat,.sleep-scene .ss-board,.sleep-scene .ss-lamp{display:none}
.ss-venue{width:170px;bottom:22px;left:-24px}
.ss-ground{height:56px}
.sleep-photo{width:calc(100% + 8px);margin-left:-4px}
.sleep-photo .sp-web{top:-8px;left:-8px;width:76px}
.sleep-photo .sp-web2,.sleep-photo .sp-ghost,.sleep-photo .sp-leaves{display:none}
.sp-pumpkin{left:-6px;bottom:-24px;width:74px}
.sp-zzz{left:64px;bottom:24px;font-size:.62rem}
.sp-candy{right:14%;bottom:-16px;width:28px}
.sleep-panel{margin-top:38px;padding:14px 16px 10px}
.sleep-status dd{font-size:.92rem}
}

/* Oct 31 live mode (set by halloween-2026.js): the 23:59 clock becomes a real clock, the board counts down to midnight. */
.q-t-2359 i::before{transform:rotate(var(--hw-h,359.5deg))}
.q-t-2359 i::after{transform:rotate(var(--hw-m,354deg))}
.q-sec{display:none;position:absolute;left:50%;bottom:50%;width:1.5px;height:44%;margin-left:-.75px;border-radius:1px;background:#e0402e;transform-origin:50% 100%;transform:rotate(var(--hw-s,0deg))}
.is-live .q-sec{display:block}
.is-live .q-t-2359 b{min-width:5.4em;font-variant-numeric:tabular-nums}
.is-live .q-closed{display:none}
.q-left dd{font-variant-numeric:tabular-nums}
.is-live .q-left dd{color:#ffd9a0;font-size:clamp(1.25rem,2vw,1.7rem);text-shadow:0 0 10px rgba(255,190,110,.4)}
.is-final-hour .q-left dd{color:#fff2dc;text-shadow:0 0 14px rgba(255,210,150,.75)}
.is-final-hour .q-board{border-color:rgba(255,180,90,.45)}
.is-final-10 .q-left dd{color:#ff9a3d;text-shadow:0 0 16px rgba(255,140,50,.85)}
.is-final-60 .q-left dd{animation:hw-blink 1s steps(2,jump-none) infinite}
@keyframes hw-blink{0%{opacity:1}100%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.is-final-60 .q-left dd{animation:none}}
/* Oct 31: the headline steps back in the last hour so the countdown numbers lead. */
.is-final-hour .q-nov,.is-final-hour .q-then{opacity:.72}
.is-final-hour .q-note{opacity:.8}
.q-nov{word-break:auto-phrase}
@media(max-width:760px){.is-live .q-nov{font-size:clamp(1.6rem,8vw,2.4rem)}}
/* 06 CTA: the only thing in the dormant venue that is still (inexplicably) open for business. */
.punchline-section .punchline-copy .halloween-button{display:inline-flex;align-items:center;justify-content:center;min-width:320px;min-height:76px;margin-top:22px;padding:0 36px;font-size:1.3rem;letter-spacing:.03em;white-space:nowrap;box-shadow:0 14px 34px rgba(255,122,168,.38),0 0 26px rgba(255,140,80,.28)}
@media(max-width:760px){.punchline-section .punchline-copy .halloween-button{width:min(320px,calc(100% - 32px));min-width:0;min-height:66px;padding:0 20px;font-size:1.12rem}}

/* 07 epilogue: after the festival. Quiet, a little warm, nothing moves. The top colours match the bottom fade of 06. */
.epilogue-section{overflow:hidden;padding:clamp(48px,4.6vw,72px) 0 clamp(96px,8vw,124px);background:radial-gradient(ellipse 50% 160px at 50% 0,#2a2c58,rgba(42,44,88,0) 100%),linear-gradient(180deg,#0d112d 0,#0c1029 45%,#0a0e24 100%)}
.epilogue-section::before{content:"✦   ·   ✧   ·   ✦";margin-bottom:16px;color:rgba(255,226,180,.45);font-size:.9rem;letter-spacing:.8em}
.epilogue-section .halloween-kicker{margin:0 0 clamp(16px,1.8vw,24px);color:rgba(240,196,130,.8);font-size:.7rem}
.epilogue-section .visual-shell{position:relative;z-index:1}
.epilogue-section img{width:min(94vw,1360px);filter:drop-shadow(0 26px 44px rgba(0,0,0,.45))}
.epilogue-section h2{margin:clamp(40px,3.8vw,56px) 0 0;color:#f6e2b8;font-size:clamp(2rem,4vw,3.4rem);font-weight:700;letter-spacing:.06em;text-shadow:0 0 16px rgba(246,226,184,.18)}
.epi-next{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin:18px 0 0;color:rgba(214,206,190,.5);font-size:.74rem;letter-spacing:.12em}
.epi-days:empty{display:none}
.epi-decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.epi-decor i{position:absolute;display:block;background-repeat:no-repeat;background-size:contain}
.epi-bat{top:clamp(26px,2.6vw,40px);right:clamp(8%,12vw,15%);width:clamp(30px,2.6vw,38px);aspect-ratio:349/232;background-image:url("/assets/images/kodechan/stickers/halloween-2026/bat-cat.png");opacity:.4;filter:saturate(.3) brightness(.6);transform:rotate(-14deg)}
.epi-ghost{top:44%;left:0;width:clamp(40px,3.4vw,50px);aspect-ratio:304/383;background-image:url("/assets/images/kodechan/stickers/halloween-2026/ghost-peek.png");opacity:.5;filter:saturate(.3) brightness(.75);transform:translateX(-45%) scaleX(-1)}
.epi-pumpkin{right:clamp(4%,7vw,9%);bottom:clamp(20px,2vw,30px);width:clamp(70px,6vw,90px);aspect-ratio:395/228;background-image:url("/assets/images/kodechan/stickers/halloween-2026/pumpkin-sleepy.png");opacity:.75;filter:saturate(.5) brightness(.7)}
@media(max-width:760px){
.epilogue-section{padding:36px 0 84px}
.epilogue-section img{width:calc(100% + 12px);max-width:none;margin-left:-6px}
.epilogue-section h2{margin-top:30px;font-size:clamp(1.7rem,8vw,2.2rem);white-space:nowrap}
.epi-decor .epi-bat,.epi-decor .epi-ghost{display:none}
.epi-pumpkin{right:6%;bottom:16px;width:60px}
}