*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;background:#574568;color:#fff3dc;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;overscroll-behavior:none}
body{overflow:hidden}button,select{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible,select:focus-visible{outline:4px solid #86c7bc;outline-offset:4px}button:disabled{opacity:.5;cursor:default}
#app{height:100vh;height:100svh;min-height:0;max-width:1400px;margin:auto;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#625170,#675377)}
#hud{position:absolute;right:12px;top:12px;z-index:5}.menu-button{width:44px;height:44px;padding:5px;border-radius:17px;background:#ffffff20}.menu-button svg{height:34px;width:34px;display:block}.menu-button:hover{background:#ffffff40}
#heading{flex-shrink:0;min-height:66px;padding:17px 60px 6px;text-align:center;display:flex;align-items:center;justify-content:center;z-index:2}.screen-title{font-size:clamp(20px,5.6vw,28px);line-height:1.12;margin:0;font-weight:900;letter-spacing:-.6px}.welcome-title{font-size:clamp(32px,8vw,48px);line-height:1;margin:0;color:#ffe3a2;letter-spacing:-1.5px;text-shadow:0 3px 0 #9a7b8e}.welcome-title span{color:#d6f3c7}
#play-area{position:relative;flex:1;min-height:0;overflow:hidden;width:100%;margin:auto;max-width:1100px}#world{width:100%;height:100%;display:block;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
#controls{flex-shrink:0;z-index:2;padding:8px 12px max(17px,env(safe-area-inset-bottom));display:flex;justify-content:center}.play-dock{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:490px}.play-dock.two-actions{gap:clamp(45px,20vw,135px)}
.picture-button{width:clamp(82px,22vw,108px);min-height:89px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:4px 8px 8px;background:linear-gradient(#fffaf0,#f4e5d8);border-radius:26px;border:2px solid #fff3de;color:#785e79;box-shadow:0 5px 0 #42394b33,inset 0 2px 0 #fff8;transition:transform .13s,box-shadow .13s;font-size:17px;font-weight:900;line-height:1.1}.picture-button svg{width:57px;height:57px;display:block}.picture-button span{display:block;white-space:nowrap}.picture-button:active{transform:translateY(4px);box-shadow:0 1px 0 #42394b33}.picture-button.main-action{width:clamp(98px,26vw,130px);background:linear-gradient(#ffeebd,#ffdb9a);border-color:#fff1cb;color:#795d69}.picture-button.home-button{background:linear-gradient(#f9f2ff,#e4d7f3);border-color:#f8edff}.picture-button.welcome-play{width:clamp(98px,26vw,130px);background:linear-gradient(#efffde,#cdebbe);border-color:#f0ffdf;color:#658266}
.nav-arrow{width:46px;height:54px;border-radius:22px;display:grid;place-items:center;flex-shrink:0;background:#a391b9;color:#fff9e7;box-shadow:0 4px 0 #44364f33}.nav-arrow svg{width:26px;height:26px}.nav-arrow:active{transform:translateY(3px)}.street-dock{gap:10px}
#app[data-scene="mini"],#app[data-scene="ready"],#app[data-scene="candy"],#app[data-scene="done"]{background:var(--play-sky,#725580);color:#fff3dc}#app[data-scene="home"]{background:#b69fbf;color:#fff8e8}#app[data-scene="home"] #heading{text-shadow:0 1px 2px #70557322}
#app[data-scene="mini"] .menu-button,#app[data-scene="ready"] .menu-button,#app[data-scene="candy"] .menu-button,#app[data-scene="done"] .menu-button{background:#ffffff20}
.interactive{cursor:pointer;outline:none}.interactive:focus-visible{filter:drop-shadow(0 0 6px #84cbbb)}#street-rail{cursor:grab}#street-rail:active{cursor:grabbing}#street-rail .house-art{animation:none}
.candy-item{cursor:grab;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 5px 3px #8c6a962b)}.candy-item.dragging{cursor:grabbing;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 12px 7px #82698d55)}.bucket-ready{filter:drop-shadow(0 0 8px #ffd586);transition:filter .15s}.bucket-catch{animation:soft-catch .28s ease;transform-box:fill-box;transform-origin:50% 80%}.bucket-body{transform-box:fill-box;transform-origin:50% 25%}.bucket-drop{animation:slow-tip 2.2s ease-in-out}
#effects,#activity-guide,#collection-guide,#snack-guide,.gesture-hint{pointer-events:none}#activity-guide{transition:opacity .18s}#activity-stage.is-touching #activity-guide{opacity:.1}.gesture-hint .hint-finger{filter:drop-shadow(0 2px 2px #59446955)}.hint-ring{animation:hint-pulse 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}.hint-hold .hint-ring{animation:hold-pulse 2.6s ease-in-out infinite;stroke-width:6}#snack-guide{opacity:.72}#collection-guide{opacity:.8}.water-cup{filter:drop-shadow(0 4px 3px #76517c22)}.knock-hint{filter:drop-shadow(0 3px 3px #61455b33)}
.float{animation:float 3.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.float.slow{animation-duration:5s}.idle{animation:idle 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.twinkle{animation:twinkle 4s ease-in-out infinite}.wink{animation:wink 5s infinite;transform-box:fill-box;transform-origin:center}.wiggle{animation:wiggle .38s ease-in-out;transform-box:fill-box;transform-origin:center}.bubble{animation:bubble 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.door-leaf{transform-box:fill-box;transform-origin:0% 50%;transition:transform .75s ease}.door-leaf.open{transform:perspective(300px) rotateY(-74deg)}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:#342440aa;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;touch-action:pan-y}.modal{width:min(540px,100%);max-height:90svh;overflow:auto;background:linear-gradient(#fff9ed,#ffefd9);color:#795c78;border:3px solid #fff2d8;border-radius:31px;padding:20px;box-shadow:0 14px 40px #34243f44}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.modal-head h2{font-size:26px;margin:0;letter-spacing:-.5px}.close{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:#ead7dd;color:#856382;font-size:27px}.modal-desc{font-size:14px;color:#947d94;line-height:1.4;margin:0 0 16px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:18px;padding:12px}.menu-grid .picture-button{width:135px;min-height:113px}.menu-grid .picture-button svg{width:70px;height:70px}.menu-grid .picture-button span{font-size:16px}
.tabs{display:flex;gap:8px;margin:14px 0}.tab{flex:1;background:#eddfdd;color:#94768c;border-radius:17px;padding:13px;font-weight:bold}.tab.selected{background:#aa94c1;color:#fff8eb;box-shadow:0 3px 0 #89779b}.costume-grid,.candy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.costume-option,.collection-item{border:3px solid transparent;background:#efdfd9;border-radius:23px;padding:5px 5px 10px;text-align:center;color:#7e6079}.costume-option.selected{border-color:#ab95c3;background:#e8dcf4}.costume-option svg{width:100%;height:105px;display:block}.costume-option span{display:block;font-size:12px;font-weight:bold}.costume-option small{display:none}.collection-item svg{width:70px;height:70px;display:block;margin:auto}.collection-item strong{font-size:12px;display:block;line-height:1.2}.collection-item small{font-size:10px;margin-top:3px;display:block}.collection-item.locked svg{filter:grayscale(1);opacity:.2}.sticker-row{display:flex;gap:5px;justify-content:center;margin:12px 0}.sticker-row svg{width:44px;height:48px}.sticker-row .missing{opacity:.2;filter:grayscale(1)}.modal h3{font-size:17px;margin:22px 0 8px}
.primary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:24px;font-size:18px;font-weight:bold;background:#ffdfa0;color:#785b70;padding:13px 22px;box-shadow:0 4px 0 #bda39855}.primary svg{width:23px;height:23px}.primary.mint{background:#d8edc6;color:#6b7b6d}.modal .primary{width:100%;margin-top:20px}.secondary{background:none;color:#8b718b;padding:10px;font-size:14px;display:inline-flex;align-items:center;gap:8px}.secondary svg{width:20px;height:20px}
.sound-options{display:flex;flex-direction:column;gap:13px}.setting-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:20px;background:#eddfed;color:#7b5f78}.setting-button svg{width:23px;height:23px}.sound-options .primary{margin-top:0}
#toast{position:absolute;bottom:15px;left:50%;transform:translate(-50%,10px);border-radius:22px;padding:12px 18px;background:#fff5dc;color:#826079;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;z-index:8}#toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes idle{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}65%{transform:rotate(5deg)}}@keyframes bubble{0%,100%{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes wink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.12)}}@keyframes soft-catch{40%{transform:scale(1.075,.91)}75%{transform:scale(.98,1.045)}}@keyframes slow-tip{0%{transform:rotate(0)}28%{transform:rotate(96deg)}72%{transform:rotate(103deg)}100%{transform:rotate(0)}}@keyframes hint-pulse{0%,18%{transform:scale(.8);opacity:.9}75%,100%{transform:scale(1.65);opacity:0}}@keyframes hold-pulse{0%,100%{transform:scale(.92);opacity:.7}25%,75%{transform:scale(1.15);opacity:1}}
@media(max-width:360px){#controls{padding-left:8px;padding-right:8px}.street-dock{gap:7px}.nav-arrow{width:40px}.picture-button{font-size:15px;width:80px}.picture-button.main-action{width:96px}.picture-button svg{width:53px;height:53px}.menu-grid .picture-button{width:115px}#heading{padding-left:46px;padding-right:46px}.screen-title{font-size:20px}}
@media(max-height:600px){#heading{min-height:51px;padding-top:10px}.screen-title{font-size:21px}.welcome-title{font-size:32px}#controls{padding-top:4px;padding-bottom:10px}.picture-button{min-height:77px;font-size:15px;border-radius:22px}.picture-button svg{width:47px;height:47px}#hud{top:7px}.menu-button{height:39px;width:39px;padding:5px}.menu-button svg{width:29px;height:29px}}
@media(orientation:landscape) and (max-height:580px){#app{padding-right:122px}#heading{min-height:45px;padding-top:10px}#controls{position:absolute;right:8px;top:54px;bottom:0;width:112px;padding:5px}.play-dock{flex-direction:column;gap:8px}.play-dock.two-actions{gap:18px}.picture-button,.picture-button.main-action,.picture-button.welcome-play{width:94px;min-height:75px;font-size:14px}.picture-button svg{width:46px;height:46px}.street-dock{display:grid;grid-template-columns:42px 42px;gap:8px;align-content:center}.street-dock #visit-house,.street-dock .home-button{grid-column:span 2;grid-row:auto}.street-dock .nav-arrow{width:42px;height:35px}.street-dock #visit-house{grid-row:1}.street-dock .home-button{grid-row:3}.menu-button{width:40px;height:40px}.costume-grid{grid-template-columns:repeat(6,1fr)}.costume-option svg{height:88px}}
@media(prefers-reduced-motion:reduce){.float,.idle,.twinkle,.wink,.bubble,.wiggle,.bucket-catch,.hint-ring{animation:none}.hint-ring{opacity:.6}#activity-guide,.picture-button{transition:none}.snack-chew-mouth ellipse{ry:3.5}}
#activity-art{filter:drop-shadow(0 2px 1px #79658b26)}

/* The illustrated wordmark belongs to the welcome screen, leaving game views open. */
#app[data-scene="welcome"] #heading{padding:0 12px 2px;min-height:0}
.welcome-title{width:min(560px,100%);margin:0;line-height:0}
.game-wordmark{display:block;width:100%;height:auto;max-height:21svh;object-fit:contain;user-select:none;-webkit-user-select:none}
@media(orientation:landscape) and (max-height:580px){.game-wordmark{max-height:25svh}.welcome-title{width:min(430px,100%)}}

/* Big picture choices; the selected bucket stays visible throughout the adventure. */
.bucket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bucket-option{position:relative;min-width:0;border:3px solid transparent;border-radius:24px;padding:6px 4px 12px;background:#f0e0e0;color:#795b78;transition:background .15s,border-color .15s}.bucket-option svg{display:block;width:100%;height:113px;margin:auto}.bucket-option>span:last-child{display:block;font-size:13px;font-weight:bold;line-height:1.2}.bucket-option.selected{border-color:#9980b6;background:#e7dcf1}.bucket-option:active{background:#dfcfeb}.bucket-check{position:absolute;right:4px;top:4px;display:none;width:24px;height:24px;border-radius:50%;background:#9e87b6;color:#fff7e8;font-size:18px;font-weight:bold;line-height:24px}.bucket-option.selected .bucket-check{display:block}.bucket-done{position:sticky;bottom:-20px;margin:5px -8px -12px;padding:8px;background:linear-gradient(#ffefd900,#ffefd9 28%)}.bucket-done .primary{margin-top:5px}.halloween-backdrop{pointer-events:none}#app[data-scene="mini"] .gesture-hint>g:first-child{stroke:#fff0c6;stroke-opacity:.8}#app[data-scene="mini"] .hint-ring{stroke:#fff0c6;fill:#fff0c6}
@media(max-width:360px){.bucket-option svg{height:91px}.bucket-option>span:last-child{font-size:12px}.bucket-grid{gap:7px}.bucket-option{border-radius:19px}.modal{padding:15px}.bucket-done{bottom:-15px}.picture-button.welcome-play{width:96px}}
@media(orientation:landscape) and (max-height:580px){.bucket-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bucket-option svg{height:83px}.bucket-option>span:last-child{font-size:11px}}
/* Small physical reactions keep taps, drags and tools connected to the toys. */
.toy-press{animation:toy-press .32s ease-out;transform-box:fill-box;transform-origin:center}.bell-ring{animation:bell-ring .5s ease-out;transform-box:fill-box;transform-origin:50% 0}#polish-cloth,#tickle-feather{transition:opacity .13s}.water-pour{animation:water-pour .65s ease-out forwards}#action-fx{pointer-events:none}#ladle{filter:drop-shadow(1px 2px 1px #74674722)}
@keyframes toy-press{0%{transform:scale(.87,1.06)}50%{transform:scale(1.07,.96)}100%{transform:scale(1)}}@keyframes bell-ring{0%{transform:rotate(-12deg)}20%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}70%{transform:rotate(5deg)}100%{transform:rotate(0)}}@keyframes water-pour{0%{opacity:0}12%,65%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.toy-press,.bell-ring{animation:none}#polish-cloth,#tickle-feather{transition:none}}

.water-drop{animation:water-drop .35s linear infinite}@keyframes water-drop{from{transform:translateY(-7px);opacity:.6}to{transform:translateY(7px);opacity:0}}@media(prefers-reduced-motion:reduce){.water-drop{animation:none}}

/* Quiet, physical feedback for tracing, dipping, and clearing cream. */
[id^="cream-puff-"]{transition:opacity .23s ease-out}#cream-face,#bob-face{transition:opacity .12s}#carve-tip,#cream-discovery,#character-reaction{pointer-events:none}.pumpkin-cutout{animation:cutout-pop .45s ease-out;transform-box:fill-box;transform-origin:center}.speech-bubble{animation:cheer-pop .3s ease-out;transform-box:fill-box;transform-origin:50% 100%}.little-cheer{animation:cheer-hop .7s ease-in-out 2;transform-box:fill-box;transform-origin:50% 100%}#carve-cut-0,#carve-cut-1,#carve-cut-2{transition:opacity .2s}
@keyframes cutout-pop{from{opacity:0;translate:0 -15px}to{opacity:1;translate:0 0}}@keyframes cheer-pop{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes cheer-hop{0%,100%{translate:0 0}45%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.pumpkin-cutout,.speech-bubble,.little-cheer{animation:none}[id^="cream-puff-"],#cream-face,#bob-face{transition:none}}
.lift-cue{animation:lift-cue 1s ease-in-out infinite}@keyframes lift-cue{0%,100%{translate:0 4px;opacity:.6}50%{translate:0 -6px;opacity:1}}@media(prefers-reduced-motion:reduce){.lift-cue{animation:none}}

/* New-house toys keep their movement inside the shared activity space. */
.extra-control{touch-action:none}.extra-control:focus-visible{filter:drop-shadow(0 0 5px #fff3b7)}.extra-net-wiggle{animation:extra-net .55s ease-out;transform-origin:50% 0;transform-box:fill-box}
@keyframes extra-net{25%{transform:scaleY(1.13) rotate(2deg)}60%{transform:scaleY(.97) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.extra-net-wiggle{animation:none}}

/* A small candy pocket, big toys, and a picture menu in every house. */
#hud{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0;height:51px;flex-shrink:0;z-index:5}
.stash-button{height:42px;min-width:80px;display:flex;align-items:center;gap:5px;padding:2px 13px 2px 3px;background:#fff0c9;color:#795773;border:2px solid #fff7e3;border-radius:23px;box-shadow:0 3px 0 #392c4526;font-size:23px;font-weight:900;font-variant-numeric:tabular-nums}
.stash-button svg{width:37px;height:37px;display:block}.stash-summary{font-size:18px;font-weight:bold;text-align:center;margin:8px 0 18px}.sticker-row{flex-wrap:wrap}
#heading{min-height:48px;padding:7px 12px 4px}.screen-title{font-size:clamp(20px,5.8vw,27px);max-width:800px}
#app[data-scene="activities"]{background:var(--play-sky,#725580)}
#room-panel{position:absolute;inset:0;padding:8px 20px;display:flex;align-items:center;justify-content:center;overflow:auto;touch-action:pan-y}#room-panel[hidden]{display:none}
.room-picker{display:grid;grid-template-rows:repeat(3,minmax(88px,1fr));gap:13px;width:min(600px,100%);max-height:100%;height:440px}
.activity-card{display:flex;align-items:center;position:relative;gap:10px;padding:8px 15px 8px 7px;border:3px solid #fff4d8;border-radius:30px;background:linear-gradient(135deg,#fffbed,#f3deca);color:#755b7d;box-shadow:0 5px 0 #3e2b4c30;text-align:left;font-size:clamp(20px,5.5vw,26px);font-weight:900;line-height:1.08;min-height:0}
.activity-card>svg{width:46%;max-width:185px;height:100%;min-height:65px;flex-shrink:0;pointer-events:none}.activity-card>span{padding-right:12px}.activity-card:active{transform:translateY(3px);box-shadow:0 2px 0 #3e2b4c30}.activity-check{position:absolute;right:8px;top:8px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#97b78b;color:#fff9df;font-size:20px}
.activity-dock{display:flex;align-items:center;justify-content:center;gap:12px;width:min(520px,100%)}.activity-dock .picture-button{flex:1;width:auto;max-width:185px;min-height:62px;flex-direction:row;padding:6px 10px;gap:5px;border-radius:24px;font-size:16px}.activity-dock .picture-button svg{width:39px;height:39px;flex-shrink:0}.activity-dock .picture-button span{white-space:normal}
#app[data-scene="mini"] #controls{padding:6px 10px max(10px,env(safe-area-inset-bottom))}.activity-dock .main-action{max-width:130px}#activity-stage.is-touching #extra-guide{opacity:0}
@media(max-height:620px){#hud{height:45px;padding-top:4px}#heading{min-height:40px;padding-top:4px}.room-picker{gap:8px}.activity-card{border-radius:23px;padding-top:3px;padding-bottom:3px}.activity-dock .picture-button{min-height:55px}.activity-dock .picture-button svg{width:32px;height:32px}}
@media(orientation:landscape) and (max-height:580px){#app{padding-right:116px}#hud{height:43px}#heading{min-height:34px;padding-top:0}#controls{width:106px}.room-picker{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:100%;gap:9px}.activity-card{flex-direction:column;justify-content:center;text-align:center;font-size:18px;padding:7px}.activity-card>svg{width:100%;height:62%;min-height:0}.activity-card>span{padding:0}.activity-dock{flex-direction:column}.activity-dock .picture-button{width:96px;min-height:66px;flex-direction:column;gap:0;padding:5px;font-size:13px}.activity-dock .picture-button svg{height:30px;width:30px}#room-panel{padding:4px 12px}}

/* Activity choices stay outside the toys, at a steady touch-friendly size. */
#activity-tools{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;padding:8px 14px 16px;z-index:2}
#activity-tools[hidden]{display:none}
.activity-tool{min-height:48px;min-width:86px;max-width:142px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:2px solid #fdf3df;border-radius:22px;background:#fff3de;color:#7c6387;font-size:16px;font-weight:bold;line-height:1.1;box-shadow:0 3px 0 #47355122}
.activity-tool svg{width:24px;height:24px;flex-shrink:0;color:#9a7fb0}.activity-tool span{white-space:nowrap}.activity-tool:active{transform:translateY(2px);box-shadow:0 1px 0 #47355122}.activity-tool.tool-done{background:#d5eac6;color:#62765a;border-color:#e9f5df}.activity-tool.tool-done svg{color:inherit}.activity-dock .picture-button .replay-icon{width:32px;height:32px;margin:0 3px;color:#a087b5}
.reward-modal{width:min(380px,100%);padding:22px 20px 15px;text-align:center;border-radius:36px;border-color:#fff0c4;background:linear-gradient(#fffbed,#fae8d6);animation:reward-arrive .28s ease-out}
.reward-modal h2{font-size:32px;line-height:1.1;margin:13px 0 0;color:#7a6080}.reward-checks{display:flex;justify-content:center;gap:13px}.reward-checks span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#a7c493;border:3px solid #d6e6bd;box-shadow:0 3px 0 #7287681c}.reward-checks svg{width:24px;height:24px;fill:none;stroke:#fffcef;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.reward-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 0 6px;background:none;color:#785977;border-radius:24px}.reward-open>svg{display:block;width:min(290px,100%);height:auto}.reward-open>span{display:block;width:85%;padding:13px 18px;border:3px solid #fff3c4;border-radius:25px;background:linear-gradient(#ffe6a1,#f8ca86);box-shadow:0 5px 0 #cea98075;font-size:27px;font-weight:900}.reward-open:active>span{transform:translateY(3px);box-shadow:0 2px 0 #cea98075}.reward-later{min-height:48px;padding:11px 25px;margin-top:11px;border-radius:23px;background:#e9dce6;color:#7a6282;font-size:17px;font-weight:bold}.reward-chest{animation:reward-bob 2.5s ease-in-out infinite;transform-origin:50% 70%}
@keyframes reward-arrive{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}@keyframes reward-bob{50%{transform:translateY(-5px) rotate(-1deg)}}
@media(max-width:360px){#activity-tools{gap:8px;padding-left:10px;padding-right:10px}.activity-tool{padding:9px 10px;font-size:15px;gap:5px}}
@media(orientation:landscape) and (max-height:580px){#activity-tools{position:absolute;left:12px;top:100px;bottom:12px;width:92px;padding:0;min-height:0;flex-direction:column;justify-content:center;gap:9px;overflow-y:auto}.activity-tool{width:92px;min-height:49px;flex-shrink:0;padding:8px 6px;font-size:13px;gap:4px}.activity-tool svg{width:21px;height:21px}#app[data-tools="true"] #play-area{width:calc(100% - 112px);margin-left:112px}.reward-modal{max-height:94svh;width:min(540px,100%);padding:15px 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:center}.reward-checks{grid-column:1;align-self:end}.reward-modal h2{grid-column:1;margin:10px 0}.reward-open{grid-column:2;grid-row:1 / 4}.reward-open>svg{width:180px}.reward-open>span{font-size:22px;padding:9px 14px}.reward-later{grid-column:1;align-self:start;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.reward-modal,.reward-chest{animation:none}}

/* Parent navigation stays outside the play area. */
.arcade-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:22px;padding-top:14px;border-top:2px solid #ddc6da}.arcade-links a{display:inline-flex;align-items:center;min-height:44px;color:#6e507a;font-size:15px;font-weight:700;text-underline-offset:4px}.arcade-links .arcade-return{font-size:20px;text-decoration:none}.arcade-links a:focus-visible{outline:3px solid #8166a8;outline-offset:4px;border-radius:8px}

/* A visible path from house to house, with deliberate round choices. */
#street-nav{position:absolute;inset:0;pointer-events:none;z-index:3}#street-nav[hidden]{display:none}
#street-nav p{position:absolute;top:0;left:0;width:100%;text-align:center;margin:5px 0;color:#fff5db;font-size:clamp(14px,3.6vw,18px);font-weight:bold;text-shadow:0 2px 3px #45324e}
.street-arrow{position:absolute;top:43%;width:clamp(52px,7vw,70px);height:clamp(60px,8vw,78px);border-radius:26px;border:3px solid #fff3d6;background:#ffe5a5;color:#765d7e;box-shadow:0 5px 0 #49365355;pointer-events:auto;display:grid;place-items:center}
.street-prev{left:8px}.street-next{right:8px}.street-arrow svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.street-arrow:active{transform:translateY(3px)}
.activity-card.recommended{border-color:#ffe098;box-shadow:0 5px 0 #3e2b4c30,0 0 0 3px #ffe09855}.activity-card small{display:block;margin-top:6px;color:#886b71;font-size:15px}
.round-modal{width:min(430px,100%);text-align:center;padding:20px;border-radius:34px;animation:reward-arrive .28s ease-out}.round-modal h2{font-size:32px;margin:9px 0 5px;line-height:1.1}.round-status,.reward-status{font-size:18px;margin:8px 0 17px;font-weight:bold;color:#866b85}
.round-medal{position:relative;width:175px;margin:0 auto;background:#f1e4cb;border-radius:26px;border:3px solid #fff4cf}.round-medal>svg{display:block;width:100%;height:100px}.round-medal b{position:absolute;right:-10px;bottom:-5px;background:#a8c48d;color:#fffced;border:3px solid #eaf3d7;border-radius:50%;width:42px;height:42px;font-size:30px}
.round-actions{display:grid;gap:11px}.round-choice{width:100%;min-height:67px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:23px;padding:10px 13px;background:#ebdeed;color:#796280;border:2px solid #fff6e1;font-size:21px;font-weight:bold;box-shadow:0 4px 0 #8d719122}.round-choice>svg{width:43px;height:43px;flex-shrink:0}.round-choice>svg:last-child:not(:first-child){width:25px;height:25px;margin-left:auto}.round-choice span{flex:1}.round-choice small{display:block;font-size:15px;font-weight:normal;margin-top:3px}.round-choice.next-choice{background:#d7edc7;color:#637a5b;border-color:#f0ffdc}.round-choice.house-choice{background:#ffe4ae;color:#81617b}.round-choice:active{transform:translateY(2px)}
.reward-new-house{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px auto 0;min-height:44px;padding:7px 16px;border-radius:20px;background:#f4dbae;color:#7a6282;font-size:18px;font-weight:bold}.reward-new-house svg{width:23px;height:23px}
@media(max-height:600px){.round-medal{width:125px}.round-medal>svg{height:65px}.round-modal{padding:15px}.round-modal h2{font-size:26px}.round-status{margin:4px 0 10px;font-size:16px}.round-choice{min-height:54px;font-size:18px}.round-choice>svg{width:32px;height:32px}.round-actions{gap:8px}}
@media(orientation:landscape) and (max-height:580px){.street-dock{display:flex;flex-direction:column}.reward-status{grid-column:1;margin:0}.reward-new-house{grid-column:1}.reward-open{grid-row:1 / 6}.round-modal{width:min(580px,100%);display:grid;grid-template-columns:1fr 1.4fr;gap:0 20px;align-items:center}.round-medal,.round-modal h2,.round-status{grid-column:1}.round-actions{grid-column:2;grid-row:1 / 4}.round-modal h2{margin:6px 0}.round-status{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.round-modal{animation:none}}

.next-choice>svg:first-child{width:70px;height:50px}