/* Mobile presentation shell */
:root{--ink:#34305c;--purple:#8060db;--paper:#fffaf0;--line:#f1e7dd}body{background:#e7e4f0;background-image:radial-gradient(ellipse at 18% 15%,#d8ccef 0,transparent 45%),radial-gradient(ellipse at 85% 85%,#ffe4b6 0,transparent 40%);height:100dvh;display:grid;place-items:center;overflow:hidden}body:before,body:after{content:'✦';position:fixed;font-size:110px;color:#cec1e280;transform:rotate(13deg);left:calc(50% - 420px);top:18%}body:after{left:auto;right:calc(50% - 410px);top:65%;font-size:160px;color:#dfc8ab70;transform:rotate(-12deg)}.phone{position:relative;isolation:isolate;width:414px;height:min(884px,94dvh);background:var(--paper);border:8px solid #343044;border-radius:53px;box-shadow:0 35px 100px #32274c35,0 0 0 2px #81768b,0 0 0 5px #c8c0d0;overflow:hidden;display:flex;flex-direction:column;z-index:1}.phone-status{height:39px;min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:7px 25px 0;font-size:12px;background:#fffaf0;z-index:40}.phone-status>span:last-child{font-size:11px;letter-spacing:-1px}.island{width:95px;height:25px;background:#343044;border-radius:20px;position:absolute;top:8px;left:50%;transform:translateX(-50%)}aside{display:none!important}.workspace{margin:0;padding:0 20px;max-width:none;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:none;padding-bottom:110px;scroll-behavior:smooth}.workspace::-webkit-scrollbar{display:none}header{height:83px;display:flex;gap:10px;align-items:center;position:relative;background:var(--paper);z-index:10}header .avatar{height:43px;width:43px;min-width:43px;background:#ffdc78;border:2px solid #fff;border-radius:16px;transform:rotate(-5deg);box-shadow:0 3px 0 #e5bf6d}header .avatar img{height:65px;padding:3px 0 0}.app-greeting{flex:1;min-width:0;line-height:1.45}.app-greeting>span{font-size:10px;color:#a39ab0;font-weight:800;display:block}.app-greeting>strong{display:block;font-size:15px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:1000}.app-greeting i{color:#edb327;font-style:normal}.xp-button{display:flex;gap:4px;align-items:center;font-weight:1000;font-size:12px;background:#fff0b5;border:1.5px solid #ffe093;border-radius:14px;padding:9px 10px;color:#b27d20;box-shadow:0 2px 0 #f3df9f}.xp-button svg{width:16px;height:16px;fill:#ffd447;stroke:#cb9927}.parent-button{background:none;color:#b7aabe;padding:4px}.parent-button svg{height:18px;width:18px}svg{height:22px;width:22px;flex-shrink:0}footer{display:none}#mobile-nav{display:flex;position:absolute;bottom:0;left:0;right:0;height:87px;padding:7px 7px 20px;border:0;background:#fffefcf5;border-radius:24px 24px 0 0;box-shadow:0 -5px 25px #7662930d;z-index:45;justify-content:space-around;backdrop-filter:blur(15px)}#mobile-nav button{min-width:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:1000;color:#b4aabc;background:none;padding:0;transition:transform .18s}#mobile-nav button.active{color:#7955c3}#mobile-nav .tab-icon{width:45px;height:33px;border-radius:13px;display:grid;place-items:center;transition:background .2s}#mobile-nav .active .tab-icon{background:#ede3fc}#mobile-nav svg{height:22px;width:22px}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:109px;height:4px;background:#342c42;border-radius:5px;z-index:50}button{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.95)!important}main{animation:screen-in .25s ease-out}@keyframes screen-in{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.adventure{height:339px;border-radius:30px;background:linear-gradient(155deg,#ffe9a2 0%,#ffd859 60%,#ffd047 100%);position:relative;isolation:isolate;overflow:hidden;border:2px solid #fff1bd;box-shadow:0 5px 0 #f1c952}.adventure-title{position:relative;z-index:4;text-align:center;padding:20px 0 0}.adventure-title>span:first-child{font-size:8px;font-weight:1000;letter-spacing:1.8px;color:#b48942}.adventure h1{font-size:42px;line-height:.96;letter-spacing:-1.7px;font-weight:1000;margin:8px 0;color:#55405c;transform:rotate(-4deg);text-shadow:0 2px #fff8d6}.adventure h1 br{display:none}.hand-arrow{display:block;position:absolute;right:31px;top:74px;font-size:40px;color:#cd9647;transform:rotate(-22deg)}.sunburst{position:absolute;width:330px;height:330px;left:20px;top:35px;background:repeating-conic-gradient(from 12deg,#fff3bb44 0deg 20deg,transparent 20deg 40deg);border-radius:50%;z-index:-1}.character-stage{position:absolute;left:0;right:0;bottom:35px;height:225px;z-index:3}.character-stage img{position:absolute;object-fit:contain;transform-origin:bottom center;filter:drop-shadow(0 7px 0 #78592318)}.stage-sakir{height:218px;left:calc(50% - 76px);bottom:-3px;z-index:4;transform:rotate(-7deg);animation:sakir-wave 7s ease-in-out infinite}.stage-necati{height:203px;right:-24px;bottom:0;transform:rotate(8deg);z-index:2}.stage-mirket{height:155px;left:11px;bottom:5px;transform:rotate(-10deg);z-index:3}@keyframes sakir-wave{0%,88%,100%{transform:rotate(-7deg)}92%{transform:rotate(-2deg)}96%{transform:rotate(-8deg)}}.adventure-button{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;width:245px;display:flex;align-items:center;justify-content:center;gap:11px;background:#8960d5;border:2px solid #9c78e4;border-radius:18px;color:#fff;font-weight:1000;font-size:15px;padding:12px 13px;box-shadow:0 5px 0 #6940b2;z-index:6;transition:filter .2s}.adventure-button:hover{filter:brightness(1.06)}.adventure-button:active{transform:translateX(-50%) translateY(3px)!important;box-shadow:0 2px 0 #6940b2}.adventure-button svg:last-child{width:18px}.hill{position:absolute;bottom:-85px;z-index:1;border-radius:50%;height:145px;width:330px;background:#e9b736;left:-70px}.hill-two{left:135px;bottom:-92px;background:#f4c646}.floating-star{position:absolute;color:#fff6c8;z-index:5;line-height:1;text-shadow:0 2px #e5b657}.s1{top:113px;left:16px;font-size:35px;transform:rotate(-10deg)}.s2{top:146px;right:8px;font-size:44px}.s3{top:9px;right:13px;font-size:23px}.mission-strip{display:flex;align-items:center;gap:11px;padding:16px 3px 7px;margin-top:10px}.mission-symbol{background:#eee2fd;width:43px;height:43px;border-radius:16px;display:grid;place-items:center;color:#8c5bc3;transform:rotate(-7deg);flex-shrink:0;border-bottom:3px solid #dac5f2}.mission-symbol svg{height:26px;width:26px}.mission-strip strong{font-size:12px;font-weight:1000;display:block;letter-spacing:-.2px}.mission-strip span{font-size:9px;color:#a298af;display:block;margin-top:3px}.mission-strip>button{margin-left:auto;background:#ede3fa;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:#8a64b9;padding:5px;flex-shrink:0}.mission-strip>button svg{height:16px;width:16px}.section-heading{margin:23px 0 14px}.section-heading h2{font-size:18px;font-weight:1000;letter-spacing:-.6px}.text-btn{font-size:10px;color:#a093b3}.doodle{font-size:29px;color:#bc97dc;line-height:1}.play-worlds{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.play-world{height:142px;text-align:left;padding:15px;position:relative;overflow:hidden;border-radius:24px;isolation:isolate;transition:transform .2s;border:2px solid #ffffff90}.play-world:before{content:'';position:absolute;width:110px;height:110px;border-radius:50%;background:#ffffff25;right:-27px;bottom:-19px;z-index:-1}.play-world strong{display:block;font-size:23px;letter-spacing:-.8px;font-weight:1000;position:relative;z-index:4;line-height:1.1;margin-top:10px}.play-world>span:not(.world-sticker){display:block;font-size:8px;font-weight:900;margin-top:4px;position:relative;z-index:4}.world-sticker{display:grid;place-items:center;width:32px;height:30px;border-radius:10px;background:#ffffff70;transform:rotate(-8deg)}.world-sticker svg{width:20px;height:20px}.play-world img{position:absolute;right:-15px;bottom:-15px;height:124px;width:90px;object-fit:contain;z-index:1;transform:rotate(9deg)}.watch-world{background:#90d9f2;color:#265c91;box-shadow:0 5px 0 #69b9dc}.learn-world{background:#aaddad;color:#447a51;box-shadow:0 5px 0 #8abf8d}.learn-world img{right:-20px;transform:rotate(12deg);height:120px}.create-world{background:#d8b7f0;color:#785095;box-shadow:0 5px 0 #bc92dc}.create-world img{right:-14px;height:136px;width:88px;bottom:-24px}.explore-world{background:#ffbf9b;color:#a46140;box-shadow:0 5px 0 #e5a07b}.explore-world img{width:115px;height:126px;right:-40px;bottom:-9px}.horizontal-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;margin:0 -20px;padding:1px 20px 8px;scrollbar-width:none}.horizontal-cards .card{flex:0 0 205px;scroll-snap-align:center;border:2px solid #fff;border-radius:23px;box-shadow:0 4px 0 #ede4dc}.horizontal-cards .card-visual{height:145px}.horizontal-cards .card-visual img{height:145px;bottom:-18px}.card-content h3{font-size:14px;font-weight:1000}.card-content p{font-size:9px}.card-content{padding:12px 13px}.card-tag{font-size:8px!important}.play-dot{width:29px;height:29px;border:2px solid #ffffff70;background:#fff!important;box-shadow:0 3px 0 #00000010}.treasure-banner{width:100%;position:relative;display:flex;align-items:center;gap:12px;text-align:left;background:#eadefa;border:2px solid #f5edff;border-radius:22px;padding:19px 15px;margin:22px 0 0;box-shadow:0 4px 0 #d3bfea;overflow:hidden}.treasure-symbol{display:grid;place-items:center;height:47px;width:47px;background:#ffdb71;transform:rotate(-12deg);border-radius:16px;box-shadow:0 3px 0 #dfb34f;color:#af7933;flex-shrink:0}.treasure-symbol svg{fill:#fff2b7;height:28px;width:28px}.treasure-banner strong{display:block;font-size:16px;font-weight:1000;color:#775596}.treasure-banner small{display:block;font-size:9px;color:#a084b6;margin-top:4px}.treasure-banner>svg{margin-left:auto;width:18px;color:#9c7ab3}.treasure-spark{position:absolute;right:32px;top:-3px;color:#fff5c9;font-size:27px;transform:rotate(10deg)}.friend-row{display:flex;gap:15px;margin:0 -20px;padding:4px 20px 12px;overflow:auto;scrollbar-width:none}.friend-row button{background:none;padding:0;flex-shrink:0;width:65px}.friend-row button>span{display:block;height:68px;width:65px;overflow:hidden;border:3px solid #fff;border-radius:22px;box-shadow:0 3px 0 #e6d9d2;transform:rotate(-4deg)}.friend-row button:nth-child(even)>span{transform:rotate(4deg)}.friend-row img{height:85px;width:65px;object-fit:contain;object-position:top;padding:4px 3px 0}.friend-row strong{display:block;font-size:10px;margin-top:8px;font-weight:1000;color:#8c7f9e}.app-end{text-align:center;margin:16px 0 0;font-size:10px;font-weight:800;color:#baa9bd}.app-end span{color:#e7bd6b}.page-intro{padding:24px 19px;min-height:178px;border-radius:26px;border:2px solid #ffffff90;box-shadow:0 5px 0 #e7ddde;margin-top:4px;margin-bottom:24px}.page-intro h1{font-size:29px;letter-spacing:-1px;max-width:75%;line-height:1.05;margin:12px 0}.page-intro p{font-size:11px;max-width:61%;line-height:1.5;margin-bottom:0}.page-intro .eyebrow{font-size:8px;letter-spacing:1px}.page-intro img{right:-20px;height:166px;bottom:-16px;width:142px;object-fit:contain;transform:rotate(9deg)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.card{border:2px solid #fff;border-radius:23px;box-shadow:0 4px 0 #ede3dc}.card:hover{transform:none}.card-visual{height:135px}.card-visual img{height:143px}.card-visual .second{height:112px;margin-left:-45px}.chips{gap:7px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:3px 20px 7px}.chip{white-space:nowrap;border:2px solid #efe4db;font-size:10px;padding:9px 13px;box-shadow:0 2px #e8dcd5}.chip.active{background:#9873df;border-color:#ae8de6;box-shadow:0 3px #7956bb;color:#fff}.panel .chips{flex-wrap:wrap;margin:0;padding:0}.screen-note{font-size:10px;color:#aa9ab1;line-height:1.6}.characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.character{border:2px solid white;border-radius:26px;padding:18px 10px;box-shadow:0 5px 0 #e9dfd9}.character img{height:142px}.character h3{font-size:18px;font-weight:1000;margin:11px 0 4px}.character small{font-size:9px}.parent-grid,.bottom-row{grid-template-columns:1fr}.badge-grid{gap:8px}.badge{border-radius:22px;font-size:10px;padding:17px 7px;border:2px solid white;box-shadow:0 4px 0 #eee0c6;background:#fff3d4}.badge b{font-size:33px}.badge small{font-size:8px;line-height:1.5}.stats{gap:8px}.stat{padding:17px 9px;border:2px solid #ffffff60;border-radius:20px;box-shadow:0 4px #e1d1ed}.stat strong{font-size:25px}.stat small{font-size:8px}.panel{padding:22px;border-radius:25px;border:2px solid #fff;box-shadow:0 4px 0 #ece1dc}.panel h3{font-weight:1000}.btn{border-radius:15px;background:#8060cf;box-shadow:0 4px #6645ad;padding:12px 16px;font-size:12px;border:2px solid #ffffff22}.btn.purple{background:#9270db;box-shadow:0 4px #7350b9}.btn.light{background:#fff;box-shadow:0 4px #e9dce5;border:1px solid #efe6f0}.dialog-actions{gap:10px}.dialog-actions svg{height:16px;width:16px}dialog{width:374px;max-width:calc(100% - 30px);max-height:min(750px,85dvh);border:4px solid #fff;border-radius:32px;padding:29px 20px 24px;background:#fffaf1;box-shadow:0 15px 70px #38255050;scrollbar-width:none}dialog::backdrop{background:#2f224e70;backdrop-filter:blur(5px)}dialog[open]{animation:sheet-in .23s ease-out}dialog h2{font-size:25px;font-weight:1000;line-height:1.14}dialog p{font-size:12px}.close{top:9px;right:9px;background:#ede1f6;color:#9c7ab9;width:28px;height:28px}.modal-art{height:175px;border-radius:23px;margin:6px 0 18px;position:relative}.modal-art img{height:205px}.memory-grid{gap:8px}.memory-card{border-radius:16px;background:#a47de6;box-shadow:0 4px #805abc;border:2px solid #ba9bea;aspect-ratio:.88}.memory-card img{height:64px}.memory-card.open{border-color:#fff3da}.memory-card.matched{border-color:#e8ffe6}.option{border-radius:17px;box-shadow:0 3px #e3d6e6;font-size:13px;padding:14px}.form-row{font-size:11px}.notice{font-size:10px;line-height:1.7;border-radius:17px}.story{font-size:14px}.rhythm{gap:8px}.rhythm button{height:83px;border-radius:21px;border:2px solid #ffffff99;box-shadow:0 4px #e2d6d4}canvas{height:250px}.empty{border-radius:24px;font-size:12px}.mini-label{font-size:8px}#toast{bottom:calc((100dvh - min(884px,94dvh))/2 + 105px);width:315px;max-width:calc(100% - 40px);font-size:12px;border-radius:20px;z-index:100;background:#655084;box-shadow:0 4px 0 #4d3b69}.celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:95}.celebration i{position:absolute;left:var(--x);top:-15px;width:10px;height:17px;border-radius:4px;background:var(--color);animation:confetti 1.35s var(--delay) ease-in forwards;transform:rotate(var(--r))}@keyframes confetti{to{top:100%;transform:rotate(calc(var(--r) + 320deg));opacity:0}}@keyframes sheet-in{from{opacity:.5;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}body[data-page=parent] .panel{box-shadow:none;border:1px solid #eae1e8}body[data-page=parent] .page-intro{box-shadow:none;background:#e8e6ed!important}body[data-page=parent] .btn{box-shadow:0 2px #675574}body[data-page=parent] .stat{box-shadow:none}body[data-page=parent] .screen-note{color:#9c8da2}
@media(max-width:520px){body{background:var(--paper);display:block}body:before,body:after{display:none}.phone{width:100%;height:100dvh;border:0;box-shadow:none;border-radius:0}.phone-status{display:none}.workspace{padding-top:env(safe-area-inset-top);padding-bottom:110px}header{height:83px}#mobile-nav{height:calc(75px + env(safe-area-inset-bottom));padding-bottom:calc(9px + env(safe-area-inset-bottom))}.home-indicator{display:none}dialog{max-height:88dvh;width:calc(100% - 24px);margin-bottom:12px;border-radius:32px}#toast{bottom:calc(90px + env(safe-area-inset-bottom))}.adventure{height:350px}.character-stage{bottom:38px;height:230px}.stage-sakir{height:225px}.stage-necati{height:213px;right:-9px}.stage-mirket{height:161px;left:17px}.adventure-title{padding-top:22px}.adventure h1{font-size:44px}.adventure-button{bottom:18px}}
@media(max-width:365px){.workspace{padding-left:15px;padding-right:15px}.app-greeting>strong{font-size:13px}.parent-button{padding:0}.adventure h1{font-size:39px}.stage-necati{right:-28px}.stage-mirket{left:4px}.play-world{padding:12px;height:136px}.play-world>span:not(.world-sticker){font-size:7px}.play-world img{right:-24px}.play-world strong{font-size:21px}.section-heading h2{font-size:16px}.mission-strip strong{font-size:11px}.horizontal-cards,.friend-row{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.xp-button{padding:8px}.memory-card img{height:55px}}
@media(prefers-reduced-motion:reduce){.celebration{display:none}main,dialog[open],.stage-sakir{animation:none}.workspace{scroll-behavior:auto}}
.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.world{padding:16px 11px;gap:9px;border:2px solid #ffffff80;box-shadow:0 3px 0 #e8dce9;border-radius:20px}.world strong{font-size:15px}.world small{font-size:9px}.world .world-icon{width:30px;height:33px;font-size:20px;border-radius:11px}