.child-clay-world{--clay-ink:#462660;--clay-muted:#624d73;--clay-cream:#fff0dc;--clay-outer:#89b2df;--clay-inner:#496d9f;--clay-rim:#b4d3ef;--clay-award-outer:#b39bd9;--clay-award-inner:#9180b1;--clay-room:url(/design/clay-worlds/boy-room-v3.webp);--clay-library-cap:url(/design/clay-worlds/boy-library-cap-v3.webp);--clay-awards-cap:url(/design/clay-worlds/boy-awards-cap-v3.webp)}.child-clay-world[data-world-gender=girl]{--clay-outer:#bc98cf;--clay-inner:#987cab;--clay-rim:#ddbee9;--clay-award-outer:#e8a99c;--clay-award-inner:#c98c7d;--clay-room:url(/design/clay-worlds/girl-room-v3.webp);--clay-library-cap:url(/design/clay-worlds/girl-library-cap-v3.webp);--clay-awards-cap:url(/design/clay-worlds/girl-awards-cap-v3.webp)}html body .app-content.cover-app:has(main.child-clay-world){padding:0}html[data-running-job] body .app-content.cover-app:has(main.child-clay-world){padding-top:var(--app-job-space)}html[data-running-job] body .app-content.cover-app main.child-space.child-clay-world{height:calc(100dvh - var(--app-job-space))}html body .app-content.cover-app main.child-space.child-clay-world{isolation:isolate;width:100%;max-width:none;height:100dvh;min-height:0;color:var(--clay-ink);background:var(--clay-room) center center / cover no-repeat;margin:0;padding:0;position:relative;overflow:hidden}html body .app-content.cover-app main.child-space.child-clay-world .child-space-content{width:100%;padding:0 max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));flex:1;min-height:0;display:block;overflow:hidden auto}.clay-world-header{width:100%;min-height:94px;padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));direction:ltr;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.clay-world-logo{width:72px;height:78px;display:block}.clay-world-logo img{object-fit:contain;width:100%;height:100%}.clay-world-profile{direction:rtl;justify-content:flex-end;min-width:0;display:flex}.clay-world-profile .header-child-trigger{direction:rtl;align-items:center;gap:5px;padding:4px;display:flex}.clay-world-profile .header-child-trigger img{object-fit:cover;border:3px solid #fff0dc;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 5px #62567a35}.clay-world-profile .header-child-trigger span{overflow-wrap:anywhere;max-width:7ch;font-size:13px}.clay-icon{vertical-align:middle;flex:none;width:32px;height:34px;display:inline-block}.clay-accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.clay-cabinet{filter:drop-shadow(0 12px 8px #5c496b2b);width:min(100%,650px);margin:0 auto 20px;position:relative}.clay-cabinet-cap{z-index:2;aspect-ratio:2;background:var(--clay-library-cap) center bottom / 100% 100% no-repeat;width:100%;position:relative}.clay-cabinet-awards .clay-cabinet-cap{aspect-ratio:8/3;background-image:var(--clay-awards-cap)}.clay-cabinet-body{border:clamp(12px,3vw,22px) solid var(--clay-outer);background:linear-gradient(100deg,#0001,transparent 30%,#fff1 60%,#0001),var(--clay-inner);min-height:200px;box-shadow:inset 8px 0 8px #2b264426,inset -8px 0 8px #2b264426,inset 0 5px 9px #27204140,0 3px 0 var(--clay-rim);border-top:0;border-bottom-width:24px;border-radius:0 0 30px 30px;margin:-2px 3% 0;padding:22px 4% 16px;position:relative}.clay-cabinet-awards .clay-cabinet-body{border-color:var(--clay-award-outer);background:linear-gradient(100deg,#3f245c22,transparent 25%,#fff2 65%,#3f245c22),var(--clay-award-inner);box-shadow:inset 9px 0 12px #30204035,inset -9px 0 12px #30204035,inset 0 8px 12px #30204045,0 3px 0 var(--clay-rim)}.clay-cabinet-body:after{content:"";pointer-events:none;background:#fff3;border-radius:12px;height:8px;position:absolute;inset:auto 5% -19px}html body .cover-app .child-clay-world .child-glass-library{margin:0;padding:0;background:0 0!important}.child-clay-world .parent-glass-shelf{padding-inline:5px;gap:clamp(10px,2.6vw,22px);margin-bottom:28px;padding-bottom:24px}.child-clay-world .parent-glass-shelf:last-child{margin-bottom:0}.child-clay-world .parent-glass-shelf:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#fff5e4,#e6c7a9);border:0;border-radius:10px;height:21px;bottom:6px;left:-4%;right:-4%;transform:none;box-shadow:inset 0 3px 3px #fff9,0 7px 9px #33284345}.child-clay-world .parent-glass-shelf:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:#d4b591;border:0;border-radius:0 0 10px 10px;height:7px;bottom:2px;left:-4%;right:-4%;box-shadow:inset 0 -2px 2px #ba936644}.clay-star-counter{color:var(--clay-ink);background:linear-gradient(135deg,#fff7e7,#f2dec4);border:1px solid #fff8;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:9px 14px;display:flex;box-shadow:inset 0 3px 4px #fff9,inset 0 -4px 5px #b583462e,0 6px 8px #65526f2a}.clay-star-counter>span{font-size:clamp(13px,3.4vw,20px);font-weight:800}.clay-star-counter>strong{align-items:center;gap:8px;font-size:clamp(28px,7vw,42px);line-height:1.1;display:flex}.clay-star-counter .clay-icon{width:44px;height:46px}html[data-sky][data-sky][data-sky] body .app-content.cover-app .child-clay-world :is(button:not(.parent-shelf-cover),.clay-button,.offline-books-control a){min-width:44px;min-height:44px;font-weight:800;text-decoration:none;color:#462660!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#fff7e7,#f0dbc0)!important;border:1px solid #fff8!important;border-radius:22px!important;box-shadow:inset 0 3px 4px #fff9,inset 0 -4px 5px #ae80552a,0 5px 7px #6250772b!important}.clay-button{justify-content:center;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.clay-back{direction:rtl;justify-self:start;font-size:14px}.clay-back .clay-icon{width:23px;height:25px}.child-clay-world :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #4c2f6c!important}.child-clay-world .child-empty-state{color:#fff4e5;background:0 0;border:0;border-radius:20px;margin:8px auto;padding:16px 8px}.child-clay-world .child-empty-state p{color:#fff4e5;font-size:14px}.child-clay-world .child-empty-state>.clay-icon{width:70px;height:73px}.child-clay-world .clay-cabinet-awards .child-empty-state{padding:18px 8px 24px}.child-clay-world .clay-cabinet-awards .child-empty-state h2{color:var(--clay-ink);background:linear-gradient(135deg,#fff7e7,#efdbc2);border-radius:18px;padding:8px 14px;display:inline-block;box-shadow:inset 0 3px 3px #fff9,inset 0 -3px 4px #ae805525,0 5px 7px #30204025}html body .cover-app .child-clay-world .cover-empty{color:#462660;background:#fff1dd;border-radius:26px;max-width:520px;margin:15px auto;padding:20px}.child-clay-world .offline-books-control{text-align:center;color:#462660;background:linear-gradient(135deg,#fff6e5,#efdac1);border:1px solid #fff8;border-radius:30px;width:min(100%,610px);margin:8px auto 0;padding:14px;box-shadow:inset 0 4px 5px #fff8,inset 0 -5px 5px #ad7b4622,0 7px 8px #73556b24}.child-clay-world .offline-books-control button{justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;display:flex}.child-clay-world .offline-books-control a{align-items:center;margin-top:8px;padding:8px 14px;display:inline-flex}.child-clay-world .offline-books-control p{color:#624d73;margin:8px 0 0;font-size:12px}html[data-sky][data-sky][data-sky] body .app-content.cover-app .child-clay-world .cover-resume{margin-bottom:12px;color:#462660!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#fff7e7,#efdcc4)!important;border:1px solid #fff9!important;border-radius:25px!important;box-shadow:inset 0 3px 3px #fff9,inset 0 -3px 4px #9e72552a,0 5px 7px #59446530!important}html[data-sky][data-sky][data-sky] body .app-content.cover-app .child-clay-world .cover-resume :is(strong,p){color:#462660!important}.child-clay-world .cover-resume-meter{background:#e6cfee;border:0;box-shadow:inset 0 3px 5px #7c64812a,inset 0 -2px 3px #fff6}.child-clay-world .cover-resume-fill{background:linear-gradient(#caafe1,#a48bc4)}.child-clay-world .cover-resume-label{color:#462660}.child-clay-world .child-stars-hero{width:min(100%,600px);margin:0 auto 10px}.child-clay-world .child-stars-hero h2{background:#fff0dcef;border-radius:20px;margin:14px 0 4px;padding:4px 12px;font-size:clamp(20px,4vw,28px);line-height:1.4;display:inline-block;box-shadow:inset 0 2px 2px #fff8}.child-clay-world .child-stars-hero>p{color:#624d73;background:#fff0dce8;border-radius:18px;margin:0;padding:4px 10px;font-size:14px;display:inline-block}.child-clay-world .child-star-counts{background:0 0;border:0;grid-template-columns:1fr 1fr;gap:12px;max-width:none;margin:0;padding:0;display:grid}.child-clay-world .child-star-counts>div+div{border-right:0}.child-clay-world .child-star-counts .clay-star-counter{border:1px solid #fff8}.child-clay-world .child-award-filters{background:#d7bae8;border-radius:24px;gap:4px;width:min(100%,570px);margin:12px auto;padding:5px;display:flex;box-shadow:inset 0 2px 4px #fff8,inset 0 -3px 4px #795c922c,0 5px 6px #62507722}.child-clay-world .child-award-filters button{flex:1;padding:8px;font-size:14px}html[data-sky][data-sky][data-sky] body .app-content.cover-app .child-clay-world button[aria-pressed=true]{color:#fff!important;background:linear-gradient(#c5a5e3,#9c75c1)!important;border-color:#dac7ef!important}.child-clay-world .child-award-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin:0;display:grid}.child-clay-world .child-award-collection article{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#462660;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:5px;min-width:0;margin:0;padding:0 0 18px;display:flex;position:relative}.child-clay-world .child-award-collection article:after{content:"";background:linear-gradient(#fff1d9,#dbbaa2);border-radius:7px;height:12px;position:absolute;bottom:0;left:-10px;right:-10px;box-shadow:inset 0 2px 2px #fff8,0 5px 5px #46364b33}.clay-award-trophy{width:clamp(70px,21vw,145px);padding-bottom:12px;position:relative}.clay-award-trophy .clay-icon{width:100%;height:auto}.clay-award-trophy>span{background:linear-gradient(120deg,#ffdb75,#e0a239);border-radius:8px 8px 5px 5px;width:48%;height:18%;position:absolute;bottom:0;left:26%;box-shadow:inset 0 2px 2px #fff7,0 3px 3px #63402433}.child-clay-world .child-award-collection article>strong{text-align:center;overflow-wrap:anywhere;background:linear-gradient(130deg,#fff6df,#efdbc2);border-radius:14px;width:100%;padding:7px 6px;font-size:clamp(13px,3vw,18px);display:block;box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 3px #ad7b4625,0 4px 4px #46364b22}.child-clay-world .child-award-collection time{color:#fff2df;text-align:center;font-size:12px}.child-clay-world .child-history-note{color:#462660;background:#fff0dc;border-radius:18px;padding:6px}.child-clay-world .cover-award-celebration{color:#462660;background:#fff0dc;border:1px solid #fff8;border-radius:30px;box-shadow:inset 0 4px 4px #fff9,0 10px 16px #77588033}.child-clay-world .cover-award-confetti .clay-icon{width:16px;height:17px}html body .cover-app .child-clay-world .child-welcome{text-align:center;margin:0 auto 5px}html body .cover-app .child-clay-world .child-welcome>span{display:none}html body .cover-app .child-clay-world .child-welcome h1{color:#462660;background:#fff0dceb;border-radius:18px;margin:0;padding:4px 12px;font-size:clamp(18px,4.4vw,27px);line-height:1.6;display:inline-block}html body .cover-app .child-clay-world .child-hero-home{width:min(100%,700px);margin:0 auto}html body .cover-app .child-clay-world .child-hero-room{aspect-ratio:auto;height:clamp(280px,40svh,450px);box-shadow:none;border-radius:0;overflow:visible}.child-clay-world .child-hero-home>.clay-star-counter{width:clamp(135px,37vw,195px);margin:8px auto 12px;position:relative}.child-clay-world .child-hero-character-crop{aspect-ratio:370/730;z-index:2;pointer-events:none;filter:drop-shadow(0 7px 3px #65436733);width:34%;position:absolute;bottom:0;left:33%;overflow:hidden}html body .cover-app .child-clay-world .child-hero-character{object-fit:contain;width:276.76%;max-width:none;height:auto;inset:-26.03% auto auto -88.38%}.child-clay-world .child-hero-waiting{width:30%;top:auto;bottom:10%;left:35%}.child-clay-world .child-room-library{left:auto;right:0}.child-clay-world .child-room-achievements{right:auto;left:0!important}.clay-cabinet-compact{width:100%;margin:0}.clay-cabinet-compact .clay-cabinet-body{border-width:0 9px 14px;border-top-style:none;border-top-color:currentColor;border-radius:0 0 20px 20px;min-height:100px;padding:9px 7px 5px}.clay-cabinet-compact .clay-cabinet-body:after{height:5px;bottom:-10px}.clay-mini-books{direction:ltr;align-items:flex-end;gap:4px;height:62px;display:flex}.clay-mini-books i{background:#66b3c1;border-radius:5px;width:22%;height:88%;display:block;box-shadow:inset 2px 0 3px #fff4,2px 3px 3px #352e5840}.clay-mini-books i:nth-child(2){background:#efd175;height:100%}.clay-mini-books i:nth-child(3){background:#e5a19a;transform:rotate(-6deg)}.clay-mini-books i:nth-child(4){background:#bba4d8;height:80%}.clay-mini-awards{align-items:center;gap:3px;height:62px;display:flex}.clay-mini-awards .clay-icon{width:48%;height:auto}.clay-mini-shelf{background:linear-gradient(#fff2d9,#dfc1a4);border-radius:5px;height:9px;margin-top:6px;display:block;box-shadow:0 4px 4px #49365240}.child-clay-world .child-today-story{background:linear-gradient(130deg,#fff7e7,#f0dfc8);gap:17px;min-height:178px;margin:18px 0 0;padding:18px 20px}.child-clay-world .child-today-copy h2{font-size:clamp(23px,6vw,34px)}.child-clay-world .child-unread .clay-icon{width:23px;height:25px}.child-clay-world .child-start-reading .clay-icon{width:22px;height:24px}.child-clay-world .child-today-empty>.clay-icon{width:48px;height:50px}.child-clay-world .cover-sibling-notice{color:#462660;background:#fff0dc;border-radius:24px;padding:14px}html[data-child-world][data-sky][data-sky][data-sky] body :is(.child-picker-dialog,.book-details-dialog){--glass-ink:#462660;--glass-muted:#6d517d;color:#462660!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(130deg,#fff6e8,#e9d5ee)!important;border:1px solid #fff9!important;border-radius:30px!important;box-shadow:inset 0 4px 4px #fff8,0 18px 30px #4b375a50!important}html[data-child-world][data-sky][data-sky][data-sky] body :is(.child-picker-dialog,.book-details-dialog) button{color:#462660!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(#fff5e4,#e9d6f0)!important;border:1px solid #fff9!important;border-radius:18px!important;box-shadow:inset 0 3px 3px #fff9,0 4px 5px #654d7833!important}html[data-child-world][data-sky][data-sky][data-sky] body .book-details-start{color:#fff!important;background:linear-gradient(#c6a4e2,#9870bc)!important;border-radius:22px!important;box-shadow:inset 0 3px 3px #fff6,0 5px 6px #654d7833!important}html[data-child-world] .child-picker-grid>button>.clay-icon{width:64px;height:67px}html[data-child-world] :is(.child-picker-dialog,.book-details-dialog) button>.clay-icon{width:24px;height:26px}@media (width>=700px){.clay-world-header{padding-inline:max(24px,env(safe-area-inset-left))}html body .cover-app .child-clay-world .child-hero-room{height:470px}.child-clay-world .child-hero-character-crop{width:28%;left:36%}}@media (orientation:landscape) and (height<=600px){.clay-world-header{min-height:76px}.clay-world-logo{width:58px;height:62px}html body .cover-app .child-clay-world .child-space-content{display:block}html body .cover-app .child-clay-world .child-hero-room{max-width:580px;height:340px;margin:auto}.child-clay-world .child-hero-character-crop{width:25%;left:37.5%}.child-clay-world .child-room-link{width:24%!important}}@media (width<=359px){.clay-world-header{min-height:84px;padding-inline:10px}.clay-world-logo{width:62px;height:68px}.clay-back{padding:8px 10px}.clay-cabinet-body{padding-inline:3%}.child-clay-world .parent-glass-shelf{gap:10px;padding-inline:0}.child-clay-world .child-today-story{gap:12px;padding:16px 13px}}@media (prefers-reduced-motion:reduce){.child-clay-world *{transition:none!important;animation:none!important}}.child-clay-world .child-star-counts{gap:8px}.child-clay-world .child-star-counts .clay-star-counter{border-radius:20px;flex-flow:column;justify-content:center;gap:3px;min-height:68px;padding:8px 10px;display:flex}.child-clay-world .child-star-counts .clay-star-counter>strong{font-size:28px}.child-clay-world .child-star-counts .clay-icon{width:34px;height:36px}html body .cover-app .child-clay-world .child-welcome h1{text-shadow:0 1px #fff9;background:#fff0dce8;padding:2px 10px;font-size:clamp(18px,4.3vw,26px);box-shadow:inset 0 2px 3px #fff8}html body .app-content.cover-app main.child-landing.child-clay-world{background:linear-gradient(#e7d2bc,#c4b5dd)}html body .app-content.cover-app main.child-landing.child-clay-world[data-world-gender=girl]{background:linear-gradient(#f0cbbd,#d2b1ce)}html body .cover-app .child-clay-world .child-hero-room{aspect-ratio:auto;width:100%;max-width:none;height:auto;min-height:0;margin:0;position:relative;overflow:visible}.child-home-world-art{width:100%;display:block}.child-home-world-art img{width:100%;max-width:none;height:auto;display:block}.child-clay-world .child-hero-room>.clay-star-counter{width:36%;height:9%;box-shadow:none;z-index:3;background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0;position:absolute;top:11%;left:32%;transform:none}.child-clay-world .child-hero-room>.clay-star-counter>span{font-size:clamp(9px,2.4vw,16px);line-height:1.2}.child-clay-world .child-hero-room>.clay-star-counter>strong{gap:4px;font-size:clamp(20px,4.5vw,32px);line-height:1}.child-clay-world .child-hero-room>.clay-star-counter .clay-icon{width:clamp(22px,5vw,34px);height:auto}.child-clay-world[data-world-gender=girl] .child-hero-room>.clay-star-counter{height:9%;top:15%}.child-clay-world .child-hero-character-crop{width:34%;bottom:8%;left:33%}.child-clay-world .child-hero-home .child-room-link{height:27%;box-shadow:none;background:0 0;border:0;border-radius:18px;display:block;top:51%;transform:none;width:32%!important;bottom:auto!important}.child-clay-world .child-hero-home .child-room-achievements{left:0}.child-clay-world .child-hero-home .child-room-library{height:34%;top:44%;right:0}.child-clay-world .child-hero-home .child-room-link span{text-align:center;color:#462660;text-shadow:0 1px #fff8,0 2px 1px #55307525;width:100%;padding:0;font-size:clamp(12px,3.6vw,25px);font-weight:900;line-height:1.2;position:absolute;bottom:8%;left:0}.child-clay-world .child-hero-home .child-room-link:hover{filter:none;transform:none}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements{height:42%;top:34%;left:0;width:29%!important}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements span{top:14%;bottom:auto}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library{height:56%;top:23%;width:30%!important}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library span{top:28%;bottom:auto}.clay-world-profile{justify-content:flex-start;place-self:start end;width:max-content;max-width:100%}html[data-sky][data-sky][data-sky] body .app-content.cover-app .child-clay-world .clay-world-profile .header-child-trigger{gap:8px;width:auto;min-width:0;max-width:100%;padding:5px 12px 5px 5px;border-radius:999px!important}.clay-world-profile .header-child-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;max-width:10ch;overflow:hidden}@media (width>=600px) and (aspect-ratio<=4/3){.child-clay-world .child-hero-room>.clay-star-counter,.child-clay-world[data-world-gender=girl] .child-hero-room>.clay-star-counter{height:13%;top:2%}.child-clay-world .child-hero-home .child-room-link span{bottom:14%}.child-clay-world .child-hero-home .child-room-achievements{height:34%;top:50%}.child-clay-world .child-hero-home .child-room-library{height:46%;top:38%}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements{height:55%;top:23%}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements span{top:-1%}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library{height:76%;top:7%}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library span{top:17%}}@media (aspect-ratio>=4/3){.child-clay-world .child-hero-room>.clay-star-counter,.child-clay-world[data-world-gender=girl] .child-hero-room>.clay-star-counter{width:28%;height:14%;top:2%;left:36%}.child-clay-world .child-hero-character-crop{width:19%;bottom:8%;left:40.5%}.child-clay-world .child-hero-home .child-room-achievements{height:39%;top:49%;left:3%;width:26%!important}.child-clay-world .child-hero-home .child-room-library{height:54%;top:33%;right:3%;width:26%!important}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements{height:64%;top:18%;left:7%;width:24%!important}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-achievements span{top:10%}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library{height:82%;top:2%;right:6%;width:25%!important}.child-clay-world[data-world-gender=girl] .child-hero-home .child-room-library span{top:27%}}
