.les-page{background:radial-gradient(58% 52% at 92% 8%,#ff9baf8c 0%,#0000 70%),radial-gradient(50% 46% at 6% 88%,#82d2a585 0%,#0000 65%),radial-gradient(52% 48% at 78% 88%,#ffb98c7a 0%,#0000 65%),radial-gradient(42% 38% at 20% 40%,#c3dcff59 0%,#0000 55%),radial-gradient(38% 34% at 58% 18%,#ffe4c361 0%,#0000 52%),radial-gradient(35% 30% at 42% 72%,#d2f0c84d 0%,#0000 50%),#fdf6f0;flex-direction:column;font-family:Fredoka One,Nunito,Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.les-spinner-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.les-spinner{border:4px solid #0000001a;border-top-color:#e84040;border-radius:50%;width:3rem;height:3rem;animation:.75s linear infinite lesSpin}@keyframes lesSpin{to{transform:rotate(360deg)}}.les-header{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vh,2rem) clamp(1rem,2vw,4rem);display:flex;position:relative}.les-brand{background:#ffffffed;border-radius:1rem;flex-direction:column;align-items:flex-start;padding:.35rem .85rem .45rem;line-height:1.1;display:inline-flex;box-shadow:0 2px 10px #0000001a}.les-brand-sci{letter-spacing:.02em;font-family:Fredoka One,sans-serif;font-size:clamp(1.3rem,1.8vw,7rem)}.les-s{color:#3d3daa}.les-c1{color:#00b8cc}.les-i{color:#48c}.les-e1{color:#c24}.les-n{color:#93a}.les-c2{color:#f82}.les-e2{color:#4a3}.les-brand-bottom{align-items:center;gap:.35rem;margin-top:-.1rem;display:flex}.les-brand-level{color:#e84040;font-family:Nunito,sans-serif;font-size:clamp(.85rem,1vw,4rem);font-style:italic;font-weight:900}.les-brand-sep{color:#aaa;font-family:Nunito,sans-serif;font-size:clamp(.75rem,.9vw,3.5rem);font-weight:700}.les-brand-lessons{color:#48c;font-family:Nunito,sans-serif;font-size:clamp(.85rem,1vw,4rem);font-weight:900}.les-home-btn{cursor:pointer;background:#38a0d8;border:3px solid #60c0ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(3rem,4vw,15rem);height:clamp(3rem,4vw,15rem);transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #1e6ea0,0 6px 14px #0003}.les-home-btn:hover{transform:translateY(-2px)}.les-home-btn:active{transform:translateY(3px);box-shadow:0 1px #1e6ea0}.les-home-btn svg{width:clamp(1.2rem,1.6vw,6rem);height:clamp(1.2rem,1.6vw,6rem)}.les-main{z-index:2;flex-direction:column;flex:1;align-items:center;min-height:0;padding:0 1.75rem;display:flex;position:relative}.les-spacer{flex:1}.les-spacer:last-child{flex:.3}.les-grid{grid-template-columns:repeat(5,1fr);gap:clamp(1rem,1.4vw,5.5rem) clamp(1.5rem,2.2vw,4.5rem);width:100%;max-width:min(88vw,220vh - 36vw);display:grid}.les-card-wrap{flex-direction:column;align-items:center;gap:clamp(.25rem,.5vw,2rem);display:flex}.les-card{aspect-ratio:1;cursor:pointer;border:none;border-radius:clamp(1rem,1.4vw,5.5rem);justify-content:center;align-items:center;width:100%;transition:transform .12s,filter .12s;display:flex;position:relative;overflow:hidden}.les-card:hover{filter:brightness(1.06);transform:translateY(-3px)}.les-card:active{filter:brightness(.95);transform:translateY(5px)}.les-num-wrap{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:clamp(.35rem,.55vw,2.5rem);right:clamp(.4rem,.55vw,2.5rem)}.les-num{color:#fff;text-shadow:0 2px 4px #0003;font-family:Fredoka One,sans-serif;font-size:clamp(1.8rem,2.5vw,10rem);line-height:1}.les-lesson-word{color:#ffffffeb;letter-spacing:.06em;margin-top:-3px;font-family:Nunito,sans-serif;font-size:clamp(.45rem,.55vw,2.2rem);font-weight:900;line-height:1}.les-bubble{background:#fff6;border-top-right-radius:100%;justify-content:flex-start;align-items:flex-end;width:88%;height:88%;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.les-icon{margin:0 0 4% 8%;font-size:clamp(2.5rem,3.5vw,14rem);line-height:1}.les-icon-img{object-fit:contain;object-position:center;z-index:1;width:75%;height:75%;position:absolute;bottom:-5%;left:5%}.les-card-name{text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;height:3.9em;margin:0;font-family:Nunito,sans-serif;font-size:clamp(1rem,1.3vw,5rem);font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.les-pagination-wrap{flex-shrink:0;justify-content:center;align-items:center;height:clamp(3rem,4.5vw,18rem);margin-top:clamp(.4rem,.8vw,3rem);display:flex}.les-pagination{align-items:center;gap:.5rem;display:flex}.les-page-sep{color:#00000040;font-family:Nunito,sans-serif;font-size:clamp(1rem,1.3vw,5rem);font-weight:800;line-height:1}.les-page-btn{cursor:pointer;color:#555;background:#0000001a;border:none;border-radius:50%;width:clamp(2.5rem,3.5vw,14rem);height:clamp(2.5rem,3.5vw,14rem);font-family:Fredoka One,sans-serif;font-size:clamp(1.1rem,1.5vw,6rem);transition:all .15s}.les-page-btn--on{color:#fff;background:#38a8cc;box-shadow:0 4px 10px #38a8cc73}.les-page-btn:hover:not(.les-page-btn--on){background:#0000002e}.lvl-page{background:linear-gradient(#7adde9 0%,#57c8dc 42%,#72d8bf 100%);justify-content:center;align-items:center;font-family:Fredoka One,Nunito,Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.lvl-clouds-bottom{pointer-events:none;z-index:0;position:absolute;bottom:0;left:0;right:0}.lvl-clouds-bottom svg{width:100%;height:22vh;display:block}.lvl-grass{background:#7dcc55;height:3.5vh;margin-top:-2px}.lvl-cloud{pointer-events:none;z-index:0;background:#ffffffb8;border-radius:50%;position:absolute}.lvl-cloud-left{width:24vw;height:22vw;top:28%;left:-9vw;box-shadow:12px -18px 0 10px #ffffffa6,22px 18px 0 6px #ffffff8c}.lvl-cloud-right{width:22vw;height:20vw;top:22%;right:-8vw;box-shadow:-12px -18px 0 10px #ffffffa6,-22px 18px 0 6px #ffffff8c}.lvl-spark{color:#fffc;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute}.lvl-spark-1{font-size:1.5rem;top:6%;left:18%}.lvl-spark-2{font-size:1rem;top:14%;left:40%}.lvl-spark-3{font-size:1.2rem;top:8%;right:25%}.lvl-spark-4{font-size:1.4rem;top:22%;right:14%}.lvl-spark-5{font-size:.9rem;top:38%;left:10%}.lvl-spark-6{font-size:1rem;top:42%;right:8%}.lvl-spark-7{font-size:.85rem;top:10%;left:55%}.lvl-logo{z-index:10;position:absolute;top:1rem;left:1.5rem}.lvl-logo-img{width:auto;height:clamp(2.8rem,5vh,16rem);display:block}.lvl-power-btn{z-index:10;cursor:pointer;background:#f68;border:4px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:clamp(3.5rem,5vh,16rem);height:clamp(3.5rem,5vh,16rem);transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:1rem;right:1.5rem;box-shadow:0 5px #c35,0 8px 16px #0003}.lvl-power-btn:hover{transform:translateY(-2px)}.lvl-power-btn:active{transform:translateY(4px);box-shadow:0 1px #c35,0 2px 6px #0003}.lvl-power-btn svg{width:clamp(1.4rem,2.2vh,7rem);height:clamp(1.4rem,2.2vh,7rem)}.lvl-main{z-index:2;flex-direction:column;align-items:center;gap:.4rem;padding:0 1rem 22vh;display:flex;position:relative}.lvl-title{letter-spacing:.03em;filter:drop-shadow(3px 5px #0000001a);margin:0;font-family:Fredoka One,sans-serif;font-size:clamp(3.5rem,9vw,26rem);line-height:1}.lvl-s{color:#3d3daa}.lvl-c1{color:#00b8cc}.lvl-i{color:#48c}.lvl-e1{color:#c24}.lvl-n{color:#93a}.lvl-c2{color:#f82}.lvl-e2{color:#4a3}.lvl-domain{color:#1a6e80;margin:.25rem 0 0;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700}.lvl-description{color:#0d5060;text-align:center;margin:.5rem 0 1.5rem;font-family:Nunito,sans-serif;font-size:clamp(.85rem,1.2vw,5rem);font-weight:800;line-height:1.65}.lvl-grid{justify-content:center;align-items:center;gap:clamp(2.5rem,4.5vw,20rem);display:flex}.lvl-btn{cursor:pointer;border:none;border-radius:clamp(1.5rem,2vw,7rem);flex-direction:column;justify-content:center;align-items:center;width:clamp(155px,14vw,800px);height:clamp(155px,14vw,800px);padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.lvl-btn--red{background:#e84040;box-shadow:0 8px #b82020,0 12px 22px #b8202073}.lvl-btn--red:hover{transform:translateY(-3px);box-shadow:0 11px #b82020,0 15px 26px #b8202073}.lvl-btn--red:active{transform:translateY(6px);box-shadow:0 2px #b82020,0 4px 10px #b820204d}.lvl-btn--yellow{background:linear-gradient(#ffca30 0%,#f0a020 100%);box-shadow:0 8px #c87010,0 12px 22px #c8701073}.lvl-btn--yellow:hover{transform:translateY(-3px);box-shadow:0 11px #c87010,0 15px 26px #c8701073}.lvl-btn--yellow:active{transform:translateY(6px);box-shadow:0 2px #c87010,0 4px 10px #c870104d}.lvl-btn-gloss{pointer-events:none;background:linear-gradient(#ffffff6b 0%,#ffffff05 100%);border-radius:50%;width:84%;height:42%;position:absolute;top:5%;left:8%;transform:scaleY(.65)}.lvl-btn-label{color:#fff;letter-spacing:.02em;text-shadow:0 2px 5px #0000002e;z-index:1;text-align:center;font-family:Fredoka One,sans-serif;font-size:clamp(1.5rem,2vw,8rem)}.lvl-btn-label--num{font-size:unset;flex-direction:column;align-items:center;display:flex}.lvl-btn-word{color:#fff;letter-spacing:.03em;text-shadow:0 2px 4px #0000002e;margin-bottom:.3rem;font-size:clamp(1.2rem,1.6vw,6rem)}.lvl-btn-num{color:#fff;text-shadow:0 3px 6px #0003;font-size:clamp(4rem,5.5vw,22rem);line-height:.85}.lvl-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite lvlSpin}@keyframes lvlSpin{to{transform:rotate(360deg)}}.lvl-error{color:#c24;background:#ffffffd9;border-radius:.5rem;padding:.5rem 1rem;font-family:Nunito,sans-serif;font-weight:700}.lvl-about{z-index:10;color:#e84040;text-underline-offset:3px;font-family:Fredoka One,sans-serif;font-size:1.25rem;text-decoration:underline;text-decoration-thickness:2px;position:absolute;bottom:1.5rem;left:1.75rem}.lvl-about:hover{opacity:.75}.levels-header{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 1px 4px #00000012}.levels-header-brand{flex-direction:column;line-height:1.2;display:flex}.levels-header-title{color:#ff244f;letter-spacing:.06em;text-transform:uppercase;font-size:1.25rem;font-weight:800}.levels-header-subtitle{color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.levels-header-right{align-items:center;gap:1rem;display:flex}.levels-header-user{color:#374151;font-size:.875rem;font-weight:500}.levels-logout-btn{color:#ff244f;cursor:pointer;background:0 0;border:1px solid #ff244f;border-radius:.5rem;padding:.4rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s}.levels-logout-btn:hover{color:#fff;background:#ff244f}.levels-main{flex-direction:column;flex:1;align-items:center;gap:2rem;padding:3rem 1.5rem;display:flex}.levels-section-title{color:#111827;text-align:center;margin:0;font-size:1.75rem;font-weight:700}.levels-loading{color:#6b7280;flex-direction:column;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.levels-spinner{border:3px solid #ffd0da;border-top-color:#ff244f;border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite levelsSpin}@keyframes levelsSpin{to{transform:rotate(360deg)}}.levels-error{color:#b91c1c;font-size:.875rem}.levels-grid{flex-direction:column;gap:1.25rem;width:100%;max-width:42rem;display:flex}@media (width>=640px){.levels-grid{flex-direction:row}}.level-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #f3f4f6;border-radius:1.25rem;flex:1;align-items:center;gap:1.25rem;padding:1.75rem 1.5rem;font-family:inherit;transition:border-color .18s,box-shadow .18s,transform .12s;display:flex;box-shadow:0 2px 8px #0000000f}.level-card:hover{border-color:#ff244f;transform:translateY(-2px);box-shadow:0 6px 20px #ff244f26}.level-card:active{transform:translateY(0)}.level-card-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.level-card-body{flex-direction:column;flex:1;gap:.25rem;display:flex}.level-card-name{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.level-card-sub{color:#6b7280;margin:0;font-size:.75rem;line-height:1.5}.level-card-arrow{color:#ff244f;flex-shrink:0;font-size:1.25rem;transition:transform .15s}.level-card:hover .level-card-arrow{transform:translate(4px)}.login-page{width:100%;min-height:100vh;font-family:Poppins,Segoe UI,Arial,Helvetica,sans-serif;display:flex}.login-left-panel{box-sizing:border-box;background:linear-gradient(160deg,#cc1a3d 0%,#ff244f 50%,#990f2b 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;width:45%;padding:clamp(1.5rem,3vh,5rem) clamp(1.5rem,3vw,5rem);display:none}@media (width>=768px){.login-left-panel{display:flex}}.login-left-top,.login-mikids-wordmark{align-items:center;display:flex}.login-mikids-logo{width:auto;height:clamp(3rem,5vh,8rem)}.login-left-brand{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.login-science-wordmark{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,10rem);font-weight:800}.login-tagline{color:#ffffffbf;letter-spacing:.05em;margin:0;font-size:clamp(1rem,1.3vw,2.5rem)}.login-left-footer{align-items:center;display:flex}.login-copyright{color:#ffffff80;margin:0;font-size:clamp(.75rem,.9vw,1.6rem)}.login-right-panel{box-sizing:border-box;background:#f9fafb;flex:1;justify-content:center;align-items:center;padding:clamp(1.5rem,3vh,5rem) clamp(1rem,2vw,4rem);display:flex}.login-right-inner{flex-direction:column;gap:clamp(1rem,1.5vh,2.5rem);width:100%;max-width:clamp(22rem,32vw,70rem);display:flex}.login-mobile-logo-wrap{justify-content:center;display:flex}@media (width>=768px){.login-mobile-logo-wrap{display:none}}.login-mobile-logo-badge{background:linear-gradient(135deg,#cc1a3d,#ff244f);border-radius:50%;justify-content:center;align-items:center;width:clamp(4.5rem,7vh,9rem);height:clamp(4.5rem,7vh,9rem);display:flex}.login-mobile-science-wordmark{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:800}.login-title{color:#111827;margin:0;font-size:clamp(1.5rem,2vw,4rem);font-weight:700}.login-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:clamp(.875rem,1vw,2rem)}.login-card{background:#fff;border-radius:clamp(.75rem,1vw,2rem);padding:clamp(1.25rem,2vw,4rem);box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000f}.login-form{flex-direction:column;gap:clamp(.75rem,1.2vh,2rem);display:flex}.login-field{flex-direction:column;gap:.375rem;display:flex}.login-label{color:#374151;font-size:clamp(.8rem,.9vw,1.6rem);font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:.75rem}.login-input-icon svg{width:clamp(1rem,1.2vw,2rem);height:clamp(1rem,1.2vw,2rem)}.login-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:clamp(.4rem,.6vw,1rem);outline:none;width:100%;padding:clamp(.5rem,.8vh,1.2rem) .75rem clamp(.5rem,.8vh,1.2rem) clamp(2rem,2.5vw,4rem);font-family:inherit;font-size:clamp(.875rem,1vw,1.8rem);transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:#ff244f;box-shadow:0 0 0 3px #ff244f26}.login-input--password{padding-right:2.75rem}.login-input-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.625rem}.login-input-toggle:hover{color:#6b7280}.login-input-toggle svg{width:clamp(1rem,1.2vw,2rem);height:clamp(1rem,1.2vw,2rem)}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:clamp(.4rem,.6vw,1rem);align-items:center;gap:.5rem;padding:clamp(.5rem,.8vh,1.2rem) clamp(.6rem,.8vw,1.5rem);font-size:clamp(.75rem,.9vw,1.5rem);display:flex}.login-error svg{flex-shrink:0;width:clamp(1rem,1.2vw,2rem);height:clamp(1rem,1.2vw,2rem)}.login-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:clamp(.4rem,.6vw,1rem);width:100%;margin-top:.25rem;padding:clamp(.65rem,1vh,1.8rem);font-family:inherit;font-size:clamp(.9rem,1.1vw,2.2rem);font-weight:600;transition:opacity .15s,transform .1s}.login-submit-btn:hover:not(:disabled){opacity:.92}.login-submit-btn:active:not(:disabled){transform:scale(.98)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.8}.login-spinner-wrap{justify-content:center;align-items:center;gap:.5rem;display:flex}.login-spinner{width:clamp(1rem,1.2vw,2rem);height:clamp(1rem,1.2vw,2rem);animation:.75s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.fc-page{z-index:15;background:linear-gradient(150deg,#fff9c4 0%,#fff176 50%,#ffee58 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vh,3.5rem);padding:max(12vh,3rem) clamp(1rem,3vw,6rem) clamp(1rem,2vh,4rem);display:flex;position:absolute;inset:0}.fc-grid{grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1vw,2.5rem);width:100%;max-width:min(92vw,165vh);margin-top:auto;margin-bottom:auto;display:grid}.fc-card{aspect-ratio:1;border:clamp(4px, .8vw, 30px) solid var(--card-color);cursor:pointer;background:#fff;border-radius:clamp(.5rem,1vw,2rem);padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000002e}.fc-card:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000047}.fc-card-image{background:var(--card-color-light,white);flex:1;justify-content:center;align-items:center;padding:clamp(.5rem,2.5%,2rem);display:flex;overflow:hidden}.fc-card-image img{object-fit:contain;width:100%;height:100%}.fc-card-loading{background:#ddd;border-radius:50%;width:40%;height:40%;animation:.9s ease-in-out infinite alternate fcPulse}@keyframes fcPulse{to{background:#bbb}}.fc-footer{align-items:center;gap:clamp(1rem,2vw,4rem);margin-top:auto;display:flex}.fc-pagination{align-items:center;gap:clamp(.6rem,1.2vw,3rem);display:flex}.fc-page-btn{color:#1a5252;cursor:pointer;background:#9cc;border:none;border-radius:28%;justify-content:center;align-items:center;width:clamp(2.4rem,3.5vw,7rem);height:clamp(2.4rem,3.5vw,7rem);font-family:Fredoka One,sans-serif;font-size:clamp(1rem,1.4vw,2.8rem);font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000059}.fc-page-btn--active{transform:scale(1.2);box-shadow:0 0 0 clamp(2px,.22vw,5px) #fff,0 3px 12px #00000080}.fc-page-btn:hover:not(.fc-page-btn--active){transform:scale(1.1)}.fc-play-all-btn{color:#fff;cursor:pointer;background:#00000038;border:none;border-radius:999px;align-items:center;gap:clamp(.3rem,.5vw,1rem);padding:clamp(.4rem,.7vh,1.8rem) clamp(.8rem,1.5vw,5rem);font-family:Fredoka One,sans-serif;font-size:clamp(.8rem,1.2vw,4rem);transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #0003}.fc-play-all-btn svg{flex-shrink:0;width:1.1em;height:1.1em}.fc-play-all-btn:hover{background:#00000059;transform:scale(1.04)}.fc-fs-card{aspect-ratio:1;border:clamp(6px, 1vw, 22px) solid var(--card-color);background:var(--card-color-light,white);cursor:pointer;border-radius:clamp(.8rem,1.5vw,3rem);flex-direction:column;width:min(58vw,80vh);padding:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 6px 24px #0003}.fc-fs-card--playing{box-shadow:0 0 0 clamp(3px, .4vw, 8px) var(--card-color), 0 6px 24px #0003}.fc-fs-card--play-all{width:min(72vw,95vh);animation:.4s cubic-bezier(.22,1,.36,1) fcPlayAllIn}.fc-page--play-all{padding:clamp(.5rem,1vh,2rem) clamp(1rem,2vw,4rem)}@keyframes fcPlayAllIn{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fcSlideIn{0%{opacity:0;transform:translate(40%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.fc-fs-image{background:var(--card-color-light,white);flex:7;justify-content:center;align-items:center;padding:clamp(.5rem,2.5%,2rem);display:flex;overflow:hidden}.fc-fs-image img{object-fit:contain;width:100%;height:100%}.fc-fs-word{color:#333;text-align:center;letter-spacing:.02em;background:#fff;border-radius:50% 50% 0 0/28% 28% 0 0;flex:4;justify-content:center;align-items:center;padding:0 clamp(.5rem,1vw,2rem);font-family:Nunito,Segoe UI,sans-serif;font-size:clamp(2rem,4.5vw,16rem);font-weight:400;display:flex}.fc-fs-back-corner{cursor:pointer;z-index:5;background:#ffb005;border:clamp(2px,.3vw,5px) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.5rem,4vw,7rem);height:clamp(2.5rem,4vw,7rem);transition:background .15s,transform .15s;display:flex;position:absolute;bottom:clamp(1rem,2.5vh,3.5rem);left:clamp(1rem,2vw,3rem);box-shadow:0 2px 8px #00000040}.fc-fs-back-corner svg{width:68%;height:68%}.fc-fs-back-corner:hover{background:#ffa000;transform:scale(1.1)}.fc-fs-dots{align-items:center;gap:clamp(.5rem,1vw,2rem);margin-top:clamp(1rem,2vh,3rem);display:flex}.fc-fs-back-dot{cursor:pointer;background:#ffb005;border:clamp(2px,.3vw,5px) solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(2rem,3.2vw,6.5rem);height:clamp(2rem,3.2vw,6.5rem);transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #0003}.fc-fs-back-dot svg{stroke-width:3px;width:68%;height:68%}.fc-fs-back-dot:hover{background:#ffa000;transform:scale(1.1)}.fc-fs-dot{cursor:pointer;background:#fff;border:none;border-radius:50%;width:clamp(.7rem,1.2vw,2.4rem);height:clamp(.7rem,1.2vw,2.4rem);transition:box-shadow .15s,transform .15s;box-shadow:0 1px 4px #0003}.fc-fs-dot--active{background:#ffb005;transform:scale(1.25);box-shadow:0 0 0 clamp(2px,.25vw,4px) #fff,0 1px 4px #0003}.fc-fs-dot:hover:not(.fc-fs-dot--active){opacity:.75}.fc-fs-dot{position:relative}.fc-fs-dot[data-label]:after{content:attr(data-label);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:5;background:#000000c7;border-radius:.4em;padding:.2em .6em;font-family:Nunito,sans-serif;font-size:clamp(.65rem,1vw,1.8rem);transition:opacity .15s;position:absolute;bottom:calc(100% + clamp(.3rem,.6vw,1rem));left:50%;transform:translate(-50%)}.fc-fs-dot[data-label]:hover:after{opacity:1}.sp-page{background:#fdfdcd;font-family:Fredoka One,Nunito,Segoe UI,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.sp-video-bg{filter:blur(20px)brightness(.62);width:100%;height:100%;image-rendering:pixelated;z-index:0;pointer-events:none;position:absolute;inset:0;transform:scale(1.06)}.sp-video{object-fit:contain;z-index:1;background:0 0;width:100%;height:100%;position:absolute;inset:0}.sp-play-btn{cursor:pointer;z-index:10;opacity:0;pointer-events:auto;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(4.5rem,8vw,14rem);height:clamp(4.5rem,8vw,14rem);transition:opacity .25s,background .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-play-btn svg{width:75%;height:75%}.sp-play-btn--paused{opacity:1}.sp-play-btn:hover{opacity:.9;background:#000000bf;transform:translate(-50%,-50%)scale(1.1)}.sp-play-btn--paused:hover{background:#000000bf;transform:translate(-50%,-50%)scale(1.1)}.sp-replay-btn{cursor:pointer;background:#ff6b6b;border:none;border-radius:28%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(1.9rem,2.6vw,9rem);height:clamp(1.9rem,2.6vw,9rem);transition:background .2s;display:flex;box-shadow:0 2px 8px #00000059}.sp-replay-btn svg{width:121%;height:70%}.sp-replay-btn:hover{background:#ff8585}.sp-sequence-bar{z-index:10;flex-direction:row;align-items:center;gap:clamp(.4rem,.8vw,2.4rem);display:flex;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.sp-seq-circle{color:#1a7070;cursor:pointer;background:#fff;border:none;border-radius:28%;justify-content:center;align-items:center;width:clamp(1.9rem,2.6vw,9rem);height:clamp(1.9rem,2.6vw,9rem);font-family:Fredoka One,sans-serif;font-size:clamp(.75rem,1.05vw,3.6rem);font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:flex;box-shadow:0 2px 8px #00000059}.sp-seq-circle--active{color:#1a5252;background:#9cc;box-shadow:0 0 0 clamp(2px,.22vw,4px) #fff,0 3px 12px #00000080}.sp-seq-circle--played{color:#6a9898;background:#c8dede}.sp-seq-circle:hover{filter:brightness(1.1)}.sp-seq-circle--active:hover{filter:brightness(.95)}.sp-loading-overlay{z-index:20;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sp-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:clamp(2.5rem,4vw,6rem);height:clamp(2.5rem,4vw,6rem);animation:.75s linear infinite spSpin}@keyframes spSpin{to{transform:rotate(360deg)}}.sp-error{color:#fff;text-align:center;padding:1rem;font-family:Nunito,sans-serif;font-size:clamp(.9rem,1.2vw,1.8rem);font-weight:700}.sp-center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.sp-back-btn{color:#fff;cursor:pointer;background:#e84040;border:none;border-radius:.75rem;padding:.6rem 1.5rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800}.sp-header-left{z-index:30;align-items:flex-start;gap:.8vw;display:flex;position:absolute;top:1.5vh;left:1.5vw}.sp-level-badge{background:0 0;flex-direction:column;flex-shrink:0;align-items:center;gap:.3vh;display:flex}.sp-mikids-logo{filter:drop-shadow(0 1px 4px #00000073);width:auto;height:6vh;display:block}.sp-science-brand{flex-direction:column;align-items:center;font-family:Fredoka One,sans-serif;line-height:1.2;display:flex}.sp-sci-wordmark{color:#fff;letter-spacing:.05em;background:#ff244f;border-radius:.35em;margin-bottom:.15em;padding:.1em .5em;font-family:Fredoka One,sans-serif;font-size:1.5vw;display:inline-block;box-shadow:0 2px 6px #00000040}.sp-sci-s{color:#3d3daa}.sp-sci-c1{color:#00b8cc}.sp-sci-i{color:#48c}.sp-sci-e1{color:#c24}.sp-sci-n{color:#93a}.sp-sci-c2{color:#f82}.sp-sci-e2{color:#4a3}.sp-science-level{color:#ff244f;text-shadow:0 1px 4px #00000059;letter-spacing:.04em;font-family:Fredoka One,sans-serif;font-size:1.1vw;display:block}.sp-lesson-pill{-webkit-backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #fff6;border-radius:.8vw;align-items:center;gap:.6vw;padding:.5vh .8vw;display:flex}.sp-lesson-num{color:#fff;background:#ff244f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.2vw;height:3.2vw;font-family:Fredoka One,sans-serif;font-size:1.8vw;line-height:1;display:flex;box-shadow:0 1px 4px #0000004d}.sp-lesson-name{color:#ff244f;font-family:Fredoka One,sans-serif;font-size:1.8vw}.sp-category-display{z-index:30;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.2rem;display:flex;position:absolute;top:clamp(.5rem,1.5vh,2rem);right:clamp(5rem,8vw,12rem)}.sp-category-icon{filter:drop-shadow(0 2px 4px #0006);font-size:clamp(1.8rem,3.5vw,6rem);line-height:1}.sp-category-label{color:#fff;text-shadow:0 2px 6px #0009;letter-spacing:.08em;font-family:Fredoka One,sans-serif;font-size:clamp(.9rem,1.4vw,2.5rem)}.sp-back-circle{z-index:30;cursor:pointer;background:#e84040;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.5rem,4.5vh,6.5rem);height:clamp(2.5rem,4.5vh,6.5rem);transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:clamp(.5rem,1.5vh,2rem);right:clamp(.75rem,1.5vw,2.5rem);box-shadow:0 3px #a82020,0 5px 14px #00000059}.sp-back-circle:hover{transform:scale(1.07)}.sp-back-circle:active{transform:scale(.95);box-shadow:0 1px #a82020}.sp-back-circle svg{width:55%;height:55%}.sp-panel-open-tab{z-index:30;cursor:pointer;background:#e84040bf;border:none;border-radius:.75rem 0 0 .75rem;justify-content:center;align-items:center;width:clamp(1.5rem,2.5vw,4rem);height:clamp(4rem,8vh,12rem);transition:background .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sp-panel-open-tab:hover{background:#e84040f2}.sp-panel-open-tab svg{width:70%;height:70%}.sp-cat-header{z-index:30;align-items:center;gap:.8vw;display:flex;position:absolute;top:1.5vh;right:1.5vw}.sp-intro-words-tabs{-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:999px;gap:clamp(.1rem,.2vw,.6rem);padding:clamp(.15rem,.25vw,.8rem);display:flex}.sp-tab-btn{color:#fff;letter-spacing:.06em;cursor:pointer;text-shadow:0 .1em .35em #000000e6,0 0 .7em #000000a6;background:0 0;border:none;border-radius:999px;padding:clamp(.25rem,.5vh,1.2rem) clamp(.7rem,1.4vw,4rem);font-family:Fredoka One,sans-serif;font-size:clamp(.75rem,1.1vw,4rem);transition:background .15s,color .15s}.sp-tab-btn--active{color:#fff;background:#0092f5}.sp-tab-btn:hover:not(.sp-tab-btn--active){background:#ffffff2e}.sp-cat-display-label{-webkit-text-stroke:.6vw var(--cat-color,white);paint-order:stroke fill;color:#fff;letter-spacing:.08em;text-shadow:0 2px 8px #0006;-webkit-backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #fff6;border-radius:.8vw;align-items:center;gap:.1em;padding:.5vh .8vw;font-family:Fredoka One,sans-serif;font-size:2.2vw;display:inline-flex}.sp-cat-display-icon-bg{opacity:.7;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:1.8em;height:1.8em;display:flex;transform:rotate(15deg)}.sp-cat-display-icon-bg svg *{fill:var(--cat-color)!important;stroke:var(--cat-color)!important}.sp-cat-display-icon-bg svg line,.sp-cat-display-icon-bg svg circle{stroke:#fff!important;fill:none!important}.sp-cat-display-icon-bg svg path{stroke:#fff!important}.sp-cat-display-icon-bg svg{width:100%;height:100%}.sp-cat-open-btn{cursor:pointer;background:#ff244f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5vh;height:5vh;transition:background .15s;display:flex}.sp-cat-open-btn:hover{background:#e01040}.sp-cat-open-btn svg{width:70%;height:70%}.sp-panel{z-index:40;box-sizing:border-box;flex-direction:column;width:12vw;padding:1.5vh .8vw;transition:transform .3s cubic-bezier(.34,1.1,.64,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow:visible;transform:translate(110%)}.sp-panel:before{content:"";z-index:-1;pointer-events:none;background:#ff244f;border-top-left-radius:2.5vw 48%;border-bottom-left-radius:2.5vw 48%;position:absolute;inset:0;box-shadow:-6px 0 24px #00000059}.sp-panel--open{transform:translate(0)}.sp-panel-close{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:5vh;height:5vh;margin-bottom:1.5vh;transition:background .15s;display:flex}.sp-panel-close:hover{background:#f0f0f0}.sp-panel-close svg{width:65%;height:65%}.sp-cat-buttons{flex-direction:column;flex:1;justify-content:center;gap:1.4vh;display:flex}.sp-cat-btn{cursor:pointer;aspect-ratio:1;opacity:1;box-sizing:border-box;border:2px solid #ffffff8c;border-radius:1.6vw;justify-content:center;align-items:flex-end;width:min(16vh,9vw);margin:0 auto;padding:0 .3vw 1.4vh;transition:filter .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.sp-cat-btn:hover{filter:brightness(.82)}.sp-cat-btn:active{filter:brightness(.7)}.sp-cat-btn--active{box-shadow:0 0 0 1px #fff6;border:4px solid #fff!important}.sp-cat-btn--unavail{opacity:.5}.sp-cat-btn-icon{opacity:.45;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:-5% 0 25%}.sp-cat-btn-icon svg{width:80%;height:80%}.sp-cat-btn-label{color:#fff;letter-spacing:.03em;text-shadow:0 1px 4px #00000080;text-align:center;word-break:break-word;z-index:1;max-width:100%;font-family:Fredoka One,sans-serif;font-size:1.1vw;line-height:1.1;position:relative}.sp-sub-cat-panel{z-index:10;flex-direction:column;gap:clamp(.35rem,.7vh,2rem);display:flex;position:absolute;top:18vh;left:0}.sp-sub-cat-row{align-items:stretch;display:flex;position:relative}.sp-sub-cat-btn{color:#333;cursor:pointer;text-align:left;background:#ffc;border:none;border-radius:0 999px 999px 0;align-items:center;gap:clamp(.3rem,.5vw,1rem);width:auto;min-width:clamp(8rem,15vw,36rem);max-width:clamp(16rem,26vw,54rem);padding:clamp(.35rem,.8vh,1.6rem) clamp(.6rem,1.2vw,2.5rem);font-family:Fredoka One,sans-serif;font-size:clamp(.8rem,1.25vw,3rem);transition:background .15s,min-width .2s,max-width .2s;display:flex;box-shadow:2px 2px 6px #0000002e}.sp-sub-cat-btn--active{background:#fdfd71;min-width:clamp(10rem,18vw,44rem);max-width:clamp(18rem,30vw,60rem);box-shadow:3px 2px 8px #00000040}.sp-sub-cat-btn:hover:not(.sp-sub-cat-btn--active){background:#ffffa0}.sp-sub-cat-check{flex-shrink:0;display:none}.sp-sub-cat-check--show{align-items:center;width:clamp(1rem,1.6vw,4rem);height:clamp(1rem,1.6vw,4rem);display:flex}.sp-sub-cat-content{flex-direction:column;flex:1;align-items:stretch;gap:.1em;min-width:0;display:flex}.sp-sub-cat-name{white-space:normal;word-break:break-word;font-family:Fredoka One,sans-serif;font-size:clamp(.8rem,1.2vw,2.8rem);line-height:1.15}.sp-sub-cat-expand{color:#7a3800;white-space:nowrap;cursor:pointer;background:#ffe0b2;border-radius:999px;justify-content:space-between;align-items:center;gap:.25em;margin-top:.15em;padding:.15em .4em .15em .6em;font-size:.78em;display:flex;overflow:hidden}.sp-sub-sub-label-wrap{align-items:center;gap:.2em;display:inline-flex}.sp-sub-sub-check{flex-shrink:0;align-items:center;width:clamp(.7rem,1vw,1.8rem);height:clamp(.7rem,1vw,1.8rem);display:inline-flex}.sp-sub-sub-check svg{width:100%;height:100%}.sp-expand-icon{flex-shrink:0;align-items:center;width:1.4em;height:1.4em;display:flex}.sp-expand-icon svg{width:100%;height:100%}.sp-sub-sub-dropdown{-webkit-backdrop-filter:blur(10px);z-index:20;background:#a0a0a047;border-radius:clamp(.5rem,.8vw,2rem);min-width:clamp(7rem,12vw,28rem);margin-left:clamp(.2rem,.3vw,.5rem);position:absolute;top:0;left:100%;overflow:hidden;box-shadow:0 4px 12px #0003}.sp-sub-sub-item{color:#111;width:100%;text-shadow:none;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:clamp(.3rem,.65vh,1.2rem) clamp(.8rem,1.2vw,2.5rem);font-family:Fredoka One,sans-serif;font-size:clamp(.82rem,1.2vw,3rem);transition:background .15s;display:flex}.sp-sub-sub-item-check{flex-shrink:0;align-items:center;width:clamp(.8rem,1.1vw,2rem);height:clamp(.8rem,1.1vw,2rem);margin-right:.35em;display:inline-flex}.sp-sub-sub-item-check svg{width:100%;height:100%}.sp-sub-sub-item--active{background:#00000038}.sp-sub-sub-item:hover{background:#0000001f}.sp-back-bottom{z-index:30;color:#fff;letter-spacing:.05em;cursor:pointer;background:#ff244f;border:none;border-radius:999px;justify-content:center;align-items:center;height:4vh;padding:0 1.5vw;font-family:Fredoka One,sans-serif;font-size:1.2vw;transition:background .15s;display:flex;position:absolute;bottom:2.5vh;left:2vw;box-shadow:0 3px #cc1a3d,0 5px 12px #00000040}.sp-back-bottom:hover{background:#e01040}.sp-back-bottom:active{transform:translateY(2px);box-shadow:0 1px #cc1a3d}.sp-seq-dots{z-index:30;align-items:center;gap:clamp(.4rem,.8vw,1.2rem);display:flex;position:absolute;bottom:clamp(1rem,2.5vh,3.5rem);left:50%;transform:translate(-50%)}.sp-seq-dot{cursor:pointer;background:#ffffff40;border:2px solid #ffffffb3;border-radius:50%;width:clamp(.6rem,1.2vw,2rem);height:clamp(.6rem,1.2vw,2rem);padding:0;transition:background .15s}.sp-seq-dot--active{background:#fff}.sp-seq-dot:hover:not(.sp-seq-dot--active){background:#ffffff8c}body{margin:0;font-family:Fredoka One,Segoe UI,Arial,Helvetica,sans-serif}.sci-placeholder-screen{box-sizing:border-box;background:#fff5f7;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem;display:flex}.sci-placeholder-header{border-bottom:1px solid #ffd0da;justify-content:space-between;align-items:center;width:100%;max-width:60rem;padding-bottom:1rem;display:flex}.sci-placeholder-level{color:#145e2c;letter-spacing:.05em;font-size:1.5rem;font-weight:700}.sci-placeholder-main{flex-direction:column;gap:1rem;width:100%;max-width:60rem;display:flex}.sci-placeholder-hint{color:#6b7280;background:#fff5f7;border-left:3px solid #ff244f;border-radius:0 .25rem .25rem 0;margin:0;padding:.5rem .75rem;font-size:.875rem}.sci-placeholder-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sci-error{color:#b91c1c;font-size:.875rem}.sci-player-screen{background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.sci-player-video-wrap{background:#000;flex:1;min-height:0;position:relative}.sci-player-video{object-fit:contain;width:100%;height:100%;display:block}.sci-player-loading,.sci-player-error{color:#fff;z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.sci-player-sidebar{box-sizing:border-box;z-index:20;background:#000000bf;flex-direction:column;gap:.5rem;width:16rem;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.sci-btn{color:#fff;cursor:pointer;text-align:left;background:#cc1a3d;border:1px solid #ff244f;border-radius:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s}.sci-btn:hover{background:#e01f46}.sci-btn--outline{color:#cc1a3d;background:0 0}.sci-btn--outline:hover{background:#ffd0da}.sci-btn--active{color:#fff;background:#ff244f}.sci-btn--return{z-index:30;background:#cc1a3de6;position:fixed;bottom:1.5rem;left:1.5rem}.sci-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite sciSpin}@keyframes sciSpin{to{transform:rotate(360deg)}}
