/* Independent edition: illustrated worlds → illustrated folders → activities. */
:root{--ink:#17565c;--cream:#fff7e6;--teal:#20b5aa;--gold:#ffc958}
body{margin:0;background:#c9e5d0;color:var(--ink)}body.catalog-mode #app,body.catalog-mode #app-back,body.catalog-mode .modal-overlay,body.catalog-mode #catalog-engine-bar{display:none!important}body:not(.catalog-mode) #catalog{display:none}body.catalog-playing #app-back,body.catalog-playing .stage-counter,body.catalog-playing .game-header>.iconbutton:first-child{display:none!important}body.catalog-playing .game-page{padding-top:78px}body.catalog-playing .tale-heading{padding-top:60px}
button{font-family:inherit;cursor:pointer}button:focus-visible{outline:4px solid #ffcb5c;outline-offset:4px}button:disabled{cursor:default;opacity:.5}.catalog-shell{min-height:100svh;padding:22px clamp(16px,5vw,90px) 25px;position:relative;isolation:isolate;background:linear-gradient(#c2f2f025,#fdf0cc28),url('assets/garden-bg.webp') center/cover fixed}.catalog-shell:before{content:'';position:fixed;inset:0;background:#f5fff717;z-index:-1}.catalog-header{max-width:1220px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.catalog-heading{text-align:center;background:linear-gradient(#fff9e9,#ffecc9);padding:15px 50px 19px;border-radius:35px 22px 32px 25px;box-shadow:0 7px 0 #a97e4a3b,0 12px 25px #3b725426;border:2px solid #fff9df}.catalog-heading h1{font-size:clamp(24px,3.4vw,45px);margin:2px 0 4px;color:#20585d;line-height:1.3;font-weight:950}.catalog-heading p{margin:0;color:#708579;font-size:15px}.overline{font-size:12px;letter-spacing:.3px;color:#7d927d}.round-nav{width:58px;height:58px;border-radius:50%;border:3px solid #fff6d9;color:#fff;background:linear-gradient(140deg,#47c9bd,#078b91);font-size:30px;box-shadow:0 5px 0 #245d6033;flex-shrink:0}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:1210px;margin:20px auto 18px;min-height:30px}.crumbs button{border:0;border-radius:13px;background:#fff9e9e8;padding:6px 14px;color:#316e6d;font-weight:800;font-size:13px;box-shadow:0 2px 5px #173f3420}.crumbs button[aria-current]{background:#d9f3e3}.folder-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;max-width:1210px;margin:0 auto 25px}.catalog-folder{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;overflow:hidden;padding:9px 9px 12px;background:linear-gradient(135deg,#fffcf0,#fff2d9);border:3px solid #fffce9;border-radius:29px;box-shadow:0 6px 0 #b6946155,0 12px 24px #194c4535;transition:transform .2s,box-shadow .2s;color:#4b4734}.catalog-folder:hover{transform:translateY(-5px);box-shadow:0 9px 0 #b6946155,0 18px 24px #194c4535}.folder-picture{position:relative;height:clamp(100px,12vw,166px);display:flex;align-items:center;justify-content:center;overflow:hidden}.folder-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 2px #9d704927)}.folder-picture>img:not(.folder-art){width:100%;height:100%;object-fit:contain}.folder-label{padding:10px 5px 9px;border-radius:15px;background:linear-gradient(145deg,#d9f1de,#b7dcc1);font-weight:950;font-size:clamp(17px,1.8vw,23px);line-height:1.3;color:#315b4e;position:relative;overflow:hidden}.folder-label:after,.shine-button:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:30%;transform:skew(-25deg);background:linear-gradient(90deg,transparent,#ffffff99,transparent);animation:catalogShine 7s infinite}.folder-copy{font-size:11px;line-height:1.55;min-height:18px;padding:7px 2px 0;color:#7e806c}.folder-tab{position:absolute;top:6px;left:6px;color:#e1b560;font-size:21px}.tint-1 .folder-label{background:linear-gradient(135deg,#ffe9b5,#fbd27c);color:#72572e}.tint-2 .folder-label{background:linear-gradient(135deg,#cceef8,#a2d8ed);color:#2e6578}.tint-3 .folder-label{background:linear-gradient(135deg,#ead8f5,#d4bce9);color:#69517f}.tint-4 .folder-label{background:linear-gradient(135deg,#ffe0d1,#f3bbac);color:#85564a}.tint-5 .folder-label{background:linear-gradient(135deg,#d6f1e9,#a6dbd3);color:#316c67}.discovered{position:absolute;top:10px;right:12px;background:#fff3b6;color:#ca9130;border-radius:50%;padding:4px 8px}.subfolders{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px}.subfolders .folder-picture{height:150px}.catalog-foot{display:flex;justify-content:center;align-items:center;gap:17px;max-width:900px;margin:24px auto 0;padding:12px 20px;border-radius:25px;background:#fff8e8e8;box-shadow:0 4px 12px #426c4620;font-size:13px;color:#6d886e}.catalog-foot button{background:none;border:0;color:#227a78;font-weight:800}.activity-panel,.learning-spread{max-width:1100px;margin:15px auto;padding:28px;border-radius:32px;background:linear-gradient(140deg,#fffdf1f5,#fff1dcef);border:3px solid #fffbed;box-shadow:0 8px 0 #bb9d6d55,0 15px 35px #31564535;text-align:center}.activity-panel h2{font-size:29px}.learning-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.learning-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px}.learning-main h2{font-size:38px;color:#196e70;margin:15px 0 4px}.learning-main p{max-width:450px;line-height:1.9;color:#718675}.learning-picture{position:relative;background:radial-gradient(#ffffff,#f7e7b900);border:0;min-width:240px;min-height:225px;display:flex;justify-content:center;align-items:center}.learning-picture .visual{width:190px!important;height:190px!important}.lesson-diagram{width:210px;height:180px;filter:drop-shadow(0 6px 3px #bca47822)}.listen-dot{position:absolute;bottom:0;left:10px;background:#35b4a9;color:white;border-radius:50%;padding:9px 14px;font-size:22px}.learning-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;max-height:580px;overflow:auto;padding:6px;scrollbar-color:#b5ceaa transparent}.mini-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid #efdfbf;background:#fff9ec;padding:10px 4px;border-radius:20px;color:#345f60;font-weight:800;min-width:0}.mini-item.active{border-color:#33baab;background:#e5f7eb;box-shadow:0 0 0 3px #41bfb422}.mini-item .visual{width:65px!important;height:65px!important}.mini-item .lesson-diagram{width:76px;height:65px}.mini-item .fruit-sheet{width:65px;height:65px}.mini-item .flag-art{width:76px;height:53px}.learning-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.soft-button,.shine-button{border:1px solid #fff8dc;border-radius:19px;padding:12px 23px;font-size:16px;font-weight:850;background:linear-gradient(145deg,#daf0d7,#b8d9bc);color:#3e6b59;box-shadow:0 4px 0 #587c4c33;position:relative;overflow:hidden}.shine-button{background:linear-gradient(140deg,#61d5ae,#1bb395 56%,#0d8e86);color:#fffdf0;box-shadow:0 4px 0 #16776d55}.picture-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:28px 0}.picture-choices>button{border:3px solid #eadbbb;border-radius:25px;background:#fffaf0;min-width:145px;min-height:145px;padding:12px;display:flex;justify-content:center;align-items:center}.picture-choices .visual{width:125px!important;height:125px!important}.picture-choices .lesson-diagram{width:145px;height:125px}.picture-choices .correct{border-color:#28b99e;background:#e0f7e6}.picture-choices .incorrect{animation:gentleShake .3s;border-color:#ef9c87}.flag-art{width:185px;height:125px;object-fit:contain;filter:drop-shadow(0 5px 4px #1a414526)}.fruit-sheet{position:relative;display:block;overflow:hidden;width:180px;height:180px}.picture-choices .fruit-sheet{width:125px;height:125px}.activity-feedback{min-height:35px;padding:12px;border-radius:17px;color:#7a8d72;background:#f0ead34d}.activity-feedback.success{background:#dcf2da;color:#347750;font-weight:850}.activity-feedback.try-again{background:#ffead5;color:#a37449}.word-choices,.sequence-options{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:25px auto}.sentence{font-size:clamp(25px,4vw,42px);padding:30px 10px;line-height:2}.sentence-gap{background:#e0f2e8;color:#1e8e83;padding:6px 25px;border-radius:15px}.sequence-result{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;min-height:90px}.sequence-result span{background:#ddf1dc;padding:15px;border-radius:15px}.pair-columns{display:flex;justify-content:center;gap:45px}.pair-columns>div{display:flex;flex-direction:column;justify-content:space-around;gap:15px}.pair-image{background:#fff9eb;border:3px solid #eed9af;border-radius:25px}.pair-image .lesson-diagram{width:110px;height:90px}.pair-image.selected{border-color:#34bbae}.paired{opacity:.4}.toy-cart{position:relative;width:360px;height:230px;margin:30px auto}.cart-box{position:absolute;top:10px;left:0;right:0;height:140px;border-radius:15px;background:linear-gradient(#f98f6e,#e45b53);box-shadow:inset 0 6px 0 #ffc3a8,0 7px 0 #b34640;display:flex;gap:12px;align-items:center;justify-content:center}.cart-box span{width:65px;height:65px;border-radius:12px;background:#ffda6e;box-shadow:inset 0 4px 0 #ffeaaa}.cart-box span:nth-child(2){background:#75cadb;border-radius:50%}.cart-box span:nth-child(3){background:#b7d49c}.wheel-hole{position:absolute;bottom:10px;left:30px;width:80px;height:80px;background:#823c3380;border:3px dashed #fff4de;border-radius:50%}.wheel-hole.second{left:auto;right:30px}.wheel-hole.repaired{background:radial-gradient(#ffdc75 0 25%,#9d6b46 27% 58%,#65493c 60%);border:3px solid #cead73;box-shadow:0 6px 6px #5e403633}.shape-options{display:flex;gap:28px;justify-content:center}.shape-options button{border:0;background:none;padding:15px}.clay-circle,.clay-square,.clay-triangle{display:block;width:80px;height:80px;background:linear-gradient(135deg,#ffe57c,#efb93d);border-radius:50%;box-shadow:inset 0 4px 0 #fff9c2,0 6px 0 #be8b31}.clay-square{background:linear-gradient(135deg,#ff9b8e,#e85d61);border-radius:17px;box-shadow:inset 0 4px 0 #ffc5b6,0 6px 0 #ad4850}.clay-triangle{background:linear-gradient(135deg,#87d7f0,#4089d9);border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.ocean-clean{position:relative;height:300px;background:linear-gradient(#b7e8ed,#51b8cd);border-radius:30px;overflow:hidden}.ocean-clean>.lesson-diagram{position:absolute;bottom:0;left:0;width:100%;height:100%}.sea-friend{position:absolute;left:8%;top:20%;background:none;border:0}.sea-friend .lesson-diagram{width:150px}.litter{position:absolute;background:#fff6db;color:#747b71;border:0;border-radius:12px;padding:12px;top:48%;left:45%;transform:rotate(12deg)}.litter-1{top:20%;left:70%;transform:rotate(-10deg)}.litter-2{top:69%;left:55%;transform:rotate(5deg)}.litter:disabled{visibility:hidden}.bin{position:absolute;bottom:15px;right:15px;padding:10px;background:#fff7d9;border-radius:15px}.story-illustration .visual{width:330px!important;height:220px!important}.story-copy{font-size:24px;line-height:2;max-width:750px;margin:20px auto}.achievement-worlds{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:20px auto}.achievement-worlds>div{display:flex;flex-direction:column;align-items:center;background:#fff7e7;border-radius:18px;padding:10px}.achievement-worlds .folder-art{height:80px}.achievement-worlds span{font-size:12px;margin-top:6px}#catalog-engine-bar{position:fixed;z-index:9999;top:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;background:#fff6e7ed;border:2px solid #fff9df;border-radius:25px;padding:6px 12px;box-shadow:0 4px 14px #16545033;color:#306b67;max-width:calc(100% - 20px);white-space:nowrap}#catalog-engine-bar button{background:#1caf9c;border:0;border-radius:18px;padding:10px 16px;color:#fff8e7;font-weight:850}.catalog-playing .game-title p{display:none}.catalog-playing .game-hero{opacity:.75}
@keyframes catalogShine{0%,75%{left:-70%}95%,100%{left:150%}}@keyframes gentleShake{25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
@media(max-width:1000px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.folder-picture{height:150px}.subfolders{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-heading{padding:15px 25px}.learning-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-worlds{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.catalog-shell{padding:14px 12px 20px;background-attachment:scroll}.catalog-header{gap:8px}.catalog-heading{border-radius:24px;padding:10px 14px;flex:1}.catalog-heading h1{font-size:25px}.catalog-heading p{font-size:11px}.overline{font-size:9px}.round-nav{width:42px;height:42px;font-size:25px;border-width:2px}.crumbs{gap:5px;margin:16px 0 14px}.crumbs button{padding:5px 9px;font-size:11px}.folder-grid,.subfolders{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-folder{padding:6px 6px 9px;border-width:2px;border-radius:24px}.folder-picture,.subfolders .folder-picture{height:128px}.folder-label{font-size:18px;padding:9px 3px}.folder-copy{font-size:10px}.catalog-foot{flex-wrap:wrap;gap:10px;padding:10px;font-size:11px}.catalog-foot>span{width:100%;text-align:center}.activity-panel,.learning-spread{padding:17px 12px;border-radius:24px}.learning-spread{grid-template-columns:1fr;gap:12px}.learning-main{min-height:330px}.learning-main h2{font-size:32px}.learning-tray{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.learning-picture{min-height:190px}.learning-picture .visual{width:165px!important;height:165px!important}.soft-button,.shine-button{font-size:14px;padding:11px 15px}.picture-choices{gap:12px}.picture-choices>button{min-width:115px;min-height:115px;padding:8px}.picture-choices .visual{width:105px!important;height:105px!important}.picture-choices .lesson-diagram{width:115px;height:100px}.picture-choices .flag-art{width:115px;height:80px}.toy-cart{width:290px;height:215px}.wheel-hole{width:72px;height:72px;left:24px}.wheel-hole.second{right:24px}.pair-columns{gap:20px}.story-copy{font-size:20px}.story-illustration .visual{width:260px!important;height:175px!important}.achievement-worlds{grid-template-columns:repeat(3,1fr);gap:8px}.achievement-worlds b{font-size:12px}#catalog-engine-bar{gap:5px;font-size:12px;width:max-content}#catalog-engine-bar button{padding:9px 11px;font-size:12px}.catalog-playing .game-page{padding-top:77px}.litter{font-size:11px;padding:8px;left:40%}.litter-1{left:63%}.litter-2{left:53%}.sea-friend{left:0}.sea-friend .lesson-diagram{width:120px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.folder-picture>.visual{width:130px!important;height:130px!important}.folder-picture>.lesson-diagram{width:150px;height:130px}.folder-picture>.flag-art{width:150px;height:100px}.folder-picture>.approved-art{filter:drop-shadow(0 4px 3px #72532822)}

.toy-cart{width:min(600px,100%);height:auto;aspect-ratio:1.75}.cart-render{width:100%;height:100%;object-fit:contain}.toy-cart .wheel-hole{left:30%;top:52%;bottom:auto;width:18%;height:auto;aspect-ratio:1}.toy-cart .wheel-hole.second{left:74%;right:auto}

/* Three illustrated maps; category cards remain inside each world. */
.catalog-maps{height:max(760px,100svh);min-height:760px;overflow:hidden;display:flex;flex-direction:column;background-image:var(--catalog-map);background-size:cover;background-position:center;background-attachment:scroll;padding:16px 38px 14px}.catalog-maps:before{background:linear-gradient(#94def00a,#facb5e0a)}.catalog-maps .catalog-header{width:100%;z-index:2}.catalog-maps .catalog-heading{padding:10px 35px 13px}.catalog-maps .catalog-heading h1{font-size:clamp(25px,3vw,39px)}.catalog-maps .catalog-heading p{font-size:13px}.catalog-maps .crumbs{display:none}.map-tabs{display:flex;justify-content:center;gap:16px;z-index:2;margin:18px 0 0}.map-tab{position:relative;border:1px solid #fff5d8;background:linear-gradient(140deg,#48c8a0,#078f88);color:#fffbe9;border-radius:22px;padding:10px 27px;box-shadow:0 4px 0 #175f5e66,0 5px 15px #245e3933;font-size:17px;font-weight:900;opacity:.8}.map-tab-1{background:linear-gradient(140deg,#f3b95c,#d58c4a)}.map-tab-2{background:linear-gradient(140deg,#c994dc,#8b63ae)}.map-tab.active{opacity:1;box-shadow:0 4px 0 #175f5e66,0 0 0 3px #fff1b8;transform:translateY(-2px)}.catalog-world-map{position:relative;flex:1;min-height:430px;width:min(1220px,100%);margin:0 auto;isolation:isolate}.map-world{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);border:0;background:none;padding:0;width:190px;color:#fff9df;isolation:isolate;transition:filter .2s}.map-world:before{content:'';position:absolute;width:150px;height:40px;bottom:32px;border-radius:50%;background:#22564840;filter:blur(9px);z-index:-1}.map-world:hover{filter:drop-shadow(0 0 8px #fff2a9)}.map-world-art{width:190px;height:160px;display:block;filter:drop-shadow(0 4px 2px #5a654e44)}.map-world-art .folder-art{width:100%;height:100%;object-fit:contain;filter:none}.map-world .folder-label{width:175px;box-shadow:inset 0 2px 1px #fff7,0 4px 0 #37614c55,0 7px 12px #16473930;font-size:21px;border:1px solid #fff9;color:#fffbed;background:linear-gradient(140deg,#7ad8a2,#17b297 55%,#0c8f86);border-radius:23px;padding:8px 5px;margin-top:-8px}.map-world.tint-1 .folder-label{background:linear-gradient(140deg,#ffb76b,#ef895b 55%,#d66c51)}.map-world.tint-2 .folder-label{background:linear-gradient(140deg,#8dd8f2,#41b0d4 55%,#238caf)}.map-world.tint-3 .folder-label{background:linear-gradient(140deg,#efb2d8,#d775b1 55%,#ad5798)}.map-world.tint-4 .folder-label{background:linear-gradient(140deg,#c6b0ee,#9e84cf 55%,#7e63b5)}.map-spot-0{left:20%;top:28%}.map-spot-1{left:50%;top:23%}.map-spot-2{left:80%;top:28%}.map-spot-3{left:34%;top:75%}.map-spot-4{left:67%;top:75%}.map-arrow{position:absolute;top:52%;border:0;background:none;color:#fffce9;font-size:75px;font-weight:200;line-height:1;text-shadow:0 3px 8px #19505488;padding:8px;z-index:3}.map-prev{left:10px}.map-next{right:10px}.catalog-maps .catalog-foot{position:relative;z-index:2;margin:8px auto 0;flex-shrink:0;padding:9px 25px}.catalog-maps .catalog-foot>span{display:none}
@media(min-width:1500px){.map-world{width:230px}.map-world-art{width:230px;height:190px}.map-world .folder-label{width:210px;font-size:24px}}
@media(max-width:700px){.catalog-maps{height:max(900px,100svh);min-height:900px;padding:14px 10px}.catalog-maps .catalog-heading{padding:10px 8px}.catalog-maps .catalog-heading h1{font-size:24px}.catalog-maps .catalog-heading p{font-size:10px}.catalog-maps .overline{display:none}.map-tabs{gap:7px;margin-top:18px}.map-tab{padding:8px 12px;border-radius:17px;font-size:12px;white-space:nowrap}.catalog-world-map{min-height:660px}.map-world{width:148px}.map-world-art{width:148px;height:139px}.map-world .folder-label{width:141px;font-size:18px;padding:8px 3px}.map-spot-0{left:25%;top:20%}.map-spot-1{left:75%;top:20%}.map-spot-2{left:25%;top:51%}.map-spot-3{left:75%;top:51%}.map-spot-4{left:50%;top:81%}.map-arrow{font-size:53px;top:51%;padding:0}.map-prev{left:0}.map-next{right:0}.catalog-maps .catalog-foot{font-size:12px;margin-top:0}.catalog-maps .round-nav{width:35px;height:35px;font-size:23px}.catalog-maps .catalog-header{gap:5px}}

.category-quiz-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.category-quiz-art>.visual{width:110px!important;height:110px!important}.category-quiz-art>.lesson-diagram{width:130px;height:120px}.quiz-art-corner{position:absolute;width:70px!important;height:70px!important;object-fit:contain;bottom:0;left:0;filter:drop-shadow(0 2px 3px #284a3633)}.category-quiz-art .flag-art{width:130px;height:95px}

.catalog-world-map>.map-world,.catalog-world-map>.map-world:hover,.catalog-world-map>.map-world:active,.catalog-world-map>.map-world:focus{transform:translate(-50%,-50%)!important}.map-arrow{direction:ltr;unicode-bidi:isolate}


.continent-card{position:relative;display:block;width:100%;height:100%}.continent-card>.folder-art{height:90%;object-fit:contain}.continent-card>span{display:flex;justify-content:center;gap:5px;position:absolute;bottom:0;left:0;right:0}.continent-card>span img{width:36px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 1px #24554b22)}

.math-category-art,.word-category-art{display:block;position:relative;width:100%;height:100%}.math-limit{position:absolute;top:0;right:0;background:#fff8e7e8;border-radius:18px;padding:4px;box-shadow:0 3px 4px #53795322}.math-limit .visual{width:49px!important;height:49px!important}.math-limit .approved-number-row{font-size:43px!important}.word-category-art>.folder-art{height:85%;object-fit:contain}.word-card-slots{display:flex;justify-content:center;gap:5px;position:absolute;bottom:0;left:0;right:0}.word-card-slots b{display:grid;place-items:center;width:35px;height:34px;background:linear-gradient(#fffef6,#ffdfaa);border:1px solid #fff5d8;border-radius:9px;color:#267c83;font-size:22px;box-shadow:0 3px 0 #b89d6255}

/* Illustrated emotion, occupation, self-care and colour lessons. */
.picture-lesson{max-width:1100px;margin:15px auto;padding:26px;border-radius:32px;background:linear-gradient(140deg,#fffdf3f5,#fff2dff5);border:3px solid #fffbed;box-shadow:0 8px 0 #bb9d6d44,0 15px 30px #3156452b;text-align:center}.picture-lesson-title h2{font-size:29px;margin:3px 0 17px}.scene-picture{position:relative;display:table;width:fit-content;max-width:100%;margin:0 auto 20px;border-radius:25px;overflow:hidden;box-shadow:0 8px 22px #295b4933;border:4px solid #fff9e6;background:#fff9e6}.scene-picture>img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain}.child-pointer{position:absolute;width:48px;height:85px;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 1px #fff) drop-shadow(0 3px 3px #584222aa);pointer-events:none}.child-pointer svg{width:100%;height:100%;overflow:visible}.child-pointer path{fill:none;stroke:#ffcf4f;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.human-answer-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:730px;margin:20px auto}.human-answer-choices button{font-size:21px;min-height:65px;white-space:normal;line-height:1.45;padding:11px}.human-answer-choices button.correct{background:linear-gradient(#c6efcf,#91d6ae);box-shadow:0 4px 0 #3e9e6d55}.human-answer-choices button.incorrect{animation:gentleShake .35s;background:#ffdfd0}.picture-caption,.human-explanation{max-width:780px;margin:12px auto 20px;line-height:1.9;font-size:21px;color:#477763}.human-explanation:empty{display:none}.picture-navigation{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.picture-count{font-size:12px;color:#819178;margin:18px auto 0}.picture-index{margin:24px auto 0;border:1px solid #e6d5ae;border-radius:22px;background:#fff8e4;overflow:hidden;text-align:right}.picture-index>summary{cursor:pointer;padding:16px 22px;color:#287976;font-size:20px;font-weight:850}.picture-index>summary>span{display:block;font-size:12px;font-weight:400;color:#8a957d;margin-top:5px}.picture-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;max-height:430px;overflow:auto}.picture-index-grid button{padding:6px;background:#fffdf0;border:2px solid #e8d9b7;border-radius:16px;overflow:hidden;color:#346f6c;font-size:14px;line-height:1.6}.picture-index-grid button[aria-current=true]{border-color:#2eb4a3;background:#dff4e3}.picture-index-grid img{width:100%;height:105px;object-fit:cover;border-radius:11px;display:block;margin-bottom:7px}.folder-picture>.human-category-picture{width:100%;height:100%;object-fit:contain;border-radius:16px}.color-question-picture{display:flex;justify-content:center;align-items:center;margin:15px auto;width:min(340px,85%);height:260px}.color-object{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #9e79432a)}.object-name{font-size:23px;font-weight:850;color:#467265;margin:10px}.color-word-choice>span{display:block;width:42px;height:22px;background:var(--answer-color);border:1px solid #c7ccb4;border-radius:9px;margin:0 auto 7px;box-shadow:inset 0 2px 3px #fff5}.color-pair-pictures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px auto;max-width:900px}.color-pair-pictures button{border:3px solid #eadcbc;border-radius:24px;background:#fffbef;padding:12px;height:195px}.color-pair-pictures button.chosen{border-color:#19ac9e;background:#dcf4e2;box-shadow:0 0 0 4px #34b9a62b}.example-color-title{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.example-color-title>span{width:58px;height:58px;border-radius:18px;box-shadow:inset 0 3px 3px #fff5,0 4px 0 #61786233;border:1px solid #c7ccb4}.example-color-title h2{margin:0;font-size:30px}.color-example-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:30px auto}.color-example-grid>button{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;border:1px solid #e6d5ae;border-radius:23px;background:#fffbef;padding:14px 8px;color:#447365;font-size:17px;font-weight:850}.color-example-grid .color-object{height:150px}.color-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px}.color-index-grid button{background:#fffdf0;border:2px solid #eadcbb;border-radius:15px;padding:10px;color:#477267;font-weight:850}.color-index-grid button[aria-current=true]{border-color:#29b3a1}.color-index-grid button>span{display:block;width:45px;height:30px;border-radius:9px;border:1px solid #c5ceb8;margin:0 auto 6px}
@media(max-width:700px){.picture-lesson{padding:17px 12px;border-radius:25px}.picture-lesson-title h2{font-size:23px}.scene-picture{border-width:3px;border-radius:20px}.scene-picture>img{max-height:330px}.child-pointer{width:38px;height:65px}.picture-caption,.human-explanation{font-size:18px;line-height:1.8}.human-answer-choices{gap:8px}.human-answer-choices button{font-size:17px;min-height:63px;padding:8px 5px}.picture-navigation{gap:7px}.picture-navigation button{font-size:13px;padding:10px 12px}.picture-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;max-height:350px}.picture-index-grid img{height:110px}.picture-index>summary{font-size:18px;padding:13px 16px}.color-pair-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-pair-pictures button{height:140px;padding:10px}.color-question-picture{height:220px}.color-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.color-example-grid .color-object{height:100px}.color-example-grid>button{font-size:14px;border-radius:17px;padding:10px 5px}.example-color-title h2{font-size:26px}.example-color-title>span{width:44px;height:44px}.color-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-count{margin-top:14px}}

/* Ground footprints and their owners are separate, complete pictures. */
.ground-track-photo{width:100%;height:100%;max-height:360px;object-fit:contain;border-radius:22px}
.learning-picture:has(.track-owner-picture){display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;width:100%}
.track-owner-picture{display:flex;align-items:center;justify-content:center;min-width:0;height:240px}
.track-owner-picture>*{max-width:100%;max-height:100%;object-fit:contain}
.pair-name:has(.sprite),.pair-name:has(img){display:flex;align-items:center;justify-content:center;gap:10px;min-height:115px}
.pair-name>*:first-child:not(span){width:92px;height:92px;object-fit:contain}
@media(max-width:560px){.track-owner-picture{height:155px}.learning-picture:has(.track-owner-picture){gap:8px}.pair-name>*:first-child:not(span){width:65px;height:65px}}

/* Keep the illustrated palette independent of the device theme. */
:root{color-scheme:only light}
html,body{color-scheme:only light;background-color:#fff8e7;color:#155f69}
input,select,textarea,button{color-scheme:only light}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Persistent ownership credit across catalog, accounts and activities. */
#ownership-footer{position:fixed;inset:auto 0 0;z-index:9999;box-sizing:border-box;min-height:32px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:#fff8e7f5;color:#155f69;text-align:center;font-weight:600;font-family:inherit;font-size:12px;line-height:1.6;border-top:1px solid #155f6920;pointer-events:none}
body{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
.catalog-shell,.world>.page{padding-bottom:calc(65px + env(safe-area-inset-bottom))}
@media(max-width:560px){#ownership-footer{font-size:10px;padding-inline:8px}}

/* Six destinations on Knowledge Island; songs have their own prepared room. */
.six-worlds .map-spot-0{left:80%;top:26%}.six-worlds .map-spot-1{left:50%;top:26%}.six-worlds .map-spot-2{left:20%;top:26%}
.six-worlds .map-spot-3{left:80%;top:75%}.six-worlds .map-spot-4{left:50%;top:75%}.six-worlds .map-spot-5{left:20%;top:75%}
.map-world.tint-5 .folder-label{background:linear-gradient(140deg,#ffd879,#efa442 55%,#d17c2d)}
.nasheeds-welcome{text-align:center}.nasheeds-welcome>img{width:min(280px,80%);border-radius:28px;display:block;margin:0 auto 18px}
.tale-reader:has(+.tale-scenes.single-cover) .tale-picture img{object-fit:contain}
.tale-scenes.single-cover{display:none}.tale-talk:has(>.tale-question){display:block}.tale-talk:not(:has(.tale-question)),.tale-text.no-transcript{display:none}
@media(max-width:700px){.six-worlds .map-spot-0{left:75%;top:18%}.six-worlds .map-spot-1{left:25%;top:18%}.six-worlds .map-spot-2{left:75%;top:49%}.six-worlds .map-spot-3{left:25%;top:49%}.six-worlds .map-spot-4{left:75%;top:80%}.six-worlds .map-spot-5{left:25%;top:80%}}

/* Individual song covers and an accessible full-recording player. */
.song-card-cover{width:100%;height:100%;object-fit:contain;border-radius:16px}
.song-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;max-width:1000px;margin:15px auto}
.song-cover{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain;border-radius:26px;box-shadow:0 10px 25px #326b5c24}
.song-player-copy{text-align:center;min-width:0}.song-player-copy h2{font-size:clamp(24px,3vw,38px);line-height:1.6;margin:10px 0}.song-player-copy p{line-height:1.9}
.song-category{display:inline-block;background:#dcf3eb;border-radius:20px;padding:5px 20px;color:#177c75;font-weight:800}
#song-audio{display:block;width:100%;margin:22px 0;color-scheme:only light}.song-status{min-height:2em}
@media(max-width:650px){.song-player{grid-template-columns:1fr;gap:15px;padding:18px 14px}.song-cover-wrap{width:min(300px,100%);margin:auto}.song-player-copy h2{font-size:24px}.song-player-copy .learning-controls{flex-wrap:wrap}}