.htt{--htt-night: #1d1233;--htt-dusk: #3b2560;--htt-violet: #6b4aa6;--htt-plum: #2a1c3f;--htt-pumpkin: #ff8a1e;--htt-pumpkin-hi: #ffb35c;--htt-pumpkin-deep: #c25e0c;--htt-slime: #8be04a;--htt-slime-hi: #c8ff7a;--htt-candy: #ff7ab6;--htt-bone: #f3ecdc;--htt-bone-dim: rgba(243, 236, 220, .78);--htt-bone-faint: rgba(243, 236, 220, .5);--htt-paper: #f6efe2;--htt-paper-2: #ece2cd;--htt-ink: #2a1c3f;--htt-dim: #6a5a7e;--htt-line: rgba(42, 28, 63, .16);--htt-display: "Mystery Quest", "Chalkduster", "Comic Sans MS", cursive;--htt-hand: "Gaegu", "Comic Sans MS", cursive;--htt-body: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;--htt-safe-t: env(safe-area-inset-top, 0px);--htt-safe-r: env(safe-area-inset-right, 0px);--htt-safe-b: env(safe-area-inset-bottom, 0px);--htt-safe-l: env(safe-area-inset-left, 0px);--htt-pad: max(16px, var(--htt-safe-l));margin:0;min-height:100vh;background:var(--htt-paper);color:var(--htt-ink);font:500 16px/1.55 var(--htt-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.htt *,.htt *:before,.htt *:after{box-sizing:border-box}html.htt-locked,html.htt-locked body{overflow:hidden}.htt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.htt-defs{position:absolute;width:0;height:0;overflow:hidden}.htt-stage{--htt-moon: 92px;position:relative;overflow:hidden;isolation:isolate;color:var(--htt-bone);background:linear-gradient(180deg,#160d28 0%,var(--htt-night) 28%,var(--htt-dusk) 56%,#6e3a72 74%,#b4524f 92%,#e07a48 100%);padding:0 max(16px,var(--htt-safe-r)) 40px max(16px,var(--htt-safe-l))}.htt-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.htt-stars{position:absolute;top:0;right:0;bottom:45%;left:0;background:radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 28% 8%,#ffe9b8 0 1.2px,transparent 2px),radial-gradient(circle at 46% 22%,#fff 0 .9px,transparent 1.5px),radial-gradient(circle at 63% 12%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 82% 30%,#ffe9b8 0 1px,transparent 1.7px),radial-gradient(circle at 92% 6%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 6% 40%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 38% 44%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 72% 50%,#fff 0 .8px,transparent 1.4px);animation:htt-twinkle 5s ease-in-out infinite alternate}@keyframes htt-twinkle{0%{opacity:.65}to{opacity:1}}.htt-moon{position:absolute;top:calc(var(--htt-safe-t) + 112px);right:6%;width:var(--htt-moon);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 62%,rgba(201,160,90,.35) 0 9%,transparent 10%),radial-gradient(circle at 62% 30%,rgba(201,160,90,.3) 0 7%,transparent 8%),radial-gradient(circle at 70% 70%,rgba(201,160,90,.28) 0 5%,transparent 6%),radial-gradient(circle at 38% 34%,#fffbea,#ffe9a8 55%,#e8c46a);box-shadow:0 0 40px 8px #ffe7a659,0 0 120px 30px #ffbe7829;display:grid;place-items:center;transition:transform .9s cubic-bezier(.3,.8,.3,1)}.htt-moon-name{width:74%;text-align:center;font:400 calc(var(--htt-moon) * .16)/1.02 var(--htt-display);color:var(--htt-dusk);opacity:0;transform:scale(.85);transition:opacity .6s ease 1.2s,transform .6s ease 1.2s}.htt-cloud{position:absolute;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,#cdb4e652,#cdb4e600 70%);filter:blur(2px);animation:htt-drift 38s linear infinite}.htt-cloud-a{top:16%;left:-30%;width:60%}.htt-cloud-b{top:30%;left:-40%;width:45%;animation-duration:52s;animation-delay:-20s}@keyframes htt-drift{to{transform:translate(220%)}}.htt-flyby{position:absolute;top:calc(var(--htt-safe-t) + 130px);left:0;right:0;height:60px}.htt-flyby i{position:absolute;left:-40px;top:10px;width:22px;height:11px;background:#160d28;clip-path:polygon(50% 45%,38% 10%,18% 0,0 30%,14% 34%,16% 60%,30% 56%,40% 80%,50% 64%,60% 80%,70% 56%,84% 60%,86% 34%,100% 30%,82% 0,62% 10%);animation:htt-flyby 16s linear infinite,htt-flap .28s ease-in-out infinite alternate}.htt-flyby i:nth-child(2){top:26px;width:16px;height:8px;animation-delay:-1.2s,0s}.htt-flyby i:nth-child(3){top:0;width:13px;height:7px;animation-delay:-2s,-.1s}@keyframes htt-flyby{0%,62%{transform:translate(0)}to{transform:translate(calc(100vw + 80px),-30px)}}@keyframes htt-flap{0%{scale:1 1}to{scale:1 .45}}.htt-skyline{position:absolute;z-index:0;pointer-events:none;left:calc(-1 * var(--htt-pad) - 40px);right:calc(-1 * var(--htt-pad) - 40px);bottom:calc(var(--htt-hw, 200px) * .14);height:52%;width:calc(100% + 2 * var(--htt-pad) + 80px);transform:translate(calc(var(--htt-pan, 0) * -40px));transition:transform .9s cubic-bezier(.3,.7,.3,1)}.htt-bar{grid-area:bar;position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:calc(var(--htt-safe-t) + 12px)}.htt-back,.htt-skip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px;text-decoration:none;font:700 12.5px/1 var(--htt-body);letter-spacing:.02em;color:var(--htt-bone);background:#160d288c;border:1px solid rgba(243,236,220,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.htt-back span{font-size:18px;line-height:0;margin-top:-2px}.htt-skip{border-color:#8be04a99}.htt-back:hover,.htt-skip:hover{border-color:var(--htt-slime);color:var(--htt-slime-hi)}.htt-head{grid-area:head;position:relative;z-index:5;padding-top:22px;text-align:center;text-shadow:0 2px 16px rgba(10,4,20,.7);transition:opacity .6s ease}.htt-kicker{margin:0 0 4px;font:700 12px/1.3 var(--htt-body);letter-spacing:.14em;text-transform:uppercase;color:var(--htt-bone-dim)}.htt-title{margin:0;font:400 clamp(40px,12vw,84px)/1 var(--htt-display);color:var(--htt-pumpkin-hi);text-shadow:0 3px 0 #5a1f06,0 0 22px rgba(255,138,30,.45);letter-spacing:.01em}.htt-lede{margin:10px auto 0;max-width:34ch;font-size:clamp(15px,4vw,18px);color:var(--htt-bone-dim)}.htt-scene{grid-area:scene;position:relative;min-height:0}.htt-ground{position:absolute;z-index:1;pointer-events:none;left:calc(-1 * var(--htt-pad));right:calc(-1 * var(--htt-pad));bottom:0;height:calc(var(--htt-hw, 200px) * .2);background:linear-gradient(180deg,#3a2a52 0 6px,#2a1c3f 6px 9px,transparent 9px),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 46px),linear-gradient(180deg,#33244b,#1b1129)}.htt-fog{position:absolute;left:-20%;right:-20%;bottom:40%;height:140%;background:radial-gradient(ellipse 30% 50% at 30% 60%,rgba(200,185,235,.2),transparent 70%),radial-gradient(ellipse 28% 45% at 75% 50%,rgba(200,185,235,.16),transparent 70%);animation:htt-fog 18s ease-in-out infinite alternate}.htt-fog-b{bottom:10%;animation-duration:24s;animation-direction:alternate-reverse;opacity:.8}@keyframes htt-fog{0%{transform:translate(-6%)}to{transform:translate(6%)}}.htt-street{position:absolute;z-index:2;left:0;bottom:calc(var(--htt-hw, 200px) * .11);display:flex;align-items:flex-end;gap:var(--htt-gap, 40px);transition:transform .6s cubic-bezier(.3,.7,.3,1);will-change:transform}.htt-street.is-instant{transition:none}.htt-house{position:relative;flex:none;width:var(--htt-hw, 200px);aspect-ratio:300 / 360;transform-origin:50% 100%;transition:transform .5s ease,filter .5s ease}.htt-motion .htt-house:not(.is-here){transform:scale(.9);filter:brightness(.62) saturate(.8);cursor:pointer}.htt-house-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.htt-doorhole,.htt-door{position:absolute;left:38.333%;top:63.333%;width:23.333%;height:31.111%}.htt-doorhole{overflow:hidden;z-index:1}.htt-house[data-door=arch] .htt-doorhole,.htt-house[data-door=arch] .htt-door,.htt-house[data-door=gate] .htt-doorhole,.htt-house[data-door=gate] .htt-door{border-radius:50% 50% 0 0/31.82% 31.82% 0 0}.htt-monster{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(102%);transition:transform .55s cubic-bezier(.3,1.6,.5,1) .3s}.htt-monster svg{display:block;width:100%;height:100%}.htt-house.is-open .htt-monster{transform:translateY(3%);animation:htt-bob 2.4s ease-in-out 1s infinite}.htt-house.is-boo .htt-monster{transform:translateY(-2%) scale(1.12);transition-delay:.05s;transition-duration:.25s;animation:none}@keyframes htt-bob{50%{translate:0 -3%}}.htt-door{z-index:2;padding:0;margin:0;cursor:pointer;border:2px solid #1d1009;transform-origin:0 50%;transition:transform .7s cubic-bezier(.35,1.35,.45,1),filter .7s ease,clip-path .7s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;backface-visibility:visible;box-shadow:inset 0 0 0 1px #ffffff0f,inset -6px 0 10px #00000040}.htt-knob{position:absolute;right:12%;top:58%;width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#c9a35a 60%,#6a4a1a)}.htt-house[data-i="0"] .htt-door{background:linear-gradient(90deg,rgba(0,0,0,.28) 0 1.5px,transparent 1.5px) 0 0 / 25% 100%,linear-gradient(180deg,#6a4a7e,#4a3260)}.htt-house[data-i="1"] .htt-door{background:linear-gradient(90deg,rgba(0,0,0,.25) 0 1.5px,transparent 1.5px) 0 0 / 33.3% 100%,linear-gradient(#2a1810,#2a1810) 0 30% / 100% 4px no-repeat,linear-gradient(#2a1810,#2a1810) 0 72% / 100% 4px no-repeat,linear-gradient(180deg,#4f7a3c,#33552a)}.htt-house[data-i="2"] .htt-door{border-color:#4a3418;background:radial-gradient(circle at 50% 30%,#3e2c18 0 8%,transparent 9%),linear-gradient(90deg,transparent 46%,rgba(62,44,24,.55) 46% 54%,transparent 54%) 0 40% / 100% 30% no-repeat,repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 16px),linear-gradient(180deg,#c49a5e,#9a7646);transform-origin:50% 50%}.htt-house[data-i="2"] .htt-knob{display:none}.htt-house[data-i="3"] .htt-door{border:3px solid #120e1a;background:repeating-linear-gradient(90deg,#17121f 0 4px,transparent 4px 13px),linear-gradient(#17121f,#17121f) 0 34% / 100% 4px no-repeat,linear-gradient(#17121f,#17121f) 0 78% / 100% 4px no-repeat,radial-gradient(circle at 50% 60%,#b4323f59,#0d0716e6 70%)}.htt-house[data-i="3"] .htt-knob{background:radial-gradient(circle at 35% 35%,#e8e4f0,#8a8296 60%,#2a2434)}.htt-house[data-i="4"] .htt-door{background:radial-gradient(circle at 50% 24%,#ffe7a6 0 11%,#5a3443 11.5% 14%,transparent 14.5%),linear-gradient(90deg,rgba(0,0,0,.2) 0 1.5px,transparent 1.5px) 0 0 / 50% 100%,linear-gradient(180deg,#d0542a,#a63c1c)}.htt-wreath{position:absolute;left:50%;top:22%;width:54%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,transparent 0 46%,#c25e0c 47% 58%,#8a3a14 59% 66%,transparent 67%),conic-gradient(from 0deg,#ffb04d 0,#ffb04d 20%,#c2410f 20%,#c2410f 40%,#e0a83a 40%,#e0a83a 60%,#8a3a14 60%,#8a3a14 80%,#ff8a1e 80%);-webkit-mask:radial-gradient(circle,transparent 0 46%,#000 47% 66%,transparent 67%);mask:radial-gradient(circle,transparent 0 46%,#000 47% 66%,transparent 67%);pointer-events:none}.htt-house .htt-door:hover{filter:brightness(1.12)}.htt-house .htt-door:focus{outline:none}.htt-house .htt-door:focus-visible{outline:3px dashed var(--htt-slime);outline-offset:5px}.htt-house.is-knocking .htt-door{animation:htt-rattle .3s ease-in-out 2}.htt-house.is-knocking .htt-door:after{content:"knock knock!";position:absolute;left:50%;bottom:104%;translate:-50% 0;white-space:nowrap;font:700 clamp(12px,3.2vw,17px)/1 var(--htt-hand);color:var(--htt-bone);text-shadow:0 2px 6px rgba(0,0,0,.8);animation:htt-pop .6s ease both}@keyframes htt-rattle{25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}@keyframes htt-pop{0%{opacity:0;transform:translateY(6px) scale(.8)}to{opacity:1;transform:none}}.htt-house.is-open .htt-door{transform:perspective(500px) rotateY(-80deg);filter:brightness(.55)}.htt-house[data-i="2"].is-open .htt-door{transform:translate(-94%);clip-path:inset(0 0 0 94%);filter:none}.htt-house.is-slam .htt-door{transition-duration:.14s;animation:htt-slam .45s ease .14s}@keyframes htt-slam{20%{transform:translate(-3px) rotate(-1.5deg)}45%{transform:translate(3px) rotate(1.2deg)}70%{transform:translate(-1.5px)}}.htt-house.is-open .htt-door{pointer-events:auto}.htt-sign{position:absolute;left:7%;bottom:1%;z-index:3;padding:2px 7px 3px;border-radius:5px;font:700 clamp(11px,2.6vw,15px)/1 var(--htt-hand);color:var(--htt-ink);background:var(--htt-bone);box-shadow:0 3px 8px #0006;rotate:-4deg}.htt-glow-warm{animation:htt-flicker 3.4s ease-in-out infinite}.htt-glow-green{animation:htt-pulse 2.6s ease-in-out infinite}.htt-glow-red{animation:htt-pulse 3.2s ease-in-out infinite}.htt-torch path{transform-box:fill-box;transform-origin:50% 100%;animation:htt-flame .5s ease-in-out infinite alternate}.htt-torch-b path{animation-delay:-.25s}.htt-smoke{animation:htt-smoke 4s ease-in infinite;transform-box:fill-box;transform-origin:center}.htt-smoke:nth-of-type(2){animation-delay:-2s}@keyframes htt-flicker{0%,to{opacity:.9}42%{opacity:.72}46%{opacity:.95}70%{opacity:.8}}@keyframes htt-pulse{50%{opacity:.45}}@keyframes htt-flame{0%{transform:scale(1)}to{transform:scale(.85,1.15)}}@keyframes htt-smoke{0%{transform:translateY(0) scale(.7);opacity:.4}to{transform:translateY(-30px) scale(1.4);opacity:0}}.htt-bucket{position:absolute;z-index:4;right:1%;bottom:2px;width:var(--htt-bk, 84px);pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.htt-bucket svg{display:block;width:100%;height:auto}.htt-bucket.is-bump{animation:htt-bump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes htt-bump{40%{transform:translateY(5px) scale(1.06,.94)}}.htt-pile{position:absolute;left:10%;right:10%;bottom:66%;height:64%}.htt-pile-sweet{position:absolute;width:40%;translate:-50% 0;rotate:var(--r, 0deg);animation:htt-land .35s cubic-bezier(.3,1.6,.5,1) both}.htt-pile-sweet svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}@keyframes htt-land{0%{transform:translateY(-12px) scale(.6);opacity:0}}.htt-flying{position:absolute;left:0;top:0;z-index:7;pointer-events:none}.htt-flying svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.htt-boo{position:absolute;z-index:8;left:50%;top:40%;margin:0;translate:-50% -110%;font:400 clamp(40px,12vw,80px)/1 var(--htt-display);color:var(--htt-bone);text-shadow:0 0 18px rgba(139,224,74,.8),0 4px 0 #1d1233;opacity:0;pointer-events:none}.htt-stage.is-boo .htt-boo{opacity:1;animation:htt-boo .5s cubic-bezier(.3,1.8,.5,1)}@keyframes htt-boo{0%{transform:scale(.3) rotate(-12deg)}}.htt-pile-sweet.is-extra{display:none}.htt-stage.is-full .htt-pile-sweet.is-extra{display:block}.htt-bats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.htt-bats.is-orbit{animation:htt-orbit 36s linear 1.6s infinite;transform-origin:var(--cx) var(--cy)}@keyframes htt-orbit{to{transform:rotate(360deg)}}.htt-bat{position:absolute;left:0;top:0}.htt-bat svg{display:block;width:100%;height:auto;animation:htt-flap .22s ease-in-out infinite alternate}.htt-stage.is-bats .htt-moon{transform:translate(var(--htt-moon-dx, 0px)) scale(1.55)}.htt-stage.is-bats .htt-moon-name{opacity:1;transform:none}.htt-stage.is-instant .htt-moon,.htt-stage.is-instant .htt-moon-name,.htt-stage.is-instant .htt-door,.htt-stage.is-instant .htt-monster{transition:none}.htt-stage.is-away *,.htt-stage.is-resting *{animation-play-state:paused!important}.htt-dock{grid-area:dock;position:relative;z-index:5}.htt-hint{margin:0 0 10px;min-height:2.6em;display:flex;align-items:flex-end;font:700 13px/1.35 var(--htt-body);color:var(--htt-bone-dim)}.htt-ledger{list-style:none;margin:0;padding:0}.htt-slot{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin:0 22px;padding:10px 16px 11px 12px;min-height:74px;border-radius:14px;color:var(--htt-ink);background:repeating-linear-gradient(115deg,rgba(255,255,255,.28) 0 10px,transparent 10px 26px),var(--wrap, var(--htt-candy));box-shadow:inset 0 -3px #0000001f,0 8px 20px -10px #000000b3}.htt-slot:before,.htt-slot:after{content:"";position:absolute;top:50%;width:24px;height:46px;translate:0 -50%;background:var(--wrap, var(--htt-candy));filter:brightness(.88)}.htt-slot:before{left:-20px;clip-path:polygon(0 0,100% 34%,100% 66%,0 100%,26% 50%)}.htt-slot:after{right:-20px;clip-path:polygon(100% 0,0 34%,0 66%,100% 100%,74% 50%)}.htt-slot-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:400 18px/1 var(--htt-display);color:var(--htt-bone);background:var(--htt-plum)}.htt-slot-body{display:grid;gap:1px;min-width:0}.htt-slot-k{font:700 11px/1.2 var(--htt-body);letter-spacing:.12em;text-transform:uppercase;color:#2a1c3fbf}.htt-slot-who{text-transform:none;letter-spacing:.02em;font-weight:600}.htt-slot-v{font:700 clamp(20px,5.4vw,25px)/1.08 var(--htt-hand);overflow-wrap:anywhere}.htt-slot-note{font-size:13.5px;line-height:1.32;color:#2a1c3fd9}.htt-slot-wait,.htt-controls,.htt-hint{display:none}html:not(.htt-motion) .htt-stage{padding-bottom:48px}html:not(.htt-motion) .htt-head{padding-top:30px}html:not(.htt-motion) .htt-stage{--htt-moon: 54px}html:not(.htt-motion) .htt-moon{top:calc(var(--htt-safe-t) + 6px);right:auto;left:50%;translate:-50% 0}@media(max-width:559px){html:not(.htt-motion) .htt-moon{display:none}}html:not(.htt-motion) .htt-scene{margin-top:26px}html:not(.htt-motion) .htt-skyline,html:not(.htt-motion) .htt-ground{display:none}html:not(.htt-motion) .htt-street{position:static;justify-content:center;flex-wrap:wrap;row-gap:22px;column-gap:14px;--htt-hw: min(42vw, 210px)}html:not(.htt-motion) .htt-house{width:min(42vw,210px)}html:not(.htt-motion) .htt-house .htt-monster{transform:translateY(3%);transition:none}html:not(.htt-motion) .htt-house .htt-door{transform:perspective(500px) rotateY(-80deg);filter:brightness(.55)}html:not(.htt-motion) .htt-house[data-i="2"] .htt-door{transform:translate(-94%);clip-path:inset(0 0 0 94%);filter:none}html:not(.htt-motion) .htt-bucket{position:relative;right:auto;bottom:auto;margin:26px auto 0;width:120px}html:not(.htt-motion) .htt-boo{display:none}html:not(.htt-motion) .htt-ledger{display:grid;gap:14px;width:min(100%,520px);margin:30px auto 0}html:not(.htt-motion) .htt-dock{margin-top:14px}html:not(.htt-motion) .htt-done{max-width:520px;margin:30px auto 0;padding:24px 20px 26px;border-radius:22px;background:#160d28c7;text-align:center}.htt-done-k{margin:0;font:700 13px/1.2 var(--htt-body);letter-spacing:.16em;text-transform:uppercase;color:var(--htt-slime-hi)}.htt-done-title{margin:6px 0 4px;font:400 clamp(28px,8vw,44px)/1.05 var(--htt-display);color:var(--htt-pumpkin-hi);text-shadow:0 3px 0 #5a1f06}.htt-done-line{margin:0 0 16px;color:var(--htt-bone-dim);font-weight:600}.htt-motion .htt-stage{height:100vh;height:100svh;min-height:0;padding:0 max(16px,var(--htt-safe-r)) 0 max(16px,var(--htt-safe-l));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"bar" "head" "scene" "dock";user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.htt-motion .htt-scene{touch-action:none}.htt-motion .htt-stage.is-done .htt-scene{touch-action:auto}.htt-motion .htt-head{padding-top:8px}.htt-motion .htt-kicker{font-size:11px;margin-bottom:0}.htt-motion .htt-title{font-size:clamp(36px,11vw,74px)}.htt-motion .htt-lede{display:none}.htt-motion .htt-dock{margin:0 calc(-1*max(16px,var(--htt-safe-r))) 0 calc(-1*max(16px,var(--htt-safe-l)));padding:22px max(16px,var(--htt-safe-r)) calc(var(--htt-safe-b) + 14px) max(16px,var(--htt-safe-l));background:linear-gradient(#160d2800,#160d28db 24px,#160d28f5)}.htt-motion .htt-hint{display:flex}.htt-motion .htt-stage.is-resting .htt-hint{color:var(--htt-slime-hi)}.htt-motion .htt-slot:not(.is-placed){background:#f3ecdc0f;color:var(--htt-bone);box-shadow:inset 0 0 0 1.5px #f3ecdc38}.htt-motion .htt-slot:not(.is-placed):before,.htt-motion .htt-slot:not(.is-placed):after{background:#f3ecdc24;filter:none}.htt-motion .htt-slot:not(.is-placed) .htt-slot-n{background:transparent;color:var(--htt-bone-faint);box-shadow:inset 0 0 0 1.5px #f3ecdc4d}.htt-motion .htt-slot:not(.is-placed) .htt-slot-k{color:var(--htt-bone-dim)}.htt-motion .htt-slot:not(.is-placed) .htt-slot-wait{display:block;font:600 13px/1.3 var(--htt-body);color:var(--htt-bone-faint)}.htt-motion .htt-slot:not(.is-placed) .htt-slot-v,.htt-motion .htt-slot:not(.is-placed) .htt-slot-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.htt-motion .htt-slot.is-fresh{animation:htt-unroll .8s cubic-bezier(.2,.8,.2,1)}@keyframes htt-unroll{0%{clip-path:inset(0 46% 0 46% round 14px);transform:scale(.9) rotate(-2deg)}60%{clip-path:inset(0 0 0 0 round 14px)}to{transform:none}}.htt-motion .htt-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.htt-pips{display:flex;gap:5px;flex:none}.htt-pip{width:12px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #f3ecdc66;transition:background .3s ease,box-shadow .3s ease}.htt-pip.is-on{box-shadow:none}.htt-pip.is-on:nth-child(1){background:#ff7ab6}.htt-pip.is-on:nth-child(2){background:#8be04a}.htt-pip.is-on:nth-child(3){background:#ffb04d}.htt-pip.is-on:nth-child(4){background:#b48cff}.htt-pip.is-on:nth-child(5){background:#f3ecdc}.htt-arrow{flex:none;width:44px;height:54px;border-radius:14px;cursor:pointer;border:1.5px solid rgba(243,236,220,.35);background:#f3ecdc0f;color:var(--htt-bone);font:700 26px/1 var(--htt-body);touch-action:manipulation}.htt-arrow:disabled{opacity:.3;cursor:default}.htt-arrow:not(:disabled):hover{border-color:var(--htt-slime);color:var(--htt-slime-hi)}.htt-knock{flex:1;min-height:54px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(var(--htt-pumpkin-hi),var(--htt-pumpkin) 50%,#e0700e);color:#2a1406;font:400 22px/1 var(--htt-display);box-shadow:inset 0 -4px #78320673,0 10px 22px -12px #000c;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,filter .2s ease}.htt-knock:hover{filter:brightness(1.06)}.htt-knock:active{transform:translateY(2px)}.htt-motion .htt-stage:not(.is-done) .htt-done{display:none}.htt-motion .htt-stage.is-done .htt-controls,.htt-motion .htt-stage.is-done .htt-hint{display:none}.htt-motion .htt-done{text-align:center;animation:htt-rise .8s cubic-bezier(.2,.8,.2,1) both}.htt-motion .htt-done .htt-btn{width:100%;max-width:420px}@keyframes htt-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:899px),(max-height:819px){.htt-motion .htt-slot:not(.is-current){position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.htt-motion .htt-stage.is-done .htt-ledger{display:none}}@media not all and (min-width:900px){.htt-motion .htt-stage.is-bats .htt-title,.htt-motion .htt-stage.is-bats .htt-kicker{opacity:0}}.htt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:700 15px/1 var(--htt-body);text-decoration:none;text-shadow:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.htt-btn-solid{background:var(--htt-pumpkin);border-color:var(--htt-pumpkin);color:#2a1406}.htt-btn-solid:hover{background:var(--htt-pumpkin-hi);border-color:var(--htt-pumpkin-hi)}.htt-btn:disabled{opacity:.45;cursor:not-allowed}.htt a:focus-visible,.htt button:focus-visible{outline:3px solid var(--htt-slime);outline-offset:3px}.htt-details a:focus-visible,.htt-details button:focus-visible{outline-color:var(--htt-violet)}.htt-main{background:var(--htt-paper)}.htt-details{position:relative;outline:none;padding:64px max(20px,var(--htt-safe-r)) 40px max(20px,var(--htt-safe-l));background:radial-gradient(110% 60% at 90% 0%,rgba(255,138,30,.14),transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(107,74,166,.1),transparent 60%),var(--htt-paper)}.htt-motion .htt-details{padding-top:72px}.htt-wrap{max-width:880px;margin:0 auto}.htt-eyebrow{margin:0 0 10px;font:700 12px/1.3 var(--htt-body);letter-spacing:.16em;text-transform:uppercase;color:var(--htt-pumpkin-deep)}.htt-h2{margin:0 0 14px;font:400 clamp(38px,10.5vw,74px)/1.04 var(--htt-display);color:var(--htt-dusk)}.htt-lede-2{margin:0;max-width:46ch;font-size:clamp(16px,4.3vw,19px);color:var(--htt-dim)}.htt-facts{margin:34px 0 0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--htt-line)}.htt-facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--htt-line)}.htt-facts dt{font:700 11.5px/1.8 var(--htt-body);letter-spacing:.14em;text-transform:uppercase;color:var(--htt-dim)}.htt-facts dd{margin:0;display:grid;gap:3px}.htt-facts b{font:700 17px/1.25 var(--htt-body)}.htt-facts dd>span{font-size:14.5px;color:var(--htt-dim)}.htt-plan{margin-top:40px}.htt-h3{margin:0 0 12px;font:400 30px/1.1 var(--htt-display);color:var(--htt-dusk)}.htt-plan-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.htt-plan-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--htt-line);font-size:15.5px}.htt-time{font:700 18px/1 var(--htt-hand);color:var(--htt-pumpkin-deep)}.htt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.htt-details .htt-btn:not(.htt-btn-solid){color:var(--htt-ink)}.htt-details .htt-btn:not(.htt-btn-solid):hover{border-color:var(--htt-violet);color:var(--htt-violet)}.htt-rsvp{padding:10px max(20px,var(--htt-safe-r)) 48px max(20px,var(--htt-safe-l));background:var(--htt-paper)}.htt-rsvp-card{padding:30px 22px;border-radius:24px;background:radial-gradient(70% 60% at 100% 0%,rgba(255,138,30,.3),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(139,224,74,.14),transparent 60%),linear-gradient(165deg,var(--htt-dusk),var(--htt-night));color:var(--htt-bone);box-shadow:0 30px 60px -32px #1d1233d9}.htt-rsvp .htt-eyebrow{color:var(--htt-slime-hi)}.htt-rsvp .htt-h2{color:var(--htt-pumpkin-hi);font-size:clamp(30px,8.4vw,50px)}.htt-rsvp-note{margin:0 0 20px;color:var(--htt-bone-dim);font-size:15px;max-width:46ch}.htt-form label{display:block;margin-bottom:8px;font:700 11.5px/1 var(--htt-body);letter-spacing:.16em;text-transform:uppercase;color:var(--htt-slime-hi)}.htt-form input{width:100%;padding:12px 2px;border:0;border-bottom:2px solid var(--htt-bone);border-radius:0;background:transparent;color:var(--htt-bone);font:600 20px/1.2 var(--htt-body)}.htt-form input::placeholder{color:#f3ecdc73}.htt-form input:focus{outline:none;border-bottom-color:var(--htt-pumpkin)}.htt-answers{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.htt-rsvp .htt-btn{color:var(--htt-bone);border-color:#f3ecdcb3}.htt-rsvp .htt-btn-solid{background:var(--htt-pumpkin);border-color:var(--htt-pumpkin);color:#2a1406}.htt-rsvp .htt-btn:hover:not(:disabled){background:var(--htt-slime);border-color:var(--htt-slime);color:#16210c}#status{min-height:1.5em;margin:16px 0 0;font-weight:700;color:var(--htt-bone)}.htt-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:20px max(20px,var(--htt-safe-r)) calc(var(--htt-safe-b) + 26px) max(20px,var(--htt-safe-l));background:var(--htt-paper);border-top:1px solid var(--htt-line);font:600 13px/1.4 var(--htt-body);color:var(--htt-dim)}.htt-foot nav{display:flex;flex-wrap:wrap;gap:16px}.htt-foot a{color:var(--htt-dim);text-decoration:none}.htt-foot a:hover{color:var(--htt-pumpkin-deep)}@media(min-width:900px),(orientation:landscape)and (min-width:560px){.htt-stage{--htt-moon: 140px}.htt-motion .htt-stage{grid-template-columns:minmax(0,1fr) minmax(290px,400px);grid-template-rows:auto minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:"bar bar" "scene ." "scene head" "scene dock" "scene .";column-gap:clamp(16px,4vw,56px);padding-right:max(16px,var(--htt-safe-r),4vw);padding-bottom:calc(var(--htt-safe-b) + 12px)}.htt-motion .htt-moon{right:auto;left:34%;top:calc(var(--htt-safe-t) + 70px)}.htt-motion .htt-head{text-align:left;padding:0 0 16px}.htt-motion .htt-dock{margin:0;padding:16px;border-radius:22px;background:#160d28bd;box-shadow:inset 0 0 0 1px #ff8a1e24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.htt-motion .htt-hint{min-height:0}.htt-motion .htt-done{text-align:left}.htt-motion .htt-done-title{font-size:clamp(26px,2.6vw,34px)}}@media(min-width:900px)and (min-height:820px){.htt-motion .htt-title{font-size:clamp(46px,4.6vw,70px)}.htt-motion .htt-lede{display:block;margin:10px 0 0;font-size:16px}.htt-motion .htt-ledger{display:grid;gap:8px}.htt-motion .htt-slot{min-height:58px;padding-top:7px;padding-bottom:8px}.htt-motion .htt-slot-v{font-size:20px}.htt-motion .htt-slot-note{font-size:12.5px}}@media(orientation:landscape)and (max-height:500px){.htt-motion .htt-kicker{display:none}.htt-motion .htt-title{font-size:30px}.htt-motion .htt-hint{display:none}.htt-motion .htt-slot{min-height:0}}@media(min-width:900px){.htt-facts{grid-template-columns:1fr 1fr;column-gap:40px}.htt-rsvp-card{padding:42px 46px}.htt-details{padding-top:96px}}