/* A warm illustrated world, with large touch targets and room to explore. */
:root{--hud-ink:#203e46;--hud-teal:#146e69;--hud-cream:#fffbed;--hud-line:#d9e1d4}
body{color:var(--hud-ink)}
header{background:#fffdf4;border-bottom-color:#d7e2ce;z-index:9}header button{color:#245e50}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #2273c1;outline-offset:4px}
button{touch-action:manipulation}
main#app{padding-bottom:100px}
.bottomNav{grid-template-columns:repeat(5,1fr);background:#fffdf4;border-color:#d3dfc8;box-shadow:0 -5px 20px #284b401c}
.bottomNav::before{background:linear-gradient(90deg,#f3c659,#d48791,#89b6c8,#80ad86)}
.bottomNav button{flex:1;min-width:0;font-size:12px;min-height:62px}
.bottomNav button[aria-current=page]{background:#e2eee0;color:#164f46;border-radius:14px}
.hudEyebrow{font-size:11px!important;font-weight:900;letter-spacing:1.7px;line-height:1.5}
.hudHomeHero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;min-height:340px;border-radius:28px;padding:30px;background:#e4f1e3;overflow:hidden;text-align:left;box-shadow:0 6px 0 #d7e6cf}
.hudHomeHero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('hud-world.webp') center/cover;opacity:.48}
.hudHomeHero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f8de 5%,#f5f8dfdf 43%,#f5f8df00 85%)}
.hudHomeHero h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0;color:#1b5145}
.hudHomeHero p{font-size:17px;line-height:1.6;max-width:360px}
.hudHomeMascot{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;align-self:end;transform:rotate(3deg);max-height:330px}
.hudHomeMascot img{display:block;width:100%;height:330px;object-fit:contain;object-position:bottom}
.hudHomeActions{display:flex;align-items:flex-start;flex-direction:column;gap:7px;margin-top:22px}
.hudHomeActions .primary{font-size:17px;text-align:left;white-space:normal}
.hudHomeActions small{font-size:13px;font-weight:700;padding-left:3px}
.hudHomeActions .hudQuiet{padding:6px 0;min-height:40px}
.hudHomeProfile{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0;font-size:13px;font-weight:750;flex-wrap:wrap}
.hudHomeProfile button{font-size:12px;padding:9px 12px;border:1px solid #b3c6b4;border-radius:20px;background:#fff}
.hudFeaturedInvite{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:24px;border-radius:25px;background:#fff1c9;border:2px solid #f1dd9c;text-align:left;margin:24px 0 32px}
.hudFeaturedInvite h2{font-size:25px;margin:6px 0;text-align:left}.hudFeaturedInvite p{margin:5px 0 12px}
.hudFeaturedArt{background:#ffdf88;border-radius:50%;width:144px;height:144px;display:grid;place-items:center}
.hudFeaturedArt .sprite.mini{width:132px;height:132px}
.hudSectionTitle{font-size:27px;text-align:left;margin:22px 0 16px}
.hudExperienceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hudExperienceCard{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;min-width:0;padding:20px;background:#fffdf7;border:2px solid #dce6dc;border-radius:23px;box-shadow:0 5px 0 #e2e7d8;color:var(--hud-ink);overflow:hidden}
.hudExperienceCard:nth-child(4n+2){background:#eaf4f7;border-color:#d0e5eb}.hudExperienceCard:nth-child(4n+3){background:#f4ecfa;border-color:#e5d8ef}.hudExperienceCard:nth-child(4n+4){background:#fff0e7;border-color:#f0ded0}
.hudExperienceCard .panelArt{width:100%;height:145px;display:flex;justify-content:center;margin:0 0 8px;overflow:hidden;border-radius:15px}
.hudExperienceCard .panelArtPicture{width:150px;height:150px;display:block;flex:none}
.hudExperienceCard b{font-size:21px;line-height:1.2}.hudExperienceCard>span{font-size:14px;line-height:1.5}.hudExperienceCard small{font-size:13px;font-weight:750;margin-top:6px}
.hudExperienceCard .sprite.mini{width:145px;height:145px}
.hudQuickLinks{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.hudQuickLinks button{flex:1;min-width:145px;border:2px solid #d6e1d5;border-radius:17px;padding:16px 12px;min-height:56px;background:#fffdf6;font-size:15px;font-weight:800;color:#24594e}
.hudQuiet{display:block;border:0!important;box-shadow:none!important;background:transparent!important;color:#28655d;padding:14px;font-size:15px;font-weight:750;min-height:44px;text-decoration:none}
.hudActivityTools{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px}
.hudActivityTools button{border:1px solid #c8d7c7;padding:11px 14px;border-radius:24px;background:#fffdf7;color:#315e55;font-size:13px;font-weight:750;min-height:44px}
.hudActivityTools button[aria-pressed=true]{background:#ffeded;color:#964750;border-color:#eac1c4}
.hudResumeNote{padding:13px;border-radius:14px;background:#e3f0df;color:#28583c;text-align:center;font-weight:700}
.hudSessionFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #d8e2d3;margin-top:32px;padding-top:20px;font-size:13px;color:#3d6556}
.hudSessionFooter button{padding:12px 16px;border:1px solid #c3d2bc;border-radius:24px;background:#f5f8eb;font-weight:700;color:#365447}
.hudHandsInvite{display:flex;flex-direction:column;gap:8px;width:100%;border:2px solid #c9dfc3;padding:22px;border-radius:22px;text-align:left;background:#e9f3df;color:#2f593d;margin:0 0 24px}
.hudHandsInvite b{font-size:20px}.hudHandsInvite span{font-size:14px}
.hudMapSummary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;margin:24px 0}
.hudMapSummary button{background:#fff1c6;border:1px solid #dbc784;border-radius:18px;padding:13px;font-weight:750}
.hudMapFilters{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}
.hudMapFilters button{background:#fffdf6;border:2px solid #d7dfcd;padding:11px 15px;border-radius:30px;font-weight:700;font-size:13px;min-height:44px}.hudMapFilters button[aria-pressed=true]{background:#25675a;color:#fff;border-color:#25675a}
.hudMapRegion{background:var(--region);border-radius:28px;padding:22px 24px;margin:0 0 22px;overflow:hidden;position:relative}
.hudMapRegion::before{content:"";background:url('hud-world.webp') center/cover;opacity:.14;position:absolute;inset:0;pointer-events:none}.hudMapRegion>*{position:relative}
.hudMapRegion h3{margin:0 0 18px;font-size:23px}.hudMapPath{position:relative;display:flex;flex-direction:column;gap:18px;padding:6px 0}
.hudMapPath:before{content:"";position:absolute;width:40%;top:0;bottom:0;left:30%;border-left:9px dotted #fffaf1;border-right:9px dotted #fffaf1;transform:rotate(8deg);pointer-events:none}
.hudMapStop{position:relative;display:flex;align-items:center;gap:14px;padding:13px;min-height:90px;width:88%;border:2px solid #ffffff;border-radius:24px;background:#fffffff2;box-shadow:0 4px 0 #63817620;text-align:left;color:#274840}
.hudMapStop:nth-child(even){align-self:flex-end}.hudMapStop>span:last-child{margin-left:auto;font-weight:900;font-size:22px}.hudMapStop b{display:block;font-size:17px;line-height:1.3}.hudMapStop small{display:block;font-size:11px;line-height:1.5;margin-top:5px}.hudMapStop.visited{border-color:#80b694;background:#f9fff5}
.hudMapMarker{display:grid;place-items:center;min-width:62px;height:62px;border-radius:50%;background:#fff0b9;border:4px solid #fff;font-size:32px;box-shadow:0 2px 0 #d2c690}
.hudEmpty{padding:35px 20px;background:#fffdf5;border:2px dashed #cbd8c1;border-radius:24px;text-align:center;line-height:1.7;margin:20px 0}.hudEmpty .primary{margin-top:20px}
.hudFeaturedHeading{display:flex;gap:22px;align-items:center;padding:18px;background:#fff1d3;border-radius:24px}.hudFeaturedHeading .panelArt{width:130px;height:130px;flex:none}.hudFeaturedHeading .sprite.mini{width:130px;height:130px}.hudFeaturedHeading h2{font-size:28px;margin:5px 0 10px}.hudFeaturedHeading p{margin:8px 0}
.hudQuestSteps{display:flex;flex-direction:column;gap:16px;margin:25px 0}.hudQuestSteps>button{display:flex;align-items:center;text-align:left;gap:20px;background:#fffdf7;border:2px solid #dbe2d4;border-radius:23px;padding:22px;color:#264b46}.hudQuestSteps>button.current{border-color:#4e9480;box-shadow:0 4px 0 #bad9c3}.hudQuestSteps>button.complete{background:#eaf5e3}.hudQuestSteps>button>span{font-size:34px}.hudQuestSteps>button>span:last-child{margin-left:auto}.hudQuestSteps b{display:block;font-size:21px;margin:5px 0}.hudQuestSteps small{font-size:10px;letter-spacing:1.6px;font-weight:800}.hudQuestSteps p{margin:4px 0;font-size:14px;line-height:1.4}
.hudOtherAdventures{margin-top:28px;border-top:1px solid #d7dfcf;padding-top:18px;font-size:14px}.hudOtherAdventures summary{padding:10px 0;cursor:pointer;font-weight:750}
.hudNextAdventure{padding:22px;background:#e3f2db;border:2px solid #c5deb7;border-radius:22px;margin:20px 0}.hudNextAdventure b{display:block;font-size:21px}.hudNextAdventure p{font-size:14px}
.hudCompletion{padding:35px 24px;text-align:center;background:#fffbed;border-radius:28px}.hudCompletion h2{font-size:34px;margin:16px 0}.hudCompletion>p{max-width:500px;margin:18px auto;line-height:1.7}.hudCompletion .primary{margin:9px auto;display:block;max-width:100%}.hudCompletion .hudQuiet{margin:auto}.hudBigEmoji{font-size:62px}.hudThreeSteps,.hudOfflineIdeas{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin:24px 0}.hudThreeSteps span,.hudOfflineIdeas span{background:#e8f1de;border-radius:15px;padding:15px;font-weight:750}.hudRest>img{height:240px;width:160px;object-fit:contain}.hudRest h2{font-size:30px}
.hudStoryScene{position:relative;overflow:hidden;min-height:280px;margin:12px 0 24px;border-radius:24px;border:3px solid #d0dfba;background:#c7e9bd;isolation:isolate}
.hudSceneSky{position:absolute;inset:0;background:url('scene-sunny-meadow.webp') center/cover;z-index:-1}.hudStoryScene.room .hudSceneSky{background:linear-gradient(#ffe3bc 0 64%,#ba865c 64% 68%,#e6bb89 68%)}.hudStoryScene.room::before{content:"";position:absolute;top:20px;left:25px;width:105px;height:80px;border:8px solid #fff8eb;background:url('scene-blue-sky.webp') center/cover;border-radius:15px}.hudStoryScene.beach .hudSceneSky{background:linear-gradient(#b4e8fb 0 35%,#75d3e6 35% 63%,#f9db91 63%)}.hudStoryScene.town .hudSceneSky{background:linear-gradient(#c9ebef 0 53%,#d4e4b0 53% 72%,#eed4ab 72%)}
.hudSceneCast{position:absolute;bottom:32px;left:5px;display:flex;align-items:flex-end}.hudSceneCast .sprite.mini{width:120px;height:120px}.hudSceneCast .sprite.mini+.sprite{margin-left:-35px}
.hudSceneProps{position:relative;min-height:195px;margin:20px 14px 45px 175px;display:flex;align-content:center;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:15px;border-radius:24px;background:#ffffffb8}
.hudSceneProp{display:inline-flex;align-items:center;justify-content:center;width:64px;height:72px;vertical-align:middle}.hudSceneProp svg{display:block;width:100%;height:100%}.hudPropEmoji{font-size:51px;font-weight:900;font-style:normal;font-family:system-ui;line-height:1}.hudPropEmoji.smallProp{font-size:31px}.hudStoryScene figcaption{position:absolute;bottom:0;left:0;right:0;background:#fff9eade;padding:9px;font-size:13px;font-weight:750;color:#335d47;text-align:center}.sceneSolved{border-color:#78b879}.sceneSolved .hudSceneProps{background:#f2ffdfdb}
.hudOptions .hudOption{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px}.hudChoicePicture{display:flex;justify-content:center;align-items:center;gap:2px;min-height:60px;margin-bottom:8px}.hudChoicePicture .hudSceneProp{width:55px;height:60px}.hudChoicePicture .hudPropEmoji{font-size:43px}.hudChoicePicture .hudSceneProp:only-child{width:72px;height:72px}
.hudHelpfulHint{padding:20px;border-radius:20px;border:2px solid #e7d48a;background:#fff4ce;margin:20px 0;text-align:left}.hudHelpfulHint>b{font-size:18px}.hudHelpfulHint p{font-size:16px;line-height:1.6}.hudHelpfulHint .hudQuiet{padding-left:0}.hudCountClues{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.hudCountClues button{width:55px;min-height:65px;padding:6px;border:2px solid #d9c476;border-radius:13px;background:#fffdf7;color:#344b42}.hudCountClues button span{display:block;font-size:27px}.hudCountClues button small{font-weight:800}.hudCountClues button.counted{background:#bfe0ab;border-color:#5a9564}
.hudHandsPrompt{font-size:18px;line-height:1.6;font-weight:650}.hudGameLandscape,.hudBuildStage,.hudGardenStage,.hudSoundStage{position:relative;border-radius:25px;min-height:330px;background:#e7f3de url('scene-sunny-meadow.webp') center/cover;border:2px solid #d0e4c1;overflow:hidden;margin:20px 0;isolation:isolate}
.hudHost{position:absolute;left:4%;bottom:8%;pointer-events:none}.hudHost .sprite.mini{width:125px;height:125px}
.hudFruitTray{display:flex;align-content:flex-start;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;position:relative;z-index:4;max-width:65%;margin:25px 15px 120px auto}
.hudMovePiece{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;min-height:65px;padding:5px;border:3px solid #fff;border-radius:17px;background:#fff7d3;box-shadow:0 3px 0 #5e75513d;touch-action:none;font-size:38px;user-select:none}.hudMovePiece[aria-pressed=true]{outline:4px solid #2767ab;outline-offset:3px}.hudMovePiece.dragging{z-index:20;pointer-events:none;box-shadow:0 10px 20px #21352d44}.hudFruitTray:has(.dragging){z-index:30}
.hudBasket{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 12px 14px auto;padding:10px;width:68%;min-height:120px;border:4px dashed #9a6a35;border-radius:28px;background:#fff5d6;z-index:2}.hudBasket>span:first-child{font-size:60px}.hudBasket>b{position:absolute;right:10px;top:9px;font-size:17px;color:#71542c}.hudPackedFruit{display:flex;flex-wrap:wrap;max-width:65%;gap:5px;padding-top:10px}.hudPackedFruit i{font-size:25px;font-style:normal;display:flex;flex-direction:column}.hudPackedFruit small{font-size:12px;font-weight:900}
.hudBuildStage{height:330px;background:#d7e7f5 url('scene-blue-sky.webp') center/cover}.hudHouseBlueprint{position:absolute;width:250px;height:250px;right:7%;top:25px}.hudShapeSlot{position:absolute;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.hudShapeSlot svg{width:100%;height:100%;display:block;pointer-events:none}.hudShapeSlot.filled{pointer-events:none}.hudShapeTray{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.hudShapeTray .hudMovePiece{width:95px;height:118px;font-size:14px;font-weight:750;gap:8px}.hudShapeTray svg{height:68px;width:68px}
.hudGardenStage{min-height:340px}.hudGardenSun{position:absolute;right:25px;top:14px;font-size:63px;filter:grayscale(.8);opacity:.4}.hudGardenSun.awake{filter:none;opacity:1}.hudGrowingPlant{position:absolute;bottom:55px;right:20%;display:flex;flex-direction:column;align-items:center}.hudGrowingPlant>svg{width:135px;height:135px}.hudGrowingPlant>span{font-size:70px;line-height:.8}.hudGrowingPlant>.hudPropEmoji{font-size:80px}.hudGrowthSteps{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:center;gap:15px}.hudGrowthSteps span{display:grid;place-items:center;width:44px;height:44px;background:#fffae6;border:2px solid #c8d1ba;border-radius:50%;font-size:22px}.hudGrowthSteps span.done{background:#cceba5;border-color:#447c43}.hudGardenTools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hudGardenTools button{padding:10px 4px;border:2px solid #d4dfc5;border-radius:18px;background:#fffdf3;font-size:12px;color:#315b4c}.hudGardenTools button>span{display:block;width:65px;height:65px;margin:auto}.hudGardenTools button svg{width:100%;height:100%}.hudGardenTools button b{display:block;margin-top:8px}.hudGardenTools button:disabled{opacity:.5}.hudSoundStage{min-height:245px}.hudSoundCall{display:flex;flex-direction:column;align-items:center;gap:14px;margin:35px 40px 35px auto;background:#fff7d5;border:4px solid #e8c669;border-radius:50%;width:165px;height:165px;justify-content:center;color:#26584e}.hudSoundCall>span{font-size:55px}.hudSoundChoices{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.hudSoundChoices button{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff7df;border:3px solid #dddeba;border-radius:22px;padding:14px;font-size:16px;color:#234d43;min-width:115px}.hudSoundChoices .sprite.mini{width:94px;height:94px}
.hudRoomThemes{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.hudRoomThemes button{background:var(--room);border:2px solid transparent;border-radius:20px;padding:11px 20px;font-weight:800;color:#355045}.hudRoomThemes button[aria-pressed=true]{border-color:#286e58}
.hudClubRoom{position:relative;min-height:400px;border:8px solid #a57849;border-radius:40px 40px 15px 15px;background:linear-gradient(#ddedcd 0 69%,#b98d61 69% 71%,#e7c391 71%);overflow:hidden;isolation:isolate}.hudClubRoom.room1{background:linear-gradient(#cee8f5 0 69%,#b98d61 69% 71%,#e7c391 71%)}.hudClubRoom.room2{background:linear-gradient(#f2d9dc 0 69%,#b98d61 69% 71%,#e7c391 71%)}.hudClubWindow{position:absolute;top:25px;left:20px;border:8px solid #fffaf0;border-radius:40px 40px 5px 5px;width:125px;height:115px;background:url('scene-sunny-meadow.webp') center/cover;box-shadow:0 4px 0 #7492683b;font-size:29px;padding-top:6px;text-align:center}.hudClubHud{position:absolute;left:5px;bottom:30px}.hudClubHud .sprite.mini{width:150px;height:150px}.hudClubRug{position:absolute;bottom:12px;left:20%;width:65%;height:65px;border-radius:50%;background:#d98168;border:10px solid #f0c76e}.hudRoomSpots{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;left:170px;right:22px;top:26px;bottom:72px}.hudRoomSpots button{display:grid;place-items:center;border:2px dashed #91a383;border-radius:20px;background:#ffffff60;min-height:60px;padding:0;font-size:42px;color:#809975;box-shadow:none}
.hudStickerPalette{display:flex;gap:10px;overflow-x:auto;padding:10px 5px 20px;scroll-snap-type:x proximity}.hudStickerPalette button{flex:none;scroll-snap-align:start;width:105px;padding:10px 7px;border:2px solid #ddd9bd;border-radius:17px;background:#fffaf0}.hudStickerPalette button[aria-pressed=true]{border-color:#2472b5;background:#e0f0ff}.hudStickerPalette span{display:block;font-size:36px}.hudStickerPalette small{display:block;font-size:10px;font-weight:750;line-height:1.3;margin-top:5px}
.hudGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.hudGallery button{border:2px solid #e0d4b9;border-radius:18px;background:#fffdf7;padding:10px;color:#36584a}.hudGalleryCanvas{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#fff;border-radius:10px}.hudGalleryCanvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hudGalleryInk{mix-blend-mode:multiply}.hudGallery b{display:block;font-size:15px;margin:12px 0 7px;line-height:1.4}.hudGallery small{font-size:11px}.hudArtFinish{border-top:1px solid #d7dfc7;margin-top:20px;padding-top:20px}.hudSavedNote{padding:18px;background:#e8f1df;border-radius:17px;font-size:13px;line-height:1.7}.hudSavedNote button{background:transparent;border:0;text-decoration:underline;font-weight:800;color:#356549;padding:8px 0}
.hudFavoriteCard{border:2px solid #e1dcc8;border-radius:23px;background:#fffdf5;overflow:hidden}.hudFavoriteCard>button:first-child{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border:0;background:transparent;width:100%;color:#345648;font-size:18px}.hudFavoriteCard .panelArt{height:140px;width:140px}.hudFavoriteCard .panelArtPicture{height:140px;width:140px}.hudFavoriteCard .hudQuiet{margin:auto;font-size:12px}
.hudParentSettings{padding:24px;border:2px solid #d2dfcc;border-radius:24px;background:#fbfff5;margin-bottom:24px;text-align:left}.hudParentSettings h3{font-size:21px;margin:12px 0}.hudParentSettings p{font-size:14px;line-height:1.7}.hudProfileChoices{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hudProfileChoices button,.hudParentSettings>button{border:2px solid #c4d4bd;border-radius:15px;padding:13px;background:#fff;color:#315a49;font-weight:750}.hudProfileChoices button[aria-pressed=true]{background:#e1eed6;border-color:#669e65}.hudParentSettings summary{padding:12px 0;font-weight:750;cursor:pointer}.hudProfileForm{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:15px 0}.hudProfileForm label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:750}.hudProfileForm input,.hudProfileForm select,.hudSessionSelect select{border:1px solid #a7bd9f;border-radius:10px;padding:13px;font-size:16px;background:#fff;max-width:100%}.hudProfileForm button{padding:14px;border:0;border-radius:12px;background:#276b56;color:#fff;font-weight:800;min-height:47px}.hudFinePrint{font-size:12px!important;color:#58735e}.hudSessionSelect{display:flex;align-items:center;gap:14px;font-weight:750}.hudStorageWarning{padding:16px;border-radius:16px;border:2px solid #dcb567;background:#fff1ca;font-size:14px;line-height:1.5;color:#664c1e}
@media(min-width:900px){body[data-page=home] main#app,body[data-page=hudExplore] main#app,body[data-page=hudClubhouse] main#app,body[data-page=hudTrails] main#app{max-width:940px}.homeChoices{grid-template-columns:repeat(4,minmax(0,1fr))}.homeChoices .hudExperienceCard{padding:14px}.homeChoices .hudExperienceCard b{font-size:19px}.homeChoices .hudExperienceCard .panelArt{height:135px}.hudHomeHero{padding:44px 55px}.hudHomeHero h1{font-size:56px}.hudHomeMascot img{height:370px}.hudAdventureMap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hudMapRegion{margin:0}.hudMapStop{width:95%}.hudMapMarker{min-width:50px;height:50px;font-size:26px}.hudClubRoom{max-width:700px;margin:auto}.hudGallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:540px){.hudHomeHero{padding:23px 18px;min-height:335px;grid-template-columns:1.45fr .85fr;border-radius:24px}.hudHomeHero h1{font-size:33px}.hudHomeHero p{font-size:14px}.hudEyebrow{font-size:9px!important;letter-spacing:1px}.hudHomeMascot img{height:230px;width:150%;max-width:none;transform:translateX(-22%)}.hudHomeActions .primary{font-size:14px;padding:14px 15px;min-height:51px}.hudHomeActions .hudQuiet{font-size:12px}.hudHomeActions small{font-size:11px}.hudFeaturedInvite{grid-template-columns:78px 1fr;padding:18px 14px;gap:12px}.hudFeaturedArt{width:78px;height:90px}.hudFeaturedArt .sprite.mini{width:87px;height:87px}.hudFeaturedInvite h2{font-size:20px}.hudFeaturedInvite p{font-size:12px}.hudFeaturedInvite .primary{font-size:13px;padding:13px}.hudExperienceGrid{gap:13px}.hudExperienceCard{padding:13px;border-radius:19px;gap:7px}.hudExperienceCard .panelArt{height:110px}.hudExperienceCard .panelArtPicture{height:115px;width:115px}.hudExperienceCard .sprite.mini{height:105px;width:105px}.hudExperienceCard b{font-size:17px}.hudExperienceCard>span,.hudExperienceCard small{font-size:12px}.hudQuickLinks{gap:8px}.hudQuickLinks button{min-width:115px;font-size:13px;padding:13px 8px}.hudMapRegion{padding:20px 12px}.hudMapStop{width:94%;gap:9px}.hudMapStop b{font-size:15px}.hudMapMarker{min-width:45px;height:45px;font-size:25px;border-width:3px}.hudMapStop small{font-size:10px}.hudFeaturedHeading{gap:10px}.hudFeaturedHeading .panelArt,.hudFeaturedHeading .sprite.mini{width:80px;height:80px}.hudFeaturedHeading h2{font-size:23px}.hudQuestSteps>button{padding:17px;gap:14px}.hudQuestSteps b{font-size:19px}.hudStoryScene{min-height:240px}.hudSceneCast{left:-12px;bottom:35px}.hudSceneCast .sprite.mini{width:90px;height:90px}.hudSceneCast .sprite.mini+.sprite{margin-left:-43px}.hudSceneProps{margin:17px 8px 40px 100px;min-height:175px;padding:8px;gap:3px}.hudSceneProp{width:42px;height:54px}.hudPropEmoji{font-size:38px}.hudPropEmoji.smallProp{font-size:24px}.hudStoryScene figcaption{font-size:11px}.hudChoicePicture .hudSceneProp{width:45px;height:50px}.hudChoicePicture .hudPropEmoji{font-size:32px}.hudChoicePicture .hudSceneProp:only-child{width:58px;height:58px}.hudHandsPrompt{font-size:16px}.hudFruitTray{max-width:68%;gap:8px;margin-right:10px;margin-bottom:60px}.hudMovePiece{width:50px;min-height:53px;font-size:28px;border-width:2px}.hudHost .sprite.mini{width:95px;height:95px}.hudBasket{width:71%;min-height:125px}.hudBasket>span:first-child{font-size:40px}.hudPackedFruit i{font-size:20px}.hudGameLandscape{min-height:340px}.hudHouseBlueprint{width:210px;height:245px;right:1%}.hudBuildStage>.hudHost{left:0;bottom:3%}.hudBuildStage>.hudHost .sprite.mini{width:95px;height:95px}.hudGardenTools{grid-template-columns:repeat(2,1fr)}.hudSoundCall{margin-right:18px;width:145px;height:145px}.hudSoundChoices{gap:9px}.hudSoundChoices button{min-width:85px;padding:10px}.hudSoundChoices .sprite.mini{width:70px;height:70px}.hudClubRoom{min-height:330px;border-width:6px}.hudClubWindow{left:10px;top:15px;width:85px;height:85px;font-size:20px;border-width:6px}.hudClubHud{left:-15px;bottom:34px}.hudClubHud .sprite.mini{width:130px;height:130px}.hudRoomSpots{left:110px;right:10px;top:18px;bottom:60px;gap:8px}.hudRoomSpots button{font-size:30px;border-radius:14px;min-height:48px}.hudGallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hudParentSettings{padding:18px}.hudCompletion{padding:27px 17px}.hudCompletion h2{font-size:28px}.hudBigEmoji{font-size:49px}.hudHomeProfile{font-size:12px}.hudArtFinish .primary{width:100%;font-size:16px}}
.hudGardenStage{min-height:365px}
.hudGardenSoil{position:absolute;right:8%;bottom:65px;width:210px;height:270px;padding:8px;border:3px dashed #357750;border-radius:25px;background:#fffbeddd;color:#25573b;z-index:2;touch-action:manipulation}
.hudGardenSoil svg{display:block;width:100%;height:215px;pointer-events:none}
.hudGardenSoil b{display:block;font-size:14px;line-height:1.3;pointer-events:none}
.hudGardenSoil:disabled{opacity:1;border-style:solid;background:#effbdd}
.hudGardenSoil:focus-visible{outline:4px solid #2273c1;outline-offset:4px}
.hudGardenSun{z-index:1;right:4%;top:4px;font-size:48px}
.hudGardenStage .hudHost{bottom:65px;left:2%}
.hudGardenTip{text-align:center;font-size:14px;font-weight:700;color:#38634c;line-height:1.5}
.hudGardenTools{position:relative;overflow:visible;z-index:3;margin-bottom:20px}
.hudGardenTools .hudGardenTool{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;min-height:105px}
.hudGardenTools .hudGardenTool.current{border:3px solid #508750;background:#f0fbdc;box-shadow:0 4px 0 #bad499}
.hudGardenTools .hudGardenTool.dragging{z-index:30;pointer-events:none;box-shadow:0 10px 24px #25463155}
.hudGardenTools .hudGardenTool:disabled{opacity:.6;touch-action:auto}
.hudGardenTools .hudGardenTool>span,.hudGardenTools .hudGardenTool b{pointer-events:none}
@media(max-width:540px){.hudGardenSoil{right:4%;width:175px;height:265px}.hudGardenStage .hudHost .sprite.mini{width:95px;height:95px}.hudGardenStage .hudHost{left:-4px;bottom:95px}.hudGardenSoil b{font-size:13px}.hudGardenTools{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}