html:has(.hw-page){--background:#2f2346;--foreground:#f6f1ff;--muted:#cbbfe6;--surface:#45346a;--soft:#3a2c58;--line:#ffffff21;--accent:#f28a30;--accent-soft:#55427f;--hw-night:#1c1430;--hw-well:#33264f;--hw-orange:#f28a30;--hw-orange-text:#ffa552;--hw-flag-purple:#7a55b8;--hw-flag-yellow:#f3c55b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:400;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-400-latin.woff2)format("woff2");unicode-range:U+0-24F,U+2000-206F,U+2190-21FF,U+2700-27BF}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:400;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-400-kr.woff2)format("woff2");unicode-range:U+AC00-D7A3,U+3130-318F}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:700;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-700-latin.woff2)format("woff2");unicode-range:U+0-24F,U+2000-206F,U+2190-21FF,U+2700-27BF}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:700;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-700-kr.woff2)format("woff2");unicode-range:U+AC00-D7A3,U+3130-318F}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:800;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-800-latin.woff2)format("woff2");unicode-range:U+0-24F,U+2000-206F,U+2190-21FF,U+2700-27BF}@font-face{font-family:Pretendard Event;font-style:normal;font-weight:800;font-display:swap;src:url(/images/events/halloween-2026/fonts/pretendard-800-kr.woff2)format("woff2");unicode-range:U+AC00-D7A3,U+3130-318F}html:has(.hw-page) body{font-family:Pretendard Event,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif}html[lang=ja]:has(.hw-page) body{font-family:Pretendard Event,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}html[lang=zh-Hans]:has(.hw-page) body{font-family:Pretendard Event,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}html[lang=zh-Hant]:has(.hw-page) body{font-family:Pretendard Event,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}html:has(.hw-page) .theme-toggle{display:none}html:has(.hw-page) ::selection{color:#2f2346;background:#f28a30}html:has(.hw-page) .site-footer{background:var(--hw-night);border-top:0}.hw-page{isolation:isolate;background:radial-gradient(70% 620px at 50% -120px,#f28a3030,#0000 72%),linear-gradient(#2f2346 0,#2a1f40 1400px,#2f2346 2600px,#2a1f40 100%);position:relative;overflow-x:clip}.hw-page:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='24' cy='40' r='1' opacity='.5'/%3E%3Ccircle cx='130' cy='16' r='1.4' opacity='.7'/%3E%3Ccircle cx='230' cy='74' r='.9' opacity='.4'/%3E%3Ccircle cx='330' cy='30' r='1.2' opacity='.6'/%3E%3Ccircle cx='66' cy='160' r='1.1' opacity='.45'/%3E%3Ccircle cx='186' cy='140' r='.8' opacity='.35'/%3E%3Ccircle cx='296' cy='196' r='1.5' opacity='.55'/%3E%3Ccircle cx='34' cy='276' r='1.2' opacity='.5'/%3E%3Ccircle cx='156' cy='252' r='1' opacity='.4'/%3E%3Ccircle cx='246' cy='320' r='1.1' opacity='.5'/%3E%3Ccircle cx='340' cy='290' r='.8' opacity='.35'/%3E%3Ccircle cx='100' cy='336' r='.9' opacity='.4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='24' cy='40' r='1' opacity='.5'/%3E%3Ccircle cx='130' cy='16' r='1.4' opacity='.7'/%3E%3Ccircle cx='230' cy='74' r='.9' opacity='.4'/%3E%3Ccircle cx='330' cy='30' r='1.2' opacity='.6'/%3E%3Ccircle cx='66' cy='160' r='1.1' opacity='.45'/%3E%3Ccircle cx='186' cy='140' r='.8' opacity='.35'/%3E%3Ccircle cx='296' cy='196' r='1.5' opacity='.55'/%3E%3Ccircle cx='34' cy='276' r='1.2' opacity='.5'/%3E%3Ccircle cx='156' cy='252' r='1' opacity='.4'/%3E%3Ccircle cx='246' cy='320' r='1.1' opacity='.5'/%3E%3Ccircle cx='340' cy='290' r='.8' opacity='.35'/%3E%3Ccircle cx='100' cy='336' r='.9' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0,173px 97px;background-size:360px 360px,530px 530px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000 70%,#0000);mask-image:linear-gradient(#000,#000 70%,#0000)}.hw-page :is(h1,h2,h3,h4,p,dt,dd),.hw-page:lang(ja) :is(h1,h2,h3,h4,p,dt,dd,.hw-caption){word-break:keep-all;overflow-wrap:anywhere}.hw-page:is(:lang(zh-Hans),:lang(zh-Hant)) :is(h1,h2,h3,h4,p,dt,dd){word-break:normal}.hw-page :is(.hw-period dd,.hw-download-period){word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.hw-lead,.hw-story{text-wrap:pretty}@media (min-width:801px){.hw-sentence{display:block}.hw-lead,.hw-story{text-wrap:balance}}.hw-eyebrow{color:var(--hw-orange-text);letter-spacing:.03em;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:inline-flex}.hw-eyebrow:before,.hw-eyebrow:after{content:"✦";opacity:.8;font-size:10px}.hw-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.6}.hw-page .store-links .store-link{background:var(--hw-orange);color:#2a1d40;border:1px solid #0000;box-shadow:0 10px 26px -10px #f28a30aa}.hw-page .store-links .store-link:hover{background:#ff9d4a}.hw-garland{opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='40'%3E%3Cpath d='M0 3Q75 15 150 3' fill='none' stroke='%23cbbfe6' stroke-opacity='.45' stroke-width='1.5'/%3E%3Cpath d='M8 5l34 3-16 26z' fill='%237a55b8'/%3E%3Cpath d='M58 9h34L75 36z' fill='%23f3c55b'/%3E%3Cpath d='M108 8l34-3-18 29z' fill='%23f28a30'/%3E%3C/svg%3E") top/150px 40px repeat-x;height:40px}.hw-hero{padding:36px 0 76px;position:relative}.hw-window{background:linear-gradient(#6a5296,#45346a 60%);border-radius:50% 50% 22px 22px/150px 150px 22px 22px;width:min(1320px,100% - 80px);margin:0 auto;padding:12px 12px 0;position:relative;box-shadow:0 40px 90px -30px #f28a3055,inset 0 0 0 1px #ffffff1a}.hw-window:after{content:"";background:linear-gradient(#6a5296,#4a3870);border-radius:8px;height:18px;position:absolute;bottom:-16px;left:-18px;right:-18px;box-shadow:0 12px 24px -8px #0008}.hw-stage{background:#3b2b55;border-radius:50% 50% 12px 12px/140px 140px 12px 12px;height:clamp(320px,58vh,580px);position:relative;overflow:hidden}.hw-stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000004d,inset 0 -60px 60px -40px #1c143099}.hw-stage-poster,.hw-stage-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hw-stage-video{opacity:0;transition:opacity .4s}.hw-stage-video[data-playing=true]{opacity:1}.hw-bat{z-index:2;fill:#140d21;filter:drop-shadow(0 0 1.5px #ffb36b99)drop-shadow(0 6px 8px #0008);animation:3.4s ease-in-out infinite alternate hw-bat;position:absolute}.hw-bat-one{width:86px;top:-18px;left:7%}.hw-bat-two{width:58px;animation-duration:2.8s;animation-delay:-.8s;top:34px;right:-26px}.hw-bat-three{width:40px;animation-duration:3.1s;animation-delay:-1.6s;top:-30px;right:21%}@keyframes hw-bat{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-10px)rotate(5deg)}}.hw-hero-copy{text-align:center;max-width:780px;margin-top:56px;position:relative}.hw-hero h1{letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 24px #f28a3026;margin:0 0 20px;font-size:clamp(36px,4.2vw,54px);font-weight:800;line-height:1.22}.hw-lead{max-width:34em;color:var(--muted);text-wrap:pretty;margin:0 auto 30px;font-size:17px;line-height:1.85}.hw-period{background:linear-gradient(#45304e,#3a2a4c);border:1px solid #f28a3059;border-radius:16px;margin:0 0 32px;padding:14px 26px 16px;display:inline-block;position:relative}.hw-period dt{color:var(--hw-orange-text);font-size:13px;font-weight:700;line-height:1.6}.hw-period dd{margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.65}.hw-hero .store-links{justify-content:center}.hw-jump{flex-wrap:wrap;justify-content:center;column-gap:28px;margin-top:18px;display:flex}.hw-jump a{align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.hw-jump a:hover{color:var(--hw-orange-text)}.hw-section{padding:24px 0 88px;position:relative}.hw-section>.hw-garland{margin-bottom:56px}.hw-heading{text-align:center;margin-bottom:40px}.hw-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.3}.hw-story{max-width:36em;color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.85}.hw-heading .hw-story{margin-inline:auto}.hw-character-ghost{--hw-tint:#f3e3c3}.hw-character-dracula{--hw-tint:#e8564a}.hw-character-candy{--hw-tint:#ef7fb4}.hw-characters{gap:28px;display:grid}.hw-character{background:radial-gradient(circle at 12% 30%,color-mix(in srgb,var(--hw-tint)16%,transparent),transparent 46%),linear-gradient(150deg,#4b3a75,#382a58);border:1px solid #ffffff14;border-radius:32px;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:48px;padding:38px 48px 40px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #0009}.hw-character:nth-child(2n){background:radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--hw-tint)16%,transparent),transparent 46%),linear-gradient(210deg,#4b3a75,#382a58);grid-template-columns:minmax(0,1fr) 300px;padding:38px 38px 40px 48px}.hw-character:nth-child(2n) .hw-portrait{order:2}.hw-portrait{aspect-ratio:600/648;box-shadow:0 0 0 3px color-mix(in srgb,var(--hw-tint)75%,transparent),0 22px 50px -16px color-mix(in srgb,var(--hw-tint)40%,transparent);background:#3b2b55;border-radius:26px;overflow:hidden;transform:rotate(-2deg)}.hw-character:nth-child(2n) .hw-portrait{transform:rotate(2deg)}.hw-portrait img{object-fit:cover;width:100%;height:100%;display:block}.hw-character h3{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:800;line-height:1.3}.hw-character h3:after{content:"";background:var(--hw-tint);border-radius:2px;width:40px;height:4px;margin-top:12px;display:block}.hw-subtitle{color:var(--hw-orange-text);letter-spacing:.02em;margin:28px 0 12px;font-size:13px;font-weight:700}.hw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.hw-grid>li{min-width:0}.hw-tile{aspect-ratio:1;background:linear-gradient(#fafafa,#eee);border-radius:18px;padding:12%;display:block;overflow:hidden;box-shadow:0 8px 18px -10px #000a}.hw-tile img{object-fit:contain;width:100%;height:100%;display:block}.hw-tile-full{padding:0}.hw-tile-full img{object-fit:cover}.hw-pose-frame{aspect-ratio:1;background:radial-gradient(circle at 50% 70%,#ffffff12,transparent 70%),var(--hw-well);border-radius:18px;padding:12% 8% 8%;display:block;box-shadow:inset 0 0 0 1px #ffffff0f}.hw-pose-frame img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;display:block}.hw-caption{text-align:center;overflow-wrap:break-word;margin-top:8px;font-size:12px;font-weight:400;line-height:1.45;display:block}.hw-caption-muted{color:var(--muted);font-weight:400}.hw-theme-story{max-width:40em}.hw-room{--room-min-h:0px;width:min(1320px,100% - 80px);margin:0 auto}.hw-room-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:#45346a;border:10px solid #45346a;border-radius:30px;overflow:auto hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px -36px #f28a3040}.hw-room-viewport:focus-visible{outline-offset:3px}.hw-room-stage{width:max(100%,calc(var(--room-min-h)*1600/851));aspect-ratio:1600/851;background:#3b2b55;border-radius:20px;position:relative;overflow:hidden}.hw-room-stage img{max-width:none;display:block;position:absolute}.hw-room-base{width:100%;height:100%;inset:0}.hw-room[data-phase=ready] .hw-piece{opacity:0}.hw-room[data-phase=play] .hw-piece{animation:.45s cubic-bezier(.34,1.56,.64,1) both hw-memo-in}.hw-room[data-phase=play] .hw-piece-book{transform-origin:50% 100%;animation-name:hw-book-in;animation-timing-function:cubic-bezier(.22,.8,.3,1)}@keyframes hw-book-in{0%{opacity:0;transform:translateY(-28%)scale(.92)}to{opacity:1;transform:none}}@keyframes hw-memo-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.hw-room-bar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:12px;padding-inline:4px;display:flex}.hw-pan-hint{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.hw-room[data-pannable=false] .hw-pan-hint{visibility:hidden}.hw-replay{min-height:44px;color:var(--foreground);background:#f28a301f;border:1px solid #f28a3066;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 18px;font-size:13px;font-weight:700;transition:background .2s,opacity .2s;display:inline-flex}.hw-replay svg{width:17px;height:17px;color:var(--hw-orange-text)}.hw-replay:hover{background:#f28a3038}.hw-replay:disabled{visibility:hidden}.hw-download{text-align:center;background:linear-gradient(#0000 0,#36285a 40%,#573b6e 72%,#8a4d62 92%,#9a5560 100%);padding-top:72px;position:relative}.hw-download .page-width{z-index:1;position:relative}.hw-download .page-width>img{border-radius:18px;margin:0 auto 22px;display:block;transform:rotate(-6deg);box-shadow:0 14px 30px -12px #000a}.hw-download h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.35}.hw-download-period{max-width:34em;color:var(--muted);margin:14px auto 28px;font-size:14px;line-height:1.7}.hw-download .store-links{justify-content:center}.hw-skyline{height:clamp(180px,17vw,300px);margin:40px 0 -1px;position:relative}.hw-skyline svg{display:block;position:absolute;bottom:0;overflow:visible}.hw-skyline-hill{width:100%;height:38%;fill:var(--hw-night);left:0}.hw-skyline-castle{aspect-ratio:640/300;height:100%;left:50%;transform:translate(-50%)}.hw-skyline-moon{fill:#ffc77d}.hw-skyline-castle-body{fill:var(--hw-night)}.hw-skyline-lights{fill:#f6a04a;filter:drop-shadow(0 0 6px #f28a30)}.hw-nav{z-index:30;transition:opacity .25s,transform .25s,visibility;position:fixed}.hw-nav[data-shown=false]{opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}.hw-nav ol{margin:0;padding:0;list-style:none;display:flex}.hw-nav-link{justify-content:center;align-items:center;display:flex;position:relative}.hw-nav-dot{background:#3b2b58;border-radius:50%;place-items:center;width:44px;height:44px;transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden;box-shadow:0 0 0 2px #ffffff26,0 6px 14px -6px #000c}.hw-nav-dot img{object-fit:cover;width:100%;height:100%;display:block}.hw-nav-icon{background:#f6f1ff;padding:6px}.hw-nav-icon img{border-radius:8px}.hw-nav-top{background:var(--hw-orange);color:#2a1d40}.hw-nav-top svg{width:22px;height:22px}.hw-nav-link:hover .hw-nav-dot,.hw-nav-link:focus-visible .hw-nav-dot{transform:scale(1.08)}.hw-nav-link[aria-current] .hw-nav-dot{box-shadow:0 0 0 3px var(--hw-orange),0 0 18px #f28a3080}.hw-nav-label{color:var(--foreground);white-space:nowrap;opacity:0;pointer-events:none;background:#1c1430e6;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(6px,-50%);box-shadow:0 6px 16px -8px #000}.hw-nav-link:hover .hw-nav-label,.hw-nav-link:focus-visible .hw-nav-label,.hw-nav-link[aria-current] .hw-nav-label{opacity:1;transform:translateY(-50%)}.hw-nav-link[aria-current] .hw-nav-label{color:var(--hw-orange-text)}.hw-nav-link:focus-visible{outline:none}.hw-nav-link:focus-visible .hw-nav-dot{box-shadow:0 0 0 3px var(--foreground)}@media (min-width:1300px){.hw-nav{top:50%;right:22px;transform:translateY(-50%)}.hw-nav[data-shown=false]{transform:translate(12px,-50%)}.hw-nav ol{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c143099;border-radius:999px;flex-direction:column;gap:12px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff14}}@media (max-width:1299px){.hw-nav{left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%)}.hw-nav[data-shown=false]{transform:translate(-50%,16px)}.hw-nav ol{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1430d9;border-radius:999px;gap:10px;padding:7px 10px;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 30px -10px #000}.hw-nav-dot{width:40px;height:40px}.hw-nav-label{clip:rect(0 0 0 0);white-space:nowrap;opacity:1;width:1px;height:1px;padding:0;position:absolute;overflow:hidden;transform:none}html:has(.hw-nav) .site-footer{padding-bottom:96px}}@media (max-width:1050px){.hw-character,.hw-character:nth-child(2n){grid-template-columns:230px minmax(0,1fr);gap:34px;padding:32px 34px}.hw-character:nth-child(2n){grid-template-columns:minmax(0,1fr) 230px}}@media (max-width:800px){.hw-hero{padding-top:26px}.hw-window{border-radius:50% 50% 16px 16px/70px 70px 16px 16px;width:calc(100% - 32px);padding:8px 8px 0}.hw-window:after{height:14px;bottom:-12px;left:-10px;right:-10px}.hw-stage{aspect-ratio:4/3;border-radius:50% 50% 10px 10px/64px 64px 10px 10px;height:auto}.hw-bat-one{width:58px;top:-14px;left:4%}.hw-bat-two{width:40px;top:18px;right:-10px}.hw-bat-three{width:30px;top:-22px;right:24%}.hw-hero{padding-bottom:56px}.hw-hero-copy{margin-top:40px}.hw-section{padding-bottom:64px}.hw-section>.hw-garland{margin-bottom:40px}.hw-character,.hw-character:nth-child(2n){text-align:center;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--hw-tint)16%,transparent),transparent 46%),linear-gradient(170deg,#4b3a75,#382a58);grid-template-columns:minmax(0,1fr);gap:10px;padding:30px 22px}.hw-character:nth-child(2n) .hw-portrait{order:0}.hw-portrait{width:min(100%,240px);margin:0 auto 18px}.hw-character h3:after,.hw-grid{margin-inline:auto}.hw-room{--room-min-h:380px;width:100%}.hw-room-viewport{border-width:8px 0;border-radius:0}.hw-room-stage{border-radius:0}.hw-room-bar{width:calc(100% - 48px);margin-inline:auto;padding:0}}@media (max-width:500px){.hw-hero h1{font-size:31px}.hw-lead{font-size:15px}.hw-period{padding:12px 18px 14px}.hw-period dd{font-size:15px}.hw-character,.hw-character:nth-child(2n){border-radius:26px;padding:26px 16px 28px}.hw-character h3{font-size:25px}.hw-grid{gap:10px}.hw-tile,.hw-pose-frame{border-radius:14px}.hw-caption{letter-spacing:-.01em;margin-inline:-4px;font-size:11px}.hw-room-bar{width:calc(100% - 40px)}}
