html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#182328}#app{position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}#scene:focus-visible{outline:2px solid #ffb45e;outline-offset:-3px}.halloween{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none;contain:layout style}.halloween *{pointer-events:none}.scenery{position:absolute;top:0;right:0;bottom:0;left:0}.sprite-defs{position:absolute;width:0;height:0}.edge-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0 95%,#ba522f40,transparent 38%),radial-gradient(ellipse at 100% 20%,#8f499637,transparent 38%),linear-gradient(90deg,#281d3555,transparent 30%,transparent 70%,#281d3555)}.sprite{position:absolute;display:block;overflow:visible;width:var(--size);height:auto;transform:rotate(var(--turn,0deg));transform-origin:50% 50%}.web{top:-2px;width:clamp(130px,21vw,330px)}.web-left{left:0}.web-right{right:0;transform:scaleX(-1)}.paper-moon{position:absolute;width:clamp(85px,10vw,150px);aspect-ratio:1;right:17%;top:5%;border-radius:50%;background:#f4dca0;box-shadow:0 0 45px #edb94d26,inset -14px -8px #d7ab6d;transform:rotate(-15deg)}.paper-moon i{position:absolute;border-radius:50%;background:#ca9b6c;opacity:.35;width:18%;height:18%;left:25%;top:23%}.paper-moon i:nth-child(2){width:28%;height:28%;left:45%;top:49%}.paper-moon i:nth-child(3){width:10%;height:10%;left:20%;top:63%}.pumpkin{width:clamp(65px,calc(var(--size)*1.35),280px);bottom:var(--bottom);z-index:var(--depth);filter:drop-shadow(0 5px 8px #160d2088) drop-shadow(0 0 13px #ed892c25)}.patch-0{left:var(--edge)}.patch-1{right:var(--edge);transform:rotate(calc(var(--turn)*-1))}.bat,.leaf,.spark,.spider,.ghost{top:var(--top)}.bat-0,.leaf-0,.spark-0,.spider-0,.ghost-0{left:var(--edge)}.bat-1,.leaf-1,.spark-1,.spider-1,.ghost-1{right:var(--edge)}.bat{filter:drop-shadow(0 5px 2px #0d0d1533)}.leaf{opacity:.8}.ghost{filter:drop-shadow(0 0 15px #cfacd72a)}.spark{opacity:.7}.original-thumb{position:absolute;z-index:2;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));width:83px;padding:5px 5px 7px;border:1px solid #c8ac8c;border-radius:5px;background:#eee3cc;color:#33233a;font:600 12px/1.3 system-ui;box-shadow:0 5px 20px #100c2060;cursor:zoom-in;transform:rotate(-4deg)}.original-thumb img{display:block;width:100%;height:90px;object-fit:contain;background:#d7cdbb}.original-thumb span{display:block;padding-top:5px}.original-thumb:focus-visible{outline:3px solid #ffd171;outline-offset:4px}.original-viewer{padding:0;border:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#151219f5;overflow:hidden}.original-viewer::backdrop{background:#151219}.original-viewer img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-out}.original-viewer button{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:46px;height:46px;border:1px solid #decdb5;border-radius:50%;background:#241c2ce6;color:#fff2da;font:30px/1 system-ui;cursor:pointer}.original-viewer button:focus-visible{outline:3px solid #ffc875;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.ghost{animation:haunt 6s ease-in-out infinite alternate;animation-delay:var(--delay)}.spider{transform-origin:50% 0;animation:dangle 7s ease-in-out infinite alternate;animation-delay:var(--delay)}.bat{animation:flutter 6s ease-in-out infinite alternate;animation-delay:var(--delay)}.spark{animation:twinkle 5s ease-in-out infinite alternate;animation-delay:var(--delay)}}@keyframes haunt{to{transform:translateY(-13px) rotate(calc(var(--turn) + 5deg))}}@keyframes dangle{to{transform:rotate(7deg)}}@keyframes flutter{to{transform:translateY(-7px) rotate(calc(var(--turn) + 6deg))}}@keyframes twinkle{to{opacity:.28}}@media(max-width:759px){.web{width:140px}.paper-moon{width:79px;right:8%;top:6%}.pumpkin{width:calc(var(--size)*.64);bottom:calc(var(--bottom)*.5)}.patch-0{left:calc(var(--edge)*.45 - 4%)}.patch-1{right:calc(var(--edge)*.45 - 4%)}.pumpkin:nth-of-type(8n){display:none}.bat{width:calc(var(--size)*.58)}.bat-0{left:calc(var(--edge)*.4)}.bat-1{right:calc(var(--edge)*.4)}.leaf{width:calc(var(--size)*.65);opacity:.75}.leaf-0{left:calc(var(--edge)*.36)}.leaf-1{right:calc(var(--edge)*.36)}.spark-0{left:calc(var(--edge)*.4)}.spark-1{right:calc(var(--edge)*.4)}.ghost{width:calc(var(--size)*.5)}.ghost-0{left:0%;top:40%}.ghost-1{right:0%;top:55%}.spider{width:calc(var(--size)*.65)}.spider-0{left:1%;top:17%}.spider-1{right:3%;top:20%}.original-thumb{left:12px;top:12px;width:56px;padding:4px 4px 5px;font-size:10px}.original-thumb img{height:61px}.original-thumb span{padding-top:3px}}@media(max-height:550px){.pumpkin{width:calc(var(--size)*.7)}.ghost{width:calc(var(--size)*.6)}.paper-moon{width:70px}.original-thumb{width:50px}.original-thumb img{height:54px}}html,body,#app{height:100dvh;overscroll-behavior:none}.original-viewer img{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 64px) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}@media(pointer:coarse){.original-thumb{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));min-width:50px;min-height:44px}.paper-moon{width:66px;top:2%;right:5%}.leaf:nth-of-type(3n),.spark:nth-of-type(2n),.bat:nth-of-type(3n){display:none}.pumpkin,.ghost,.bat{filter:none}.halloween{contain:layout style paint}}@media(pointer:coarse)and (orientation:landscape)and (max-height:550px){.web{width:150px}.bat{width:calc(var(--size)*.65)}.leaf{width:calc(var(--size)*.7)}.ghost{width:calc(var(--size)*.5)}.pumpkin{width:calc(var(--size)*.67)}.paper-moon{right:10%;top:5%}.spider{width:40px}.original-thumb{width:50px;padding:4px;font-size:10px}.original-thumb img{height:54px}}body:has(dialog[open]) .halloween *,html.page-hidden .halloween *{animation-play-state:paused}