/* One illustrated cast and village. Each game retains a clear, distinct play surface. */
.hw-sprite{min-width:0;min-height:0;position:relative;display:grid;place-items:center;aspect-ratio:1367/1150;container-type:size;pointer-events:none}.hw-sprite:before{content:"";display:block;width:min(100cqw,118.87cqh);height:min(100cqh,84.13cqw);background-image:url('assets/play/halloween/friends-atlas-v2.png');background-size:300% 300%;background-position:var(--hw-x,0%) var(--hw-y,0%);background-repeat:no-repeat}
.hw-game{background:#eadff2;color:#3f3156}.hw-game .toy-scene{isolation:isolate;background:#7a6baf;touch-action:manipulation}.hw-village{position:absolute;inset:0;z-index:-2;background:url('assets/play/halloween/village-v2.png') left center/cover no-repeat;pointer-events:none}.hw-game .toy-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:#51436310;pointer-events:none}
.hw-game .toy-footer{padding:10px;background:#eee4f5;gap:8px;flex-wrap:wrap}.hw-button{border:0;border-radius:16px;padding:5px;min-width:56px;min-height:56px;box-shadow:none;color:#433353;background:transparent;cursor:pointer;touch-action:manipulation}.hw-button:disabled{opacity:1;cursor:default}.hw-button:focus-visible,.hw-accessory:focus-visible{outline:4px solid #d37628;outline-offset:3px}
.hw-goal{position:absolute;top:12px;left:50%;translate:-50% 0;z-index:12;display:flex;align-items:center;gap:7px;min-width:98px;padding:4px 13px 4px 6px;border-radius:22px;background:#fff8eb;box-shadow:0 5px 14px #31214626;pointer-events:none}.hw-goal>.hw-sprite{width:39px;height:34px}.hw-goal strong{font-size:23px;line-height:1;color:#463451;font-variant-numeric:tabular-nums}.hw-goal strong span{font-size:17px;color:#79607f}
.hw-thumb{position:relative;display:block;width:100%;height:100%;isolation:isolate}.hw-thumb>.hw-sprite{position:absolute;inset:6%;width:88%;height:88%}.hw-thumb-web>.hw-web-drawing{position:absolute;inset:3%;width:94%;height:94%;color:#796598}.hw-thumb-web>.hw-sprite{inset:23% 16% 7%;width:68%;height:70%}.hw-thumb-costume>img{position:absolute;top:1%;left:33%;width:38%;height:35%;object-fit:contain}.hw-thumb-hide>.hw-sprite:first-child{inset:1% 16% 34%;width:68%;height:65%}.hw-thumb-hide>.hw-hide-prop{inset:39% 21% 0;width:58%;height:58%}.hw-thumb-lantern>i{position:absolute;left:10%;right:10%;top:9%;bottom:10%;border-radius:50%;background:#ffe9aa}.hw-thumb-lantern>.hw-sprite{inset:7% 10%;width:80%;height:86%}.hw-thumb-cards>i{position:absolute;width:54%;height:74%;background:#fff4df;top:13%;left:2%;rotate:-10deg;border-radius:12px;box-shadow:0 4px 8px #3f315526}.hw-thumb-cards>i+ i{left:43%;rotate:10deg}.hw-thumb-cards .hw-sprite{position:absolute;inset:8%;width:84%;height:84%}.hw-thumb-dance>.hw-sprite{width:62%;height:75%;inset:14% auto auto 0;rotate:-8deg}.hw-thumb-dance>.hw-sprite+ .hw-sprite{left:40%;rotate:9deg}.hw-thumb-lights>.hw-sprite{width:47%;height:50%;inset:35% auto auto -1%}.hw-thumb-lights>.hw-sprite:nth-child(2){left:27%;top:9%}.hw-thumb-lights>.hw-sprite:nth-child(3){left:56%}
.hw-web-field{position:absolute;inset:13% 4% 13%;color:#fff8e9;filter:drop-shadow(0 2px 2px #49376c80);pointer-events:none}.hw-web-drawing{width:100%;height:100%;display:block}.hw-web-nodes{position:absolute;inset:12% 4% 12%}.hw-web-node{position:absolute;width:63px;height:63px;translate:-50% -50%;padding:7px;border-radius:50%;background:#f9f0dd;box-shadow:0 6px 13px #30213d40;color:#543951}.hw-web-node>span{font-size:29px;font-weight:800}.hw-web-node.hw-woven{background:#d0e9cf;color:#42724c}.hw-web-node.hw-next{outline:4px solid #ffd56e;outline-offset:4px}.hw-web-spider{position:absolute;width:110px;height:100px;transform:translate(-50%,-50%);z-index:8;background:transparent;touch-action:none}.hw-web-spider>.hw-sprite{width:100%;height:100%}
.hw-costume-body{position:absolute;width:min(64cqw,330px);height:min(57cqw,280px);left:50%;top:29%;translate:-50% 0}.hw-costume-base{position:absolute;inset:0}.hw-costume-base>.hw-sprite{width:100%;height:100%}.hw-accessory-slot{position:absolute;display:grid;place-items:center;border:2px dashed #fff4d5;border-radius:18px;background:#fff2cf26}.hw-accessory-slot>.hw-sprite,.hw-accessory-slot>.art-img{width:100%;height:100%;object-fit:contain;opacity:.3}.hw-accessory-slot[data-full=true]{border-color:transparent;background:transparent}.hw-accessory-placed{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important}.hw-accessory-placed>.hw-sprite,.hw-accessory-placed>.art-img{opacity:1;width:100%;height:100%;object-fit:contain}.hw-costume-tray{position:absolute;left:4%;right:4%;bottom:5%;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.hw-accessory{width:clamp(56px,18cqw,83px);height:clamp(56px,18cqw,83px);padding:6px;background:#fff5e5;border-radius:16px;touch-action:none;cursor:grab;display:grid;place-items:center;box-shadow:0 5px 12px #45325626}.hw-accessory>.art-img,.hw-accessory>.hw-sprite{width:100%;height:100%;object-fit:contain}.hw-costume-picker{display:flex;gap:8px;justify-content:center}.hw-character-choice{width:65px;height:62px;background:#d9c8ea}.hw-character-choice>.hw-sprite{width:100%;height:100%}.hw-character-choice[aria-pressed=true]{outline:3px solid #8462aa;outline-offset:2px}
.hw-hide-spots{position:absolute;left:5%;right:5%;top:31%;bottom:10%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:22px}.hw-hide-spot{width:min(34cqw,165px);height:min(28cqw,145px);position:relative}.hw-hide-spot>.hw-sprite{width:100%;height:100%;filter:drop-shadow(0 7px 7px #3d2b5840)}.hw-hide-spot.hw-ghost-found{background:#fff2cf40;outline:3px solid #ffe5a3}.hw-hiding-ghost{position:absolute;width:95px;height:88px;transform:translate(-50%,-65%);z-index:5;pointer-events:none;transition:opacity 320ms,translate 320ms}.hw-hiding-ghost>.hw-sprite{width:100%;height:100%}.hw-hiding-ghost.hw-hidden{opacity:0;translate:0 55%}
.hw-lantern-field{position:absolute;inset:9% 0 3%}.hw-lantern-item{position:absolute;width:112px;height:102px;translate:-50% -50%;filter:brightness(.28) saturate(.6);transition:filter 250ms}.hw-lantern-item>.hw-sprite{width:100%;height:100%}.hw-lantern-item.hw-in-light,.hw-lantern-item.hw-found-item{filter:brightness(1) saturate(1)}.hw-lantern-item.hw-found-item{outline:3px solid #ffdf8b;outline-offset:1px;border-radius:22px}.hw-lantern-shade{position:absolute;inset:0;background:#21183196;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--hw-radius,100px) at var(--hw-light-x,50%) var(--hw-light-y,50%),transparent 68%,#000 100%);mask-image:radial-gradient(circle var(--hw-radius,100px) at var(--hw-light-x,50%) var(--hw-light-y,50%),transparent 68%,#000 100%);transition:opacity 600ms}.hw-lantern-shade.hw-light-all{opacity:0}.hw-light-ring{position:absolute;left:50%;top:50%;width:calc(var(--hw-radius,100px)*1.75);height:calc(var(--hw-radius,100px)*1.75);translate:-50% -50%;border:2px solid #fff0b14d;border-radius:50%;pointer-events:none}.hw-find-request{position:absolute;top:11px;right:14px;width:61px;height:56px;padding:3px;border-radius:17px;background:#fff5df;z-index:13;pointer-events:none}.hw-find-request>.hw-sprite{width:100%;height:100%}
.hw-potion-recipe{position:absolute;left:8%;right:8%;top:15%;display:flex;justify-content:center;gap:10px;padding:10px;border-radius:20px;background:#fff6e7d9}.hw-recipe-drop{display:block;width:42px;height:47px;filter:drop-shadow(0 2px 2px #4b3a7020)}.hw-recipe-drop svg{fill:currentColor;width:100%;height:100%}.hw-recipe-drop.hw-recipe-done{opacity:.25}.hw-cauldron{position:absolute;left:50%;top:36%;width:min(75cqw,335px);height:min(70cqw,290px);translate:-50% 0;touch-action:none;transform-origin:50% 82%;filter:drop-shadow(0 12px 13px #3d2e5b38)}.hw-cauldron>.hw-sprite{width:100%;height:100%}.hw-cauldron.hw-ready-stir{outline:3px dashed #ffe5a8;outline-offset:3px;border-radius:40%}.hw-potion-bottles{display:flex;gap:8px;justify-content:center;max-width:100%}.hw-potion-bottle{width:clamp(48px,15cqw,80px);height:75px;color:var(--hw-color);background:#fff5e2}.hw-potion-bottle>svg{width:100%;height:100%;fill:currentColor;stroke:#694b7b;stroke-width:3}.hw-magic-bubble{position:absolute;top:26%;left:50%;width:30px;height:30px;border-radius:50%;pointer-events:none}
.hw-memory-grid{position:absolute;inset:17% 5% 6%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:10px}.hw-memory-grid[data-pairs="2"]{grid-template-columns:repeat(2,minmax(0,1fr));left:13%;right:13%}.hw-memory-card{position:relative;aspect-ratio:4/5;min-width:48px;min-height:64px;padding:0;background:none;perspective:700px}.hw-card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform 380ms cubic-bezier(.16,1,.3,1)}.hw-card-open .hw-card-inner{transform:rotateY(0deg)}.hw-card-front,.hw-card-back{position:absolute;inset:0;border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 13px #30213d40}.hw-card-front{background:#fff4e2}.hw-card-front>.hw-sprite{width:94%;height:94%}.hw-card-back{transform:rotateY(180deg);background:#8e72b2;color:#ffe7a5}.hw-card-back>svg{width:52%;height:52%;fill:currentColor}.hw-memory-card[data-matched=true] .hw-card-front{background:#d4e9ce}
.hw-dance-stage{position:absolute;left:4%;right:4%;top:34%;height:43%;display:flex;align-items:flex-end;justify-content:center;gap:0}.hw-dance-stage:before{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;border-radius:50%;background:#a59acf;box-shadow:0 7px 12px #31244c33}.hw-dancer{width:28%;height:70%;position:relative;transform-origin:50% 90%}.hw-dancer>.hw-sprite{width:100%;height:100%}.hw-dancer:nth-child(even){align-self:center}.hw-dance-keys{display:flex;width:100%;gap:8px;justify-content:center}.hw-dance-key{height:80px;width:22%;max-width:100px;padding:5px;background:var(--hw-key);box-shadow:0 6px 10px #513a6a20}.hw-dance-key>.hw-sprite{width:100%;height:100%}.hw-replay{position:absolute;right:15px;top:16%;width:58px;height:58px;background:#fff3dc;color:#684d80;border-radius:50%}.hw-replay>svg{width:100%;height:100%;fill:currentColor}
.hw-pumpkin-garden{position:absolute;inset:19% 6% 10%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-content:center;gap:14px 6px}.hw-count-pumpkin{position:relative;min-width:60px;min-height:70px;aspect-ratio:1.1;filter:brightness(.65) saturate(.65);transition:filter 300ms}.hw-count-pumpkin>.hw-sprite{width:100%;height:100%}.hw-count-pumpkin>b{position:absolute;left:50%;bottom:-3%;translate:-50% 0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff2d5;color:#6c4562;font-size:19px;line-height:1;box-shadow:0 3px 7px #49375130}.hw-count-pumpkin.hw-pumpkin-lit{filter:brightness(1.12) saturate(1.1)}.hw-count-pumpkin.hw-pumpkin-lit>b{background:#ffe29a}
@media(min-width:700px){.hw-web-field,.hw-web-nodes{left:19%;right:19%}.hw-costume-body{top:20%;width:min(37cqw,330px);height:min(32cqw,280px)}.hw-costume-tray{left:13%;right:13%;bottom:5%}.hw-hide-spots{grid-template-columns:repeat(3,minmax(0,1fr));top:34%;left:12%;right:12%}.hw-lantern-item{width:150px;height:132px}.hw-potion-recipe{left:30%;right:30%;top:14%}.hw-cauldron{top:30%;width:300px;height:255px}.hw-memory-grid{left:19%;right:19%;top:16%;bottom:7%;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.hw-memory-grid[data-pairs="2"]{grid-template-columns:repeat(4,minmax(0,1fr));left:25%;right:25%}.hw-dance-stage{left:20%;right:20%;top:23%;height:56%}.hw-dance-key{height:82px}.hw-pumpkin-garden{left:18%;right:18%;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.hw-village{background-position:center 61%}}
@media(prefers-reduced-motion:reduce){.hw-hiding-ghost,.hw-card-inner,.hw-lantern-item,.hw-count-pumpkin{transition-duration:1ms}}

.hw-costume-model{position:absolute;top:13%;right:7%;width:94px;height:84px;pointer-events:none;opacity:1;transition:opacity 400ms;filter:drop-shadow(0 4px 7px #3d2e5b33)}.hw-costume-model>.hw-sprite{width:100%;height:100%}.hw-model-accessory{position:absolute;display:grid;place-items:center}.hw-model-accessory>.hw-sprite,.hw-model-accessory>.art-img{width:100%;height:100%;object-fit:contain}.hw-costume-model.hw-model-hidden{opacity:.12}.hw-costume-replay{position:absolute;right:12px;top:27%;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:#fff4df;color:#684d80}.hw-costume-replay>svg{width:100%;height:100%;fill:currentColor}
/* The three incumbent Halloween scenes share the village without changing their rules. */
.play-doces .toy-scene,.play-morcegos .toy-scene,.exp-haunted .toy-scene{background:#7a6baf url('assets/play/halloween/village-v2.png') left center/cover no-repeat}
.play-doces .toy-scene>.sc,.play-morcegos .toy-scene>.sc,.doces-stars,.doces-moon,.doces-cloud,.doces-bats,.doces-hills,.doces-street,.doces-lawn,.morcegos-stars,.morcegos-hills{display:none}
.play-doces .doces-maya-hat{display:none}.play-doces .doces-house-art{filter:drop-shadow(0 7px 8px #43345c38)}.play-doces .doces-goal,.play-morcegos .morcegos-goal{background:#fff5df;box-shadow:0 5px 13px #3c2e5d26}
.play-doces .doces-door{transition-timing-function:cubic-bezier(.16,1,.3,1)}.play-doces .doces-friend{width:55%}.play-doces .doces-acc{width:45%;top:-14%}.play-doces .doces-bucket{filter:drop-shadow(0 6px 8px #43345c30)}
.play-morcegos .morcegos-moon{width:clamp(64px,17cqw,100px);height:auto;top:8%;left:50%;max-width:none;box-shadow:none;animation:none}.play-morcegos .morcegos-trunk{background:linear-gradient(90deg,#81624d,#a47e5e);width:10%;left:-3%}.play-morcegos .morcegos-branch{filter:brightness(1.45) saturate(.7)}.play-morcegos .morcegos-body .art-img{animation-duration:.75s;filter:drop-shadow(0 5px 7px #43345c40)}.play-morcegos .morcegos-bat.hang .art-img{animation-duration:3.5s}
.exp-haunted .haunted-house{background:#aa8fc9cf;box-shadow:0 10px 20px #3b2d5f24;gap:16px}.exp-haunted .haunted-room{background:#6d548f;border-radius:28px 28px 13px 13px;box-shadow:0 5px 11px #3b2d5f2b}.exp-haunted .haunted-door{background:linear-gradient(90deg,#edbe7b,#e4aa66);border-color:#f6d59d}.exp-haunted .haunted-door i{font-size:24px;color:#6a462f}.exp-haunted .haunted-resident>.hw-sprite{width:100%;height:100%}.exp-haunted .haunted-goal{background:#fff5e3d9;border-radius:22px;padding:4px;left:10%;right:10%}.exp-haunted .haunted-goal span{background:none}.exp-haunted .haunted-goal .current{outline-color:#be772f}.exp-haunted .haunted-sweet{background:#eedafa}.exp-haunted .haunted-room.waiting{outline-color:#ffe5a2}
@media(min-width:700px){.play-doces .toy-scene,.play-morcegos .toy-scene,.exp-haunted .toy-scene{background-position:center 61%}.play-morcegos .morcegos-moon{width:90px;height:90px;left:50%;top:4%}}