.tot-scene{--tot-night:#0d0918;--tot-plum:#2b1d3f;--tot-glow:#ffb347;--tot-flame:#ff8a1c;--tot-bone:#f3ead6;isolation:isolate;border:3px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--ink);color:var(--tot-bone);background:radial-gradient(70% 40% at 82% 0,#ffbe6e29,#0000 70%),linear-gradient(#0d0918 0%,#1d1433 38%,#33204a 72%,#4a2636 100%);border-radius:28px;position:relative;overflow:hidden;container-type:inline-size}.tot-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.tot-stars{width:100%;height:260px;position:absolute;inset:0 0 auto}.tot-star{animation:3.6s ease-in-out infinite tot-twinkle}.tot-moon{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff8e4 0%,#f8dd9c 55%,#e4a94f 100%);border-radius:50%;width:clamp(54px,11cqw,120px);position:absolute;top:18px;right:5%;box-shadow:0 0 36px 10px #ffd98a52,0 0 120px 46px #f3a84a24}.tot-moon:before,.tot-moon:after{content:"";background:#c98c3e38;border-radius:50%;position:absolute}.tot-moon:before{width:22%;height:22%;top:30%;left:24%}.tot-moon:after{width:13%;height:13%;top:60%;left:58%}.tot-cloud{opacity:.7;filter:blur(1px);background:#2a1d40;border-radius:99px;width:15%;height:10px;animation:26s ease-in-out infinite alternate tot-drift;position:absolute;top:clamp(52px,9cqw,96px);right:7%}.tot-cloud:after{content:"";background:inherit;border-radius:99px;width:46%;height:16px;position:absolute;top:-8px;left:22%}.tot-bat{width:34px;animation:17s linear infinite tot-fly;position:absolute;left:0}.tot-bat svg{fill:#100a1c;transform-origin:50% 40%;width:100%;height:auto;animation:.32s ease-in-out infinite alternate tot-flap;display:block}.tot-bat.b{width:22px;animation-duration:23s;animation-delay:-9s}.tot-bat.c{width:16px;animation-duration:29s;animation-delay:-17s}.tot-street{justify-content:center;gap:clamp(6px,1.6cqw,18px) clamp(4px,1.2cqw,14px);display:grid}.tot-house{aspect-ratio:4/5;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;transition:transform .22s cubic-bezier(.3,1.5,.5,1),filter .3s;display:block;position:relative;container-type:inline-size}.tot-house:focus-visible{outline:3px solid var(--tot-glow);outline-offset:3px}.tot-house:not(:disabled):hover{transform:translateY(-4px)}.tot-house:disabled{cursor:default}.tot-house.is-done{filter:saturate(.55)brightness(.72)}.tot-inside img{width:74%;height:auto}.tot-facade{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tot-win{animation:5s ease-in-out infinite tot-window}.tot-house:not(:disabled):hover .tot-win{filter:brightness(1.18)}.tot-frame{perspective:260px;background:#1a0f12;border-radius:50% 50% 4px 4px/26% 26% 4px 4px;width:36%;height:40%;position:absolute;bottom:10%;left:32%;box-shadow:0 0 0 3px #1a0f12}.tot-inside{border-radius:inherit;background:radial-gradient(at 50% 72%,#fff1c8 0%,#ffc66b 42%,#c1601d 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.tot-inside.is-web{background:radial-gradient(at 50% 70%,#6d5f7d,#2b2236 80%)}.tot-door{border-radius:inherit;transform-origin:0;backface-visibility:hidden;background:repeating-linear-gradient(90deg,#0000 0 30%,#0000002e 30% 33%),linear-gradient(90deg,#8a4520,#5f2c12);place-items:center;transition:transform .75s cubic-bezier(.3,1.25,.5,1);display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #2b140a,inset 0 -6px #0000002e}.tot-door:after{content:"";aspect-ratio:1;background:#ffcf6b;border-radius:50%;width:9%;position:absolute;top:58%;right:12%;box-shadow:0 0 4px #ffcf6b}.tot-plaque{aspect-ratio:1;background:var(--tot-bone);color:#1d2340;min-width:70%;font:800 clamp(13px, 19cqw, 44px) / 1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;margin-top:-18%;display:grid;box-shadow:0 0 0 2px #2b140a,0 2px 0 2px #0000004d}.tot-house.is-open .tot-door{transform:rotateY(-108deg)}.tot-house.is-knock .tot-door{animation:.5s ease-in-out 2 tot-knock}.tot-bubble{z-index:2;background:var(--tot-bone);color:#1d2340;font:650 clamp(12px, 13cqw, 26px) / 1.1 var(--font-hand);white-space:nowrap;pointer-events:none;border-radius:12px;padding:3px 9px 4px;animation:.3s cubic-bezier(.3,1.6,.5,1) both tot-pop;position:absolute;bottom:54%;left:50%;translate:-50%;box-shadow:2px 2px #1d2340}.tot-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--tot-bone);position:absolute;top:100%;left:50%;translate:-50%}.tot-tag{z-index:1;font:800 clamp(11px, 12cqw, 24px) / 1.15 var(--font-display);white-space:nowrap;border:2px solid #1d2340;border-radius:99px;padding:1px 7px 2px;position:absolute;bottom:-2%;left:50%;translate:-50%}.tot-tag.treat{color:#1d2340;background:#ffb347}.tot-tag.trick{color:#1d2340;background:#b48ef5}.tot-tag.web{color:#1d2340;background:#d9cfe6}.tot-pavement{background:linear-gradient(#1a1226,#120c1b);border-top:3px solid #0a0610;position:relative}.tot-pavement:before{content:"";opacity:.8;background:repeating-linear-gradient(90deg,#2c2140 0 46px,#1a1226 46px 50px);height:6px;position:absolute;top:0;left:0;right:0}.tot-bucket{transition:transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;position:relative}.tot-bucket.is-turn{transform:translateY(-5px)}.tot-bucket.is-turn .tot-pail{animation:1.6s ease-in-out infinite alternate tot-bob}.tot-pail{display:block;overflow:visible}.tot-card-head{color:var(--tot-bone,#f3ead6);background:linear-gradient(100deg,#1b1328 0%,#2b1d3f 55%,#3a1f3f 100%)}.tot-glow-treat{text-shadow:0 0 22px #ffa032a6}.tot-glow-trick{text-shadow:0 0 22px #b48ef5bf}.tot-float{animation:2.4s ease-in-out infinite alternate tot-ghost}.tot-trophy-shine{animation:3s ease-in-out infinite tot-window}@keyframes tot-twinkle{0%,to{opacity:1}45%{opacity:.35}}@keyframes tot-drift{0%{transform:translate(-24px)}to{transform:translate(30px)}}@keyframes tot-fly{0%{transform:translate(-12cqw,70px)}30%{transform:translate(28cqw,30px)}60%{transform:translate(64cqw,64px)}to{transform:translate(112cqw,20px)}}@keyframes tot-flap{0%{transform:scaleY(1)}to{transform:scaleY(.4)}}@keyframes tot-window{0%,to{opacity:1}32%{opacity:.7}36%{opacity:1}64%{opacity:.85}}@keyframes tot-knock{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3%)rotate(-1.5deg)}40%{transform:translate(3%)rotate(1.5deg)}60%{transform:translate(-2%)rotate(-1deg)}80%{transform:translate(2%)rotate(1deg)}}@keyframes tot-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes tot-bob{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-4px)rotate(3deg)}}@keyframes tot-ghost{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-12px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.tot-scene *,.tot-scene :before,.tot-scene :after,.tot-float,.tot-trophy-shine{transition:none!important;animation:none!important}.tot-bat{display:none}}@media print{.tot-print-row{break-inside:avoid}}