@font-face{font-family:Andika;src:url(/fonts/andika-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Andika;src:url(/fonts/andika-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--u: 3.6px;--ink: #23323a;--teal: #35cdb8;--orange: #ff7a59;--yellow: #ffd23f;--pink: #ff5d8f;--purple: #7a4fd6;--green: #3ccf7a;--bg1: #8fe3ff;--bg2: #c9f7a8}html[data-world="2"]{--bg1: #c4f2cb;--bg2: #7fcf9a}html[data-world="3"]{--bg1: #a6ebff;--bg2: #4aa8e0}html[data-world="4"]{--bg1: #e6eef8;--bg2: #a9bfe0}html[data-world="5"]{--bg1: #4a3a96;--bg2: #1b1f4b}html[data-world="6"]{--bg1: #ffd9e8;--bg2: #c9a7f5}html[data-world="7"]{--bg1: #fff1b8;--bg2: #ffc2e2}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Andika,system-ui,sans-serif;color:var(--ink);background:#1d2b3a}button{font:inherit;color:inherit;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:active{filter:brightness(.94)}[hidden]{display:none!important}#stage{position:relative;height:100vh;height:100dvh;width:min(100vw,58vh);width:min(100vw,58dvh);margin:0 auto;overflow:hidden;background:linear-gradient(var(--bg1),var(--bg2))}#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}.splash{height:100%;display:grid;place-items:center;font-size:12vw;font-weight:700;color:#fff}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:screen-in .28s ease-out}.btn-round{width:calc(var(--u) * 13);height:calc(var(--u) * 13);flex:none;border-radius:50%;background:#fff;font-size:calc(var(--u) * 6);box-shadow:0 calc(var(--u) * .8) 0 #00000029;display:grid;place-items:center}.btn-big{min-width:calc(var(--u) * 26);height:calc(var(--u) * 19);padding:0 calc(var(--u) * 4);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 9);font-weight:700;color:#fff;box-shadow:0 calc(var(--u) * 1.2) 0 #0003;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.5)}.btn-big:active,.btn-round:active,.tile:active,.pic:active{transform:translateY(calc(var(--u) * .8)) scale(.97);box-shadow:none}.btn-ok{background:var(--green)}.btn-again-big{background:var(--yellow);color:var(--ink)}.btn-again-big small{font-size:calc(var(--u) * 3.6)}.btn-go{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:50%;background:var(--orange);font-size:calc(var(--u) * 15);animation:pulse 1.2s ease-in-out infinite}.pic{background:#fff;border-radius:calc(var(--u) * 5);font-size:calc(var(--u) * 14);line-height:1;box-shadow:0 calc(var(--u) * 1) 0 #00000029;display:grid;place-items:center}.pic:disabled{opacity:.4}.bar{flex:1;height:calc(var(--u) * 4.4);background:#ffffffa6;border-radius:calc(var(--u) * 3);overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .5s}.avatar{font-size:calc(var(--u) * 16);line-height:1.1}.pill{background:#ffffffe0;border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 1.4) calc(var(--u) * 2.8);font-size:calc(var(--u) * 5);font-weight:700;white-space:nowrap}.topbar{display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 3)}.hold{width:calc(var(--u) * 11);height:calc(var(--u) * 11);flex:none;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--p, 0) * 360deg),rgba(255,255,255,.6) 0);display:grid;place-items:center;touch-action:none;opacity:.85}.hold span{width:calc(var(--u) * 8.6);height:calc(var(--u) * 8.6);border-radius:50%;background:#fff;display:grid;place-items:center;font-size:calc(var(--u) * 5);pointer-events:none}.hold-corner{position:absolute;top:calc(var(--u) * 3);right:calc(var(--u) * 3)}.float-text{position:fixed;z-index:60;pointer-events:none;font-weight:700;font-size:calc(var(--u) * 8);color:#fff;text-shadow:0 2px 0 var(--orange),0 0 6px var(--orange);transform:translate(-50%,-50%);animation:float-up .9s ease-out forwards}.mascot{width:calc(var(--u) * 30);flex:none}.mascot-svg,.monster-svg{display:block;width:100%;height:auto;overflow:visible}.m-face{display:none}.mascot[data-mood=idle] :is(.f-open,.mo-smile),.mascot[data-mood=happy] :is(.f-happy,.mo-open),.mascot[data-mood=dance] :is(.f-happy,.mo-open),.mascot[data-mood=wow] :is(.f-open,.mo-o),.mascot[data-mood=oops] :is(.f-silly,.mo-tongue),.mascot[data-mood=sleep] :is(.f-sleep,.mo-o){display:inline}.m-body,.m-wing,.m-pupils{transform-box:fill-box;transform-origin:50% 100%}.m-pupils{transform-origin:50% 50%;animation:blink 4.2s infinite}.m-wing-l{transform-origin:100% 60%}.m-wing-r{transform-origin:0% 60%}.mascot[data-mood=idle] .m-body{animation:bob 2.6s ease-in-out infinite}.mascot[data-mood=happy] .m-body{animation:jump .6s ease-out}.mascot[data-mood=happy] .m-wing-l,.mascot[data-mood=dance] .m-wing-l{animation:flap-l .24s ease-in-out infinite alternate}.mascot[data-mood=happy] .m-wing-r,.mascot[data-mood=dance] .m-wing-r{animation:flap-r .24s ease-in-out infinite alternate}.mascot[data-mood=dance] .m-body{animation:dance .52s ease-in-out infinite}.mascot[data-mood=wow] .m-body{animation:wow .5s ease-out}.mascot[data-mood=oops] .m-body{animation:wiggle .45s}.mascot[data-mood=sleep] .m-body{animation:breathe 3.4s ease-in-out infinite}.profiles{align-items:center;padding:calc(var(--u) * 6) calc(var(--u) * 5);gap:calc(var(--u) * 3);overflow-y:auto}.logo{font-size:calc(var(--u) * 14);font-weight:700;color:#fff;letter-spacing:calc(var(--u) * .4);text-shadow:0 calc(var(--u) * .9) 0 var(--orange),0 calc(var(--u) * 1.8) 0 rgba(0,0,0,.15)}.profiles .mascot{width:calc(var(--u) * 34)}.who{font-size:calc(var(--u) * 7);font-weight:700}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 4);width:100%}.profile{background:#fff;border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 3);display:flex;flex-direction:column;align-items:center;box-shadow:0 calc(var(--u) * 1.2) 0 #00000024}.profile-name{font-size:calc(var(--u) * 5.6);font-weight:700}.profile.add{background:#ffffff73;border:calc(var(--u) * .8) dashed #fff;box-shadow:none;justify-content:center}.profile.add .avatar{font-size:calc(var(--u) * 11)}.input{width:100%;font:inherit;font-size:calc(var(--u) * 7);font-weight:700;padding:calc(var(--u) * 2) calc(var(--u) * 4);border-radius:calc(var(--u) * 4);border:calc(var(--u) * .7) solid var(--teal);text-align:center;-webkit-user-select:text;user-select:text}.avatar-pick{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u) * 2);width:100%}.avatar-opt,.start-opt{background:#ffffff8c;border-radius:calc(var(--u) * 3.5);border:calc(var(--u) * .7) solid transparent;font-size:calc(var(--u) * 8.5);padding:calc(var(--u) * 1)}.avatar-opt.on,.start-opt.on{background:#fff;border-color:var(--orange)}.start-pick{display:flex;gap:calc(var(--u) * 3);width:100%}.start-opt{flex:1;font-size:calc(var(--u) * 11)}.start-opt small{display:block;font-size:calc(var(--u) * 3.8);font-weight:700}.hint{font-size:calc(var(--u) * 3.8);text-align:center}.me{display:flex;align-items:center;gap:calc(var(--u) * 1.5);margin-right:auto;min-width:0;background:#ffffffe0;border-radius:calc(var(--u) * 10);padding:calc(var(--u) * .6) calc(var(--u) * 4) calc(var(--u) * .6) calc(var(--u) * 1.5);font-size:calc(var(--u) * 4.4);font-weight:700}.me .avatar{font-size:calc(var(--u) * 8)}.me span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worlds{display:flex;justify-content:center;gap:calc(var(--u) * 2.6);position:relative}.world{font-size:calc(var(--u) * 6);line-height:1.2}.world.locked{filter:grayscale(1);opacity:.35}.world.done{opacity:.85}.world.now{transform:scale(1.4);animation:bob 1.8s ease-in-out infinite}.worlds.big .world{font-size:calc(var(--u) * 9)}.level-bar{height:calc(var(--u) * 2.6);margin:calc(var(--u) * 2.5) calc(var(--u) * 12) 0;background:#fff9;border-radius:calc(var(--u) * 2);overflow:hidden;flex:none}.level-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:inherit}.home-mascot{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 1) calc(var(--u) * 4);position:relative;flex:none}.bubble{position:relative;background:#fff;border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 2.5) calc(var(--u) * 4);font-size:calc(var(--u) * 5.4);font-weight:700;max-width:calc(var(--u) * 52);box-shadow:0 calc(var(--u) * .8) 0 #0000001a;animation:pop-in .5s .2s backwards}.bubble:before{content:"";position:absolute;left:calc(var(--u) * -2.6);top:50%;margin-top:calc(var(--u) * -2);border:calc(var(--u) * 2) solid transparent;border-right-color:#fff;border-left:0}.home-deco{position:absolute;inset:0;pointer-events:none}.deco{position:absolute;font-size:calc(var(--u) * 9);opacity:.55;animation:drift 7s ease-in-out infinite}.deco.d0{left:3%;top:calc(var(--u) * 17);font-size:calc(var(--u) * 7)}.deco.d1{right:3%;top:calc(var(--u) * 17);font-size:calc(var(--u) * 7);animation-delay:-2s}.deco.d2{left:5%;bottom:0;animation-delay:-4s}.deco.d3{right:5%;bottom:0;animation-delay:-1s}.tiles{flex:1;min-height:0;max-height:calc(var(--u) * 116);display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:calc(var(--u) * 2.8);padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 5);position:relative}.tile{border-radius:calc(var(--u) * 6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 calc(var(--u) * 1.3) 0 #0003;overflow:hidden;background:var(--purple);animation:pop-in .45s backwards}.tile:nth-child(2){animation-delay:.04s}.tile:nth-child(3){animation-delay:.08s}.tile:nth-child(4){animation-delay:.12s}.tile:nth-child(5){animation-delay:.16s}.tile:nth-child(6){animation-delay:.2s}.tile:nth-child(7){animation-delay:.24s}.tile:nth-child(8){animation-delay:.28s}.tile-icon{font-size:calc(var(--u) * 10.5);line-height:1.15}.tile-name{font-size:calc(var(--u) * 4.3);font-weight:700;letter-spacing:calc(var(--u) * .15)}.tile-rocket{background:linear-gradient(160deg,#6b5cf0,#4635b8)}.tile-balloon{background:linear-gradient(160deg,#ff8fa8,#f0527a)}.tile-monster{background:linear-gradient(160deg,#b9e04a,#7cb82f)}.tile-builder{background:linear-gradient(160deg,#ffc145,#f59a1b)}.tile-flash{background:linear-gradient(160deg,#3d4f74,#23304d)}.tile-reading{background:linear-gradient(160deg,#3fd6b5,#1fa98b)}.tile-duel{background:linear-gradient(160deg,#62b4ff,#3184e6)}.tile-album{background:linear-gradient(160deg,#ff9d6b,#f06a3c)}.game{background:linear-gradient(var(--bg1),var(--bg2))}.hud{display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2.5) calc(var(--u) * 3);flex:none;position:relative;z-index:3}.btn-exit{width:calc(var(--u) * 10);height:calc(var(--u) * 10);font-size:calc(var(--u) * 4.6);opacity:.85}.hud-bar{flex:1;height:calc(var(--u) * 4.4);background:#ffffff8c;border-radius:calc(var(--u) * 3);position:relative}.hud-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .4s}.hud-bar-star{position:absolute;right:calc(var(--u) * -1.5);top:50%;transform:translateY(-52%);font-size:calc(var(--u) * 6.5)}.hud-combo{min-width:calc(var(--u) * 14);font-size:calc(var(--u) * 5.4);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center}.hud-combo[data-hot="1"]{font-size:calc(var(--u) * 6.4)}.hud-combo[data-hot="2"]{font-size:calc(var(--u) * 7.4)}.hud-score{background:#ffffffe0;border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 1) calc(var(--u) * 3);font-size:calc(var(--u) * 5);font-weight:700}.field{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.dock{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u) * 36);padding:calc(var(--u) * 2) calc(var(--u) * 3);display:flex;align-items:center;gap:calc(var(--u) * 2)}.dock .mascot{width:calc(var(--u) * 24)}.game-rocket{background:linear-gradient(#1b1f4b,#4a3a96)}.rocket-sky{position:absolute;inset:0 0 calc(var(--u) * 36) 0;overflow:hidden}.twinkle{position:absolute;width:calc(var(--u) * .9);height:calc(var(--u) * .9);border-radius:50%;background:#fff;animation:twinkle 2.4s ease-in-out infinite}.rocket{position:absolute;left:0;display:flex;align-items:center;background:none;will-change:transform;touch-action:none}.rocket-body{position:relative;height:calc(var(--u) * 16);min-width:calc(var(--u) * 22);padding:0 calc(var(--u) * 3.5);background:#fff;border-radius:calc(var(--u) * 4) 0 0 calc(var(--u) * 4);border:calc(var(--u) * .9) solid var(--pink);border-right:0;font-size:calc(var(--u) * 9.5);font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap}.rocket.long .rocket-body{font-size:calc(var(--u) * 6.6)}.rocket-body:before,.rocket-body:after{content:"";position:absolute;left:calc(var(--u) * 1);width:calc(var(--u) * 7);height:calc(var(--u) * 5);background:var(--pink)}.rocket-body:before{top:calc(var(--u) * -5);border-radius:calc(var(--u) * 1) calc(var(--u) * 5) 0 0}.rocket-body:after{bottom:calc(var(--u) * -5);border-radius:0 0 calc(var(--u) * 5) calc(var(--u) * 1)}.rocket-nose{width:calc(var(--u) * 10);height:calc(var(--u) * 16);background:var(--orange);border-radius:0 100% 100% 0/0 50% 50% 0}.rocket-flame{width:calc(var(--u) * 9);height:calc(var(--u) * 8);background:radial-gradient(circle at 100% 50%,#fff 10%,var(--yellow) 40%,var(--orange) 75%);border-radius:100% 0 0 100%/50% 0 0 50%;transform-origin:100% 50%;animation:flame .14s ease-in-out infinite alternate}.rocket.boom>*{animation:boom .45s ease-out forwards}.rocket.wiggle{animation:none}.rocket.wiggle .rocket-body{animation:wiggle .4s}.cue{flex:1;height:calc(var(--u) * 22);background:#fff;border-radius:calc(var(--u) * 6);display:grid;place-items:center;box-shadow:0 calc(var(--u) * 1) 0 #0003;position:relative}.cue-text{font-size:calc(var(--u) * 11);font-weight:700}.game-balloon{background:linear-gradient(#7fd4ff,#d8f4ff)}.balloon-sky{position:absolute;inset:0 0 calc(var(--u) * 36) 0;overflow:hidden}.cloud{position:absolute;width:calc(var(--u) * 30);height:calc(var(--u) * 10);background:#ffffffd9;border-radius:calc(var(--u) * 6);animation:drift 9s ease-in-out infinite}.cloud:before{content:"";position:absolute;left:18%;top:-70%;width:46%;height:150%;background:inherit;border-radius:50%}.cloud.c1{left:6%;top:10%}.cloud.c2{right:4%;top:34%;animation-delay:-3s}.cloud.c3{left:20%;top:62%;width:calc(var(--u) * 22);animation-delay:-6s}.balloon{position:absolute;left:50%;top:0;width:calc(var(--u) * 50);will-change:transform}.balloon.long{width:calc(var(--u) * 68)}.balloon-body{height:calc(var(--u) * 54);border-radius:50%/46% 46% 54% 54%;display:grid;place-items:center;background:radial-gradient(circle at 30% 26%,#ffffffbf,#fff0 32%),var(--c, #ff5d73);box-shadow:inset calc(var(--u) * -2) calc(var(--u) * -3) 0 #0000001f}.balloon-word{font-size:calc(var(--u) * 10);font-weight:700;color:#fff;text-shadow:0 calc(var(--u) * .5) 0 rgba(0,0,0,.3);white-space:nowrap}.balloon.long .balloon-word{font-size:calc(var(--u) * 7.6)}.balloon-string{display:block;width:calc(var(--u) * .6);height:calc(var(--u) * 12);background:#0000004d;margin:0 auto}.balloon.popped>*{animation:boom .3s ease-out forwards}.tray{flex:1;display:flex;justify-content:center;gap:calc(var(--u) * 2.5)}.tray .pic{flex:1;max-width:calc(var(--u) * 24);height:calc(var(--u) * 24);font-size:calc(var(--u) * 11.5)}.game-balloon .dock .mascot{width:calc(var(--u) * 18)}.game-monster{background:linear-gradient(#ffe9a8,#ffc978)}.monster-top{flex:1;min-height:0;position:relative;display:grid;place-items:center}.monster{width:calc(var(--u) * 60)}.mon-mouth{display:none}.monster[data-mouth=idle] .mm-idle,.monster[data-mouth=open] .mm-open,.monster[data-mouth=chew] .mm-chew,.monster[data-mouth=yuck] .mm-yuck{display:inline}.mon-body{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 3s ease-in-out infinite}.monster[data-mouth=chew] .mon-body{animation:chew .28s ease-in-out 4}.monster[data-mouth=open] .mon-body{animation:wow .3s ease-out forwards}.wish{position:absolute;left:calc(var(--u) * 4);top:calc(var(--u) * 2);width:calc(var(--u) * 26);height:calc(var(--u) * 26);background:#fff;border-radius:50%;display:grid;place-items:center;font-size:calc(var(--u) * 15);box-shadow:0 calc(var(--u) * 1) 0 #0000001f}.wish:after{content:"";position:absolute;right:calc(var(--u) * -2);bottom:calc(var(--u) * -1);width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#fff}.monster-top .btn-speaker{position:absolute;right:calc(var(--u) * 4);top:calc(var(--u) * 4)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--u) * 6);flex:none}.card{height:calc(var(--u) * 18);background:#fff;border-radius:calc(var(--u) * 4.5);font-size:calc(var(--u) * 8);font-weight:700;box-shadow:0 calc(var(--u) * 1.1) 0 #0000002e;touch-action:none;position:relative;white-space:nowrap}.card.long{font-size:calc(var(--u) * 5.8)}.card:nth-child(3):last-child{grid-column:1 / -1;justify-self:center;width:48%}.card.drag{z-index:5;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 4) #00000040}.card.fly{transition:transform .28s ease-in;z-index:5}.card.spat{opacity:.45}.game-builder{background:linear-gradient(#dff7ff,#b5e3ff)}.builder-top{display:flex;justify-content:center;align-items:flex-end;gap:calc(var(--u) * 4);padding-top:calc(var(--u) * 3);flex:none}.builder-pic{width:calc(var(--u) * 42);height:calc(var(--u) * 42);background:#fff;border-radius:calc(var(--u) * 9);font-size:calc(var(--u) * 27);line-height:1;box-shadow:0 calc(var(--u) * 1.2) 0 #00000024}.builder-top .mascot{width:calc(var(--u) * 24)}.slots{display:flex;justify-content:center;gap:calc(var(--u) * 1.4);margin:calc(var(--u) * 6) calc(var(--u) * 2);min-height:calc(var(--u) * 18);flex:none;transition:gap .25s}.slot{min-width:calc(var(--u) * 15);height:calc(var(--u) * 18);padding:0 calc(var(--u) * 1.4);border:calc(var(--u) * .8) dashed rgba(0,0,0,.28);border-radius:calc(var(--u) * 4);background:#ffffff73;font-size:calc(var(--u) * 8);font-weight:700;display:grid;place-items:center;white-space:nowrap}.slot.filled{border-style:solid;border-color:var(--teal);background:#fff}.slots.joined{gap:0;align-self:center;padding:0 calc(var(--u) * 3);background:#e6fff0;border:calc(var(--u) * .8) solid var(--green);border-radius:calc(var(--u) * 4.5);animation:jump .6s ease-out}.slots.joined .slot{border:0;background:none;min-width:0;padding:0;height:calc(var(--u) * 16.4);animation:none}.blocks{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 4);flex:1}.block{min-width:calc(var(--u) * 21);height:calc(var(--u) * 19);padding:0 calc(var(--u) * 3);background:var(--yellow);border-radius:calc(var(--u) * 4.5);font-size:calc(var(--u) * 9);font-weight:700;box-shadow:0 calc(var(--u) * 1.2) 0 #d9a800;animation:pop-in .35s backwards}.block.used{visibility:hidden}.block.hint{animation:hint .5s ease-in-out 3}.game-flash{background:linear-gradient(#2b3a5c,#4b5f8c)}.flash-top{display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 4) calc(var(--u) * 3);flex:none}.flash-top .mascot{width:calc(var(--u) * 22)}.flash-screen{flex:1;height:calc(var(--u) * 36);border-radius:calc(var(--u) * 6);border:calc(var(--u) * 1.2) solid var(--yellow);background:#1b2438;color:#ffffff80;display:grid;place-items:center;transition:background .08s}.flash-screen[data-state=show]{background:#fff;color:var(--ink);box-shadow:0 0 calc(var(--u) * 6) #ffd23fcc}.flash-word{font-size:calc(var(--u) * 11);font-weight:700;white-space:nowrap}.flash-word.long{font-size:calc(var(--u) * 7.6)}.flash-meter{height:calc(var(--u) * 2.4);margin:0 calc(var(--u) * 6);background:#ffffff40;border-radius:calc(var(--u) * 2);overflow:hidden;flex:none}.flash-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .4s;border-radius:inherit}.pics{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3.5);padding:calc(var(--u) * 5) calc(var(--u) * 7);align-content:center}.pics .pic{height:calc(var(--u) * 32);font-size:calc(var(--u) * 19);transition:font-size .12s}.pics.waiting .pic{font-size:0;opacity:.5;pointer-events:none}.game-reading{background:#fff6e0}.read{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 3)}.read-intro,.read-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 4)}.read-intro .mascot{width:calc(var(--u) * 40)}.read-title{font-size:calc(var(--u) * 8);font-weight:700;text-align:center}.read-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3);align-content:center}.read-grid.long{grid-template-columns:1fr;gap:calc(var(--u) * 2.2)}.chip{height:calc(var(--u) * 19);background:#fff;border-radius:calc(var(--u) * 4.5);border:calc(var(--u) * .8) solid #f0dfb8;font-size:calc(var(--u) * 9.5);font-weight:700;position:relative;white-space:nowrap}.read-grid.long .chip{height:calc(var(--u) * 14.5);font-size:calc(var(--u) * 8.4)}.chip.tricky{border-color:var(--orange);background:#fff0e6}.chip.tricky:after{content:"🔁";position:absolute;right:calc(var(--u) * 1.5);top:calc(var(--u) * .6);font-size:calc(var(--u) * 4.5)}.read-controls{display:flex;justify-content:center;align-items:center;gap:calc(var(--u) * 4);padding-top:calc(var(--u) * 3);flex:none}.btn-mic.listening{background:var(--pink);animation:pulse .8s infinite}.read-lines{flex:1;min-height:0;overflow-y:auto;padding:calc(var(--u) * 1)}.read-story-title{font-size:calc(var(--u) * 6);font-weight:700;text-align:center;margin-bottom:calc(var(--u) * 3);color:var(--orange)}.line{margin:0 0 calc(var(--u) * 2.5);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-radius:calc(var(--u) * 4);font-weight:700;font-size:calc(var(--u) * 5);line-height:1.35}.line.now{font-size:calc(var(--u) * 8);background:#fff;box-shadow:0 calc(var(--u) * .8) 0 #0000001a;border-left:calc(var(--u) * 1.4) solid var(--orange)}.line.done{opacity:.5}.line.todo{opacity:.28}.read-summary .mascot{width:calc(var(--u) * 30)}.read-banner{font-size:calc(var(--u) * 11);font-weight:700;color:var(--teal)}.read-banner.faster{color:var(--orange);animation:jump .7s ease-out 2}.read-stats{display:flex;gap:calc(var(--u) * 4)}.stat{background:#fff;border-radius:calc(var(--u) * 4.5);padding:calc(var(--u) * 2) calc(var(--u) * 4);text-align:center;box-shadow:0 calc(var(--u) * .8) 0 #0000001a}.stat b{display:block;font-size:calc(var(--u) * 8.5)}.stat span{font-size:calc(var(--u) * 3.6)}.bars{width:100%}.bar-row{display:flex;align-items:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 4.6);margin:calc(var(--u) * 1.2) 0}.bar-row>span{width:calc(var(--u) * 8);text-align:right;font-weight:700}.bar-row>b{width:calc(var(--u) * 10)}.bar-row .bar{background:#f3e6c4}.bar-row .bar i{background:var(--teal)}.bar-row.now .bar i{background:var(--orange)}.read-question{flex:1;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);justify-content:center}.question-top{display:flex;align-items:center;gap:calc(var(--u) * 2);width:100%}.question-top .mascot{width:calc(var(--u) * 24)}.question-bubble{flex:1;background:#fff;border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 3);font-size:calc(var(--u) * 6.4);font-weight:700;box-shadow:0 calc(var(--u) * .8) 0 #0000001a}.answers{display:flex;flex-direction:column;gap:calc(var(--u) * 3);width:100%}.answer{display:flex;align-items:center;gap:calc(var(--u) * 3);background:#fff;border-radius:calc(var(--u) * 4.5);min-height:calc(var(--u) * 17);padding:calc(var(--u) * 2) calc(var(--u) * 4);font-size:calc(var(--u) * 7);font-weight:700;text-align:left;box-shadow:0 calc(var(--u) * 1) 0 #00000024}.answer-pic{font-size:calc(var(--u) * 10);line-height:1}.answer.right{background:#d5ffe3}.answer:disabled{opacity:.4}.game-duel{background:#fff6e0}.game-duel .field{display:flex;flex-direction:column}.duel-half{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:calc(var(--u) * 2)}.duel-half.grown{transform:rotate(180deg);background:#7a4fd638}.duel-half.kid{background:#ffd23f4d}.duel-half.won-round{animation:win-flash .7s}.duel-mid{height:0;position:relative;z-index:3}.duel-exit{position:absolute;left:calc(50% - var(--u) * 5);top:calc(var(--u) * -5)}.duel-head{display:flex;align-items:center;gap:calc(var(--u) * 3)}.duel-who{font-size:calc(var(--u) * 9);line-height:1}.pips{display:flex;gap:calc(var(--u) * 1.6)}.pips i{width:calc(var(--u) * 5.4);height:calc(var(--u) * 5.4);border-radius:50%;background:#00000024}.pips i.on{background:var(--yellow);box-shadow:0 0 calc(var(--u) * 2) var(--orange);animation:pop-in .4s}.duel-word{font-size:calc(var(--u) * 12);font-weight:700;height:calc(var(--u) * 17);line-height:calc(var(--u) * 17);white-space:nowrap}.duel-word.long{font-size:calc(var(--u) * 8)}.duel-wait{width:calc(var(--u) * 60);height:calc(var(--u) * 2.2);background:#0000001a;border-radius:calc(var(--u) * 2);overflow:hidden}.duel-wait i{display:block;height:100%;width:0;background:var(--purple)}.duel-pics{display:flex;gap:calc(var(--u) * 3)}.duel-pics .pic{width:calc(var(--u) * 27);height:calc(var(--u) * 23);font-size:calc(var(--u) * 13.5)}.result,.break{align-items:center;justify-content:center;gap:calc(var(--u) * 2.6);padding:calc(var(--u) * 4);text-align:center}.result-title,.break-title{font-size:calc(var(--u) * 14);font-weight:700;color:var(--orange);text-shadow:0 0 calc(var(--u) * 1) #fff,0 0 calc(var(--u) * 1) #fff,0 calc(var(--u) * .8) 0 #fff;animation:pop-in .5s}.break-title{font-size:calc(var(--u) * 8.5)}.result .mascot{width:calc(var(--u) * 34)}.result-stars .star{display:inline-block;font-size:calc(var(--u) * 16);filter:grayscale(1);opacity:.25;margin:0 calc(var(--u) * 1)}.result-stars .star:nth-child(2){transform:translateY(calc(var(--u) * -3)) scale(1.15)}.result-stars .star.show{filter:none;opacity:1;animation:star-pop .55s ease-out}.result-chips{display:flex;gap:calc(var(--u) * 2)}.chip-stat{background:#ffffffe0;border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 1) calc(var(--u) * 3);font-size:calc(var(--u) * 5);font-weight:700}.sticker-progress{display:flex;align-items:center;gap:calc(var(--u) * 2);width:calc(var(--u) * 70);font-size:calc(var(--u) * 7);flex:none}.rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 3)}.reward{background:#fff;border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 1.5) calc(var(--u) * 4);box-shadow:0 calc(var(--u) * 1) 0 #00000026}.reward-pic{display:block;font-size:calc(var(--u) * 13);line-height:1.15;animation:dance .6s ease-in-out infinite}.reward small{font-size:calc(var(--u) * 3.2);font-weight:700}.reward.world-new{background:var(--yellow)}.result-buttons{display:flex;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 2)}.album-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 calc(var(--u) * 4) calc(var(--u) * 8);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3.5)}.album-mascot .mascot{width:calc(var(--u) * 38)}.wardrobe{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 2);width:100%}.outfit{background:#fff;border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 1.5) 0;font-size:calc(var(--u) * 8);border:calc(var(--u) * .8) solid transparent}.outfit.on{border-color:var(--orange)}.outfit.locked{opacity:.6}.outfit small{display:block;font-size:calc(var(--u) * 3.4);font-weight:700}.stickers{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u) * 2);width:100%;background:#ffffffb3;border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 3)}.sticker{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:calc(var(--u) * .5) dashed rgba(0,0,0,.18);color:#00000040;font-size:calc(var(--u) * 6);font-weight:700}.sticker.own{border:0;background:#fff;font-size:calc(var(--u) * 8.5);box-shadow:0 calc(var(--u) * .6) calc(var(--u) * 1) #0003;transform:rotate(var(--r))}.break .mascot{width:calc(var(--u) * 44)}.break-zzz{font-size:calc(var(--u) * 10);animation:drift 3s ease-in-out infinite;margin-bottom:calc(var(--u) * -6)}.break-ideas{font-size:calc(var(--u) * 11);display:flex;gap:calc(var(--u) * 4)}.break-clock{font-size:calc(var(--u) * 14);font-weight:700;background:#fffc;border-radius:calc(var(--u) * 6);padding:0 calc(var(--u) * 6)}.parent{background:#f6f7fb;color:#1f2937;font-size:16px;-webkit-user-select:text;user-select:text}.parent-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff}.parent-tabs{display:flex;gap:6px;padding:8px 12px;background:#fff;overflow-x:auto;border-bottom:1px solid #e5e7eb;flex:none}.parent-tabs button{white-space:nowrap;padding:8px 14px;border-radius:999px;background:#eef1f6}.parent-tabs button.on{background:var(--ink);color:#fff}.parent-body{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 40px}.parent h3{margin:22px 0 8px;font-size:17px}.p-row{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid #e5e7eb}.p-label{font-weight:700}.p-label small,.p-note,.p-empty{display:block;font-weight:400;color:#5b6472;font-size:14px}.p-control>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.seg{display:inline-flex;background:#e5e7eb;border-radius:10px;padding:3px;gap:2px;max-width:100%}.seg.wrap{flex-wrap:wrap;margin:12px 0 0}.seg button{background:none;padding:8px 12px;border-radius:8px;min-height:40px}.seg button.on{background:#fff;font-weight:700;box-shadow:0 1px 2px #00000026}.p-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;min-height:40px}.p-btn.primary{background:#1fa98b;border-color:#1fa98b;color:#fff;font-weight:700}.p-input,.p-select{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:8px;min-width:0;flex:1 1 140px;max-width:100%;background:#fff}.p-input.small{flex:0 0 64px;text-align:center}.p-form{display:flex;flex-wrap:wrap;gap:8px}.p-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.p-cards>div{background:#fff;border-radius:10px;padding:10px 6px;font-size:12px;color:#5b6472;text-align:center}.p-cards b{display:block;font-size:20px;color:#1f2937}.chart{width:100%;background:#fff;border-radius:10px;padding:8px}.chart text{font-size:9px;fill:#5b6472}.p-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.p-table td,.p-table th{padding:6px 4px;border-bottom:1px solid #e5e7eb;text-align:left}.p-chips{display:flex;flex-wrap:wrap;gap:6px}.p-chips>*{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}.p-chips .off{opacity:.4;text-decoration:line-through}.p-list>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e5e7eb}.p-list>div>span{flex:1;min-width:0}.p-list.rec{margin-top:12px}.p-details summary{padding:10px 0;font-weight:700;cursor:pointer}.p-danger{display:flex;gap:8px;margin-top:28px}.p-danger .p-btn{color:#b42318;border-color:#f3b3ab}.pop-in{animation:pop-in .4s cubic-bezier(.2,1.6,.4,1)}.wiggle{animation:wiggle .4s}.shake{animation:shake .35s}@keyframes screen-in{0%{opacity:0;transform:scale(.97)}}@keyframes pop-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes wiggle{20%{transform:translate(-6%) rotate(-4deg)}40%{transform:translate(6%) rotate(4deg)}60%{transform:translate(-4%) rotate(-2deg)}80%{transform:translate(3%)}}@keyframes shake{20%{transform:translate(var(--shake),calc(var(--shake) * -.6))}40%{transform:translate(calc(var(--shake) * -1),var(--shake))}60%{transform:translate(calc(var(--shake) * .6),calc(var(--shake) * -1))}80%{transform:translate(calc(var(--shake) * -.4),calc(var(--shake) * .4))}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes bob{50%{transform:translateY(-3%)}}@keyframes breathe{50%{transform:scale(1.03,.97)}}@keyframes jump{0%{transform:scale(1.12,.86)}35%{transform:translateY(-14%) scale(.92,1.1)}70%{transform:translateY(0) scale(1.08,.92)}to{transform:none}}@keyframes dance{0%,to{transform:rotate(-7deg) translateY(0)}25%{transform:rotate(0) translateY(-6%) scale(.96,1.05)}50%{transform:rotate(7deg) translateY(0)}75%{transform:rotate(0) translateY(-6%) scale(.96,1.05)}}@keyframes wow{50%{transform:scale(1.12)}to{transform:scale(1.04)}}@keyframes chew{50%{transform:scale(1.06,.92)}}@keyframes flap-l{to{transform:rotate(28deg)}}@keyframes flap-r{to{transform:rotate(-28deg)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes twinkle{50%{opacity:.15;transform:scale(.6)}}@keyframes flame{to{transform:scaleX(.65)}}@keyframes boom{to{transform:scale(1.7);opacity:0}}@keyframes drift{50%{transform:translate(3%,-8%) rotate(4deg)}}@keyframes hint{50%{transform:scale(1.15);background:#fff}}@keyframes star-pop{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.4) rotate(10deg)}}@keyframes float-up{to{transform:translate(-50%,-260%);opacity:0}}@keyframes win-flash{30%{background:#3ccf7a99}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.calm *,html.calm *:before,html.calm *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}