/* The adventure styling shared by every menu and chooser. */
.menuBanner{--banner:#45318f;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:172px;margin:2px 0 20px;padding:18px 16px;border:4px solid #fff;border-radius:28px;color:#fff;background-image:linear-gradient(105deg,var(--banner) 0%,var(--banner) 40%,#4c3b9f88 78%),url('hud-world.webp');background-position:center,center;background-size:cover;box-shadow:0 8px 0 #6e57ad70,0 16px 23px #493e9533}
.menuBanner.theme-coral{--banner:#c7466f}.menuBanner.theme-teal{--banner:#116b76}.menuBanner.theme-blue{--banner:#38529e}.menuBanner.theme-gold{--banner:#9c5c24}
.menuBanner .menuCopy{position:relative;z-index:1;max-width:70%}.menuBanner small{display:block;color:#fff1b2;font-size:12px;font-weight:950;letter-spacing:1.2px;margin-bottom:4px}.menuBanner h2{color:#fff;text-shadow:0 3px 0 #261751a6;text-align:left;margin:0;font-size:clamp(23px,6vw,32px);line-height:1.08}.menuBanner p{color:#fff;font-size:15px;font-weight:750;line-height:1.3;margin:8px 0 0}.menuBanner img{position:absolute;z-index:0;right:0;bottom:-24px;width:115px;height:165px;object-fit:contain;filter:drop-shadow(0 5px 4px #32225d60)}
body[data-page='foundations'] main>.menuBanner~h2,body[data-page='skills'] main>.menuBanner~h2,body[data-page='month'] main>.menuBanner~h2,body[data-page='discovery'] main>.menuBanner~h2,body[data-page='discoveryList'] main>.menuBanner~h2,body[data-page='animals'] main>.menuBanner~h2,body[data-page='music'] main>.menuBanner~h2,body[data-page='rhymes'] main>.menuBanner~h2,body[data-page='trace'] main>.menuBanner~h2,body[data-page='color'] main>.menuBanner~h2,body[data-page='parentOpen'] main>.menuBanner~h2,body[data-page='grades'] main>.menuBanner~h2,body[data-page='parent'] main>.menuBanner~h2{display:none}
body[data-page='foundations'] main>.menuBanner~p.hint,body[data-page='skills'] main>.menuBanner~p.hint,body[data-page='month'] main>.menuBanner~p.hint,body[data-page='discovery'] main>.menuBanner~p.hint,body[data-page='discoveryList'] main>.menuBanner~p.hint,body[data-page='animals'] main>.menuBanner~p.hint,body[data-page='music'] main>.menuBanner~p.hint,body[data-page='rhymes'] main>.menuBanner~p.hint,body[data-page='trace'] main>.menuBanner~p.hint,body[data-page='color'] main>.menuBanner~p.hint:first-of-type,body[data-page='grades'] main>.menuBanner~p.hint:first-of-type{display:none}
body[data-page='discoveryList'] main>.backText{position:relative;z-index:1;margin:2px 0 13px}
.foundationGrid,.skillGrid,.discoveryCategories,.songGrid,.colorGallery,.dayGrid{gap:14px}
.foundationGrid button,.skillGrid button,.discoveryCategories button,.songGrid button,.colorGallery button,.dayTile{position:relative;overflow:hidden;text-align:left;color:#26365b;padding:15px;background:#fff6d6}
.foundationGrid button:before,.skillGrid button:before,.discoveryCategories button:before,.songGrid button:before{content:'';position:absolute;right:-21px;top:-24px;width:82px;height:82px;border-radius:50%;background:#ffffff74;pointer-events:none}
.foundationGrid button:nth-child(4n+1),.skillGrid button:nth-child(4n+1),.songGrid button:nth-child(4n+1),.discoveryCategories button:nth-child(4n+1){background:linear-gradient(140deg,#ffe49a,#fff0c6)}
.foundationGrid button:nth-child(4n+2),.skillGrid button:nth-child(4n+2),.songGrid button:nth-child(4n+2),.discoveryCategories button:nth-child(4n+2){background:linear-gradient(140deg,#bdedce,#e2f8e4)}
.foundationGrid button:nth-child(4n+3),.skillGrid button:nth-child(4n+3),.songGrid button:nth-child(4n+3),.discoveryCategories button:nth-child(4n+3){background:linear-gradient(140deg,#d4c7ff,#eee8ff)}
.foundationGrid button:nth-child(4n),.skillGrid button:nth-child(4n),.songGrid button:nth-child(4n),.discoveryCategories button:nth-child(4n){background:linear-gradient(140deg,#ffbad5,#ffe0ec)}
.foundationGrid button>span:first-child,.skillGrid button>span:first-child,.songGrid button>span:first-child{display:grid;place-items:center;width:54px;height:54px;font-size:34px;background:#ffffffb0;border:2px solid #fff;border-radius:17px;box-shadow:0 4px 0 #6b52902b;transform:rotate(-5deg);margin-bottom:9px}
.foundationGrid b,.skillGrid b,.songGrid b,.discoveryCategories b{font-size:18px;line-height:1.18;position:relative;z-index:1}.foundationGrid small,.skillGrid small,.songGrid small,.discoveryCategories small{font-size:14px;line-height:1.3;position:relative;z-index:1;color:#3e5372}
.meter{height:10px;background:#fff9;border:1px solid #7b6a8940;border-radius:999px}.meter i{background:linear-gradient(90deg,#43b68e,#47cdbf)}
.dayTile{min-height:142px;padding:15px}.dayTile strong{font-size:18px}.dayTile span{font-size:37px}.dayTile small{font-size:14px;line-height:1.25}.dayTile em{display:inline-block;background:#fff;border-radius:999px;padding:5px 9px;width:max-content;color:#413c8f}.dayTile.done{background:#d6f5e4}
.monthSummary{border:3px solid #fff;background:#fff3b7;border-radius:21px;box-shadow:0 5px 0 #b9a57d77;line-height:1.3}.monthSummary b{color:#493382}.monthSummary span{max-width:47%;text-align:right}
.discoverySummary{background:linear-gradient(125deg,#7252c7,#ae5eba);border:4px solid white;border-radius:24px;box-shadow:0 7px 0 #7963a180;margin:15px 0 20px}.discoveryCategories button{min-height:117px}.discoveryCategories span{display:grid;place-items:center;float:left;background:#ffffffb8;border:2px solid white;border-radius:18px;height:61px;width:61px;margin:0 13px 12px 0;font-size:34px}.discoveryCategories .meter{clear:both}
.discoveryList button{border:3px solid white;box-shadow:0 5px 0 #7665ac66;background:#fff7d8;min-height:87px}.discoveryList button:nth-child(4n+2){background:#dcf6e7}.discoveryList button:nth-child(4n+3){background:#e8e1ff}.discoveryList button:nth-child(4n){background:#ffe1ef}.discoveryList span{display:grid;place-items:center;flex:none;width:54px;height:54px;background:white;border-radius:16px;font-size:34px}.discoveryList b{font-size:17px}
.colorGallery button{background:linear-gradient(165deg,#fffefa,#e8e0ff);align-items:center;padding:12px;min-height:190px}.colorGallery button:nth-child(4n+2){background:linear-gradient(165deg,#fffefa,#dbf6e7)}.colorGallery button:nth-child(4n+3){background:linear-gradient(165deg,#fffefa,#ffe1ed)}.colorGallery button:nth-child(4n){background:linear-gradient(165deg,#fffefa,#fff1c2)}.colorGallery .colorThumb{width:min(100%,156px);border:2px solid white;border-radius:15px;box-shadow:0 5px 0 #7665ac4d;background-color:#fff}.colorGallery b{color:#423180;font-size:17px}
.animalPicker{padding:4px 3px 16px;gap:11px;scroll-padding:4px}.animalPicker button{border:3px solid #fff;background:#fff0cb;box-shadow:0 5px 0 #b0a4d8a8;min-height:128px;width:110px}.animalPicker button:nth-child(4n+2){background:#e2f5e7}.animalPicker button:nth-child(4n+3){background:#e5dfff}.animalPicker button:nth-child(4n){background:#ffe0eb}.animalPicker button.active{border-color:#6242b8;box-shadow:0 5px 0 #51328b}.animalPicker button span:last-child{font-size:14px}
.traceModes button,.rhymeTabs button,.ageChoices button,.sceneThemes button{border:2px solid #fff;box-shadow:0 4px 0 #70619b7a;border-radius:999px;min-height:45px}.traceModes button.active,.rhymeTabs .picked,.ageChoices button.active,.sceneThemes button.active{background:#6c45bd;color:#fff;box-shadow:0 4px 0 #432b81}.traceSelect{border:3px solid #fff;box-shadow:0 6px 0 #8174af88;background:linear-gradient(130deg,#fff5c5,#e7e1ff);border-radius:23px;margin-bottom:14px}.traceDropdown{border:3px solid #b9a0e8;border-radius:17px;box-shadow:0 4px 0 #947dc188}
.rhymePanel{background:#fffcf2}.rhymeArt{background:radial-gradient(circle,#fff6b5,#e0e8ff 72%);border:3px solid #fff;border-radius:22px}.rhymePanel h3{color:#513487}.lyricLine{border-radius:12px}.lyricLine.singing{background:#ffe57b;box-shadow:0 3px 0 #d2a149}
.scenePicker button,.storyPicks button{border:2px solid #fff}.storyGroups section{background:#fff9df}.storyGroups section:nth-of-type(2){background:#eaf8ef}.storyGroups section:nth-of-type(3){background:#f2eafa}
.gradeTopics>div,.gradeKey,.pricePanel,.ageGoals p{border:3px solid white;border-radius:20px;box-shadow:0 5px 0 #9182bc66;background:#fff8df}.gradeTopics>div:nth-child(even){background:#e5f4ff}.gradeKey{background:#e5e0ff}.pricePanel{background:#dff6ea}.ageGoals p{padding:12px;margin:9px 0}.nameForm input,.voiceControl select{border:3px solid #b9a4e9;border-radius:15px;background:#fffefa}.nameForm button,.voiceControl button{border:2px solid #fff;border-radius:15px;background:#6842c6;color:#fff;box-shadow:0 4px 0 #422484}
.pad button{border:2px solid #fff;box-shadow:0 4px 0 #9e8cbf;background:#e4d9ff}.pad button:nth-child(3n+2){background:#ffdeae}.pad button:nth-child(3n){background:#cbf0df}
body[data-section='playZone'] .bottomNav .navPlay,body[data-section='creative'] .bottomNav .navCreate,body[data-section='animals'] .bottomNav .navAnimals{background:#eee1ff;color:#42278d;box-shadow:inset 0 -3px 0 #c6a6f4}
@media(max-width:365px){.menuBanner{min-height:155px;padding:15px 12px}.menuBanner img{width:95px;height:145px}.menuBanner .menuCopy{max-width:70%}.foundationGrid button,.skillGrid button,.songGrid button{padding:12px}.colorGallery button{min-height:167px}.colorGallery .colorThumb{width:min(100%,132px)}}

.playWelcome,.creativeWelcome{min-height:155px;background-image:linear-gradient(100deg,#493393e6,#51439dc9),url('hud-world.webp');background-size:cover;background-position:center;color:white}.playWelcome{background-image:linear-gradient(100deg,#146975e6,#3153a4c9),url('hud-world.webp')}.playWelcome h2,.creativeWelcome h2{color:white;text-shadow:0 3px 0 #28215d}.playWelcome p,.creativeWelcome p{color:#fff5d2;font-weight:850}.playWelcome img,.creativeWelcome img{filter:drop-shadow(0 4px 5px #2c246b80)}
/* Bring the last home section and phone dock into the same world as the top. */
.moreExplore{overflow:hidden;border:4px solid #fff;border-radius:30px;background:linear-gradient(180deg,#fffaf5,#eee9ff);box-shadow:0 9px 0 #6e57ad70,0 17px 25px #493e9533;margin:8px 0 28px}
.exploreBanner{position:relative;min-height:112px;display:flex;align-items:center;padding:18px;background-image:linear-gradient(95deg,#443183f5 0%,#4d3b93df 56%,#4d3b9344 100%),url('hud-world.webp');background-position:center;background-size:cover;color:white;overflow:hidden}
.exploreBanner .exploreTitle{color:#fff;text-shadow:0 3px 0 #24174e;margin:0;max-width:70%;font-size:26px}
.exploreBanner img{position:absolute;right:12px;bottom:-38px;width:100px;height:143px;object-fit:contain;filter:drop-shadow(0 4px 4px #2c246b80)}
.moreExplore .grid{padding:15px;gap:14px}.moreExplore .tile{box-shadow:0 5px 0 #776ab458,0 9px 16px #4f638a23;border-width:3px;background-image:linear-gradient(145deg,#ffffff7a,transparent 58%)}
.bottomNav{background:#fffef9;border:4px solid #f2d7ff;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -7px 0 #a6a0d62e,0 -13px 24px #30255833;gap:6px;padding:10px 9px max(10px,env(safe-area-inset-bottom))}
.bottomNav:before{content:'';position:absolute;left:13px;right:13px;top:0;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#ffc954,#ee74af,#8165d8,#52bdb8)}
.bottomNav button{min-height:61px;border:2px solid #ebddfa;border-radius:18px;background:#fff;color:#493780;box-shadow:0 3px 0 #d7c9ed;font-size:13px;font-weight:950;padding:5px 2px;line-height:1.1}
.bottomNav button span{display:grid;place-items:center;margin:0 auto 3px;width:29px;height:29px;border-radius:9px;background:#f4eaff;font-size:20px;line-height:1}
body[data-page='home'] .bottomNav .navHome,body[data-section='playZone'] .bottomNav .navPlay,body[data-section='creative'] .bottomNav .navCreate,body[data-section='animals'] .bottomNav .navAnimals{background:#ffdf70;color:#352373;border-color:#dba849;box-shadow:0 4px 0 #c38f3d}
body[data-page='home'] .bottomNav .navHome span,body[data-section='playZone'] .bottomNav .navPlay span,body[data-section='creative'] .bottomNav .navCreate span,body[data-section='animals'] .bottomNav .navAnimals span{background:#fff7d9}
@media(max-width:360px){.bottomNav{gap:4px;padding-left:5px;padding-right:5px}.bottomNav button{font-size:12px}.moreExplore .grid{padding:10px}.exploreBanner{min-height:102px}}

main{padding-bottom:140px}
.hudAudioHint{min-height:0!important;font-size:14px!important;line-height:1.2!important;margin:0 auto!important;color:#fff4c4!important}
.hudAudioHint:empty{display:none}