:root{color-scheme:light;--ink:#101640;--muted:#49617d;--blue:#0d8fe8;--deep-blue:#075fc2;--sky:#29c2ff;--yellow:#ffd43f;--orange:#ff891f;--green:#70db1f;--panel:hsla(0,0%,100%,.94);--shadow:0 9px 0 rgba(16,22,64,.14),0 20px 30px rgba(20,75,112,.18);--small-shadow:0 5px 0 rgba(16,22,64,.14),0 12px 18px rgba(20,75,112,.14)}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);background:#f4fbff;font-family:Arial Rounded MT Bold,Trebuchet MS,Avenir Next Rounded,Segoe UI,system-ui,sans-serif}a,button{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:4px solid rgba(255,211,61,.8);outline-offset:3px}.site-page{min-height:100dvh;background:#f4fbff}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px clamp(14px,3vw,34px);border-bottom:1px solid rgba(13,143,232,.14);background:rgba(244,251,255,.96)}.site-nav-brand{min-width:0;display:inline-flex;align-items:center;gap:10px;color:#081640;font-size:clamp(.98rem,1.6vw,1.18rem);font-weight:950;line-height:1}.site-nav-logo{width:38px;height:38px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3px;gap:3px;flex:0 0 auto;padding:7px;border-radius:12px;background:#075fc2;box-shadow:0 4px 0 rgba(16,22,64,.14)}.site-nav-logo span{border-radius:5px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.46),inset 0 -2px 0 rgba(0,0,0,.12)}.site-nav-logo span:first-child{background:#70db1f}.site-nav-logo span:nth-child(2){background:#2ca6ff}.site-nav-logo span:nth-child(3){background:#ff891f}.site-nav-logo span:nth-child(4){background:#ffd43f}.site-nav-domain{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-nav-links a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:2px solid rgba(13,143,232,.18);border-radius:999px;background:#fff;color:#0b5ec7;font-size:.94rem;font-weight:950}.academy-page{width:100%;height:calc(100dvh - 58px);min-height:620px;grid-template-rows:clamp(76px,10vh,104px) minmax(0,1fr);grid-gap:clamp(10px,1.5vh,16px);gap:clamp(10px,1.5vh,16px);padding:clamp(12px,2vw,24px);overflow:hidden;background:radial-gradient(circle at 22% 84%,hsla(0,0%,100%,.24),transparent 18%),linear-gradient(180deg,#0786e6,#19bffa 42%,#8be14f 43%,#72d62d 74%,#57bd20)}.academy-page,.academy-topbar{position:relative;display:grid}.academy-topbar{z-index:20;grid-template-columns:minmax(78px,104px) minmax(620px,1fr) auto;grid-gap:clamp(10px,1.5vw,22px);gap:clamp(10px,1.5vw,22px)}.academy-topbar,.brand{min-width:0;align-items:center}.brand{width:clamp(70px,9vh,94px);height:clamp(70px,9vh,94px);display:inline-flex;justify-content:center;padding:8px;border-radius:50%;background:linear-gradient(180deg,rgba(22,130,229,.98),rgba(0,89,188,.98));color:#fff;box-shadow:var(--shadow)}.brand-cubes{width:clamp(54px,6.2vh,74px);height:clamp(54px,6.2vh,74px);display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px;flex:0 0 auto;padding:12px;border-radius:50%;background:#fff;box-shadow:inset 0 -4px 0 rgba(16,22,64,.12)}.brand-cubes span{border-radius:6px;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.46),inset 0 -3px 0 rgba(0,0,0,.14)}.brand-cubes span:first-child{background:#65d924}.brand-cubes span:nth-child(2){background:#2ca6ff;transform:translateY(12px)}.brand-cubes span:nth-child(3){background:#ff672b}.brand-cubes span:nth-child(4){background:#ffd43f;opacity:0}.number-picker{grid-template-columns:minmax(360px,1fr) minmax(260px,330px);grid-gap:10px;gap:10px}.number-picker,.number-rail{min-width:0;display:grid;align-items:stretch}.number-rail{height:clamp(62px,7.4vh,78px);grid-template-columns:repeat(10,minmax(42px,1fr));overflow:hidden;border-radius:24px;background:hsla(0,0%,100%,.96);box-shadow:var(--shadow)}.number-rail button{position:relative;background:transparent;color:#085bbf;font-size:clamp(1.2rem,1.7vw,1.95rem);font-weight:950}.number-rail button+button{border-left:2px solid rgba(8,91,191,.1)}.number-rail button.is-active:before{position:absolute;content:"";inset:5px;border:7px solid var(--yellow);border-radius:20px;box-shadow:inset 0 -4px 0 rgba(238,169,0,.24)}.number-stepper{min-width:0;height:clamp(62px,7.4vh,78px);display:grid;grid-template-columns:minmax(42px,.72fr) minmax(38px,.58fr) minmax(68px,1fr) minmax(38px,.58fr) minmax(42px,.72fr);align-items:stretch;overflow:hidden;border-radius:24px;background:hsla(0,0%,100%,.96);box-shadow:var(--shadow)}.number-stepper button,.number-stepper input{min-width:0;border:0;background:transparent;color:#085bbf;font:inherit;font-size:clamp(.88rem,1.2vw,1.2rem);font-weight:950;text-align:center}.number-stepper button{transition:transform .12s ease,background .12s ease,color .12s ease}.number-stepper button:hover:not(:disabled){background:rgba(255,212,63,.24)}.number-stepper button:active:not(:disabled){transform:translateY(4px)}.number-stepper button:disabled{color:rgba(8,91,191,.28);cursor:default}.number-stepper input{width:100%;background:#fff;color:#ff7a1a;font-size:clamp(1.35rem,2vw,2.05rem);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-shadow:inset 0 0 0 5px rgba(255,212,63,.78)}.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.number-stepper>*+*{border-left:2px solid rgba(8,91,191,.1)}.sound-controls{justify-self:end;display:grid;grid-template-columns:auto minmax(72px,110px) auto auto;align-items:center;justify-content:flex-end;grid-gap:10px;gap:10px}.sound-toggle{width:clamp(58px,7.3vh,74px);height:clamp(58px,7.3vh,74px);display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#9fe8ff,#1598e4);color:#fff;box-shadow:var(--small-shadow);transition:transform .16s ease,filter .16s ease}.sound-toggle:hover{transform:translateY(-2px)}.sound-toggle:focus-visible{outline:4px solid rgba(255,211,61,.8);outline-offset:4px}.sound-toggle.is-on{background:linear-gradient(180deg,#9af13a,#50bc13)}.music-toggle{background:linear-gradient(180deg,#ffe47a,#ff9d1f)}.music-toggle.is-on{background:linear-gradient(180deg,#ffc5ec,#f15bb5)}.sound-toggle svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .music-note,.sound-toggle .speaker-body{fill:currentColor;stroke:none}.sound-toggle .speaker-wave{opacity:0}.sound-toggle .sound-off,.sound-toggle.is-on .speaker-wave{opacity:1}.sound-toggle.is-on .sound-off,.sound-toggle.is-on .speaker-off{opacity:0}.sound-toggle:not(.is-on){filter:saturate(.9)}.feedback-link{position:relative;text-decoration:none;background:linear-gradient(180deg,#fff7a7,#ffb72b);filter:none}.feedback-link:after{position:absolute;content:attr(data-tooltip);top:calc(100% + 10px);right:0;padding:7px 11px;border-radius:999px;background:rgba(8,33,91,.92);color:#fff;font-size:.8rem;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 10px 22px rgba(0,41,104,.22);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.feedback-link:focus-visible:after,.feedback-link:hover:after{opacity:1;transform:translateY(0)}.feedback-link .mail-body{fill:currentColor;stroke:none}.feedback-link .mail-corner,.feedback-link .mail-flap{stroke:#085bbf;stroke-width:2.2}.music-volume{width:min(10vw,110px);min-width:72px;height:32px;accent-color:#f15bb5;cursor:pointer}.music-volume:focus-visible{outline:4px solid rgba(255,211,61,.8);outline-offset:3px}.academy-shell{z-index:5;display:grid;grid-template-columns:minmax(0,1fr)}.academy-shell,.play-panel{position:relative;min-height:0}.play-panel{overflow:hidden;border-radius:34px;background:linear-gradient(180deg,rgba(32,196,255,.94),rgba(125,226,87,.96));box-shadow:var(--shadow);isolation:isolate}.play-sky{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,rgba(7,134,230,.04),hsla(0,0%,100%,.08) 42%,rgba(93,204,42,.05)),url(/assets/numberland-stage-bg.png) bottom /cover no-repeat}.play-sky>*{display:none}.cloud{position:absolute;width:160px;height:52px;border-radius:999px;background:hsla(0,0%,100%,.94);filter:drop-shadow(0 8px 8px rgba(58,120,170,.18))}.cloud:after,.cloud:before{position:absolute;content:"";border-radius:50%;background:inherit}.cloud:before{left:24px;bottom:20px;width:76px;height:76px}.cloud:after{right:20px;bottom:13px;width:62px;height:62px}.c1{left:9%;top:8%}.c2{right:7%;top:8%;transform:scale(.88)}.hill{position:absolute;bottom:110px;width:58%;height:34%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#98e94b,#54c725)}.h1{left:-12%}.h2{right:-12%;transform:scaleX(1.1);background:linear-gradient(180deg,#72dcee,#38ba7a 42%,#5fc925)}.toy-house{position:absolute;left:clamp(56px,9vw,120px);bottom:22%;width:clamp(140px,18vw,230px);height:clamp(120px,18vh,190px);border-radius:20px 20px 14px 14px;background:linear-gradient(90deg,#15c7bd 0 22%,#178be8 22% 72%,#ff861b 72%);box-shadow:inset 0 6px 0 hsla(0,0%,100%,.35),0 12px 20px rgba(44,101,30,.24)}.toy-house i{left:30%;top:-44%;width:38%;border-radius:20px 20px 10px 10px;background:linear-gradient(180deg,#ffe346,#ffc01d)}.toy-house b,.toy-house i{position:absolute;height:52%}.toy-house b{right:18%;top:-42%;width:34%;border-radius:28px 28px 10px 10px;background:linear-gradient(180deg,#ff6c38,#e64f13);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.toy-house em{position:absolute;left:43%;bottom:0;width:22%;height:48%;border-radius:999px 999px 0 0;background:#684113;box-shadow:inset -10px 0 0 rgba(0,0,0,.18)}.tree{position:absolute;bottom:19%;width:48px;height:82px;border-radius:40px 40px 10px 10px;background:linear-gradient(180deg,#36d13d,#0e9d42);box-shadow:inset 0 5px 0 hsla(0,0%,100%,.25)}.tree:after{position:absolute;content:"";left:20px;bottom:-38px;width:12px;height:42px;border-radius:999px;background:#946222}.t1{right:21%;transform:scale(.86)}.t2{right:9%;bottom:14%;transform:scale(1.16)}.feedback-bubble,.how-to-guide,.mode-controls,.playground,.split-tools,.stage-number{position:absolute;z-index:3}.how-to-guide{top:clamp(14px,2.2vh,24px);left:clamp(14px,2vw,28px);z-index:5;max-width:min(380px,44vw);display:grid;grid-gap:8px;gap:8px;padding:12px 14px 13px;border-radius:18px;background:hsla(0,0%,100%,.9);color:#123360;box-shadow:0 5px 0 rgba(16,22,64,.12),0 14px 22px rgba(20,75,112,.14);pointer-events:none;transform:translateY(0) scale(1);transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1)}.how-to-guide strong{font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1;font-weight:950}.how-to-guide ol{display:grid;grid-gap:7px;gap:7px;padding:0;margin:0;list-style:none}.how-to-guide li{display:flex;align-items:center;gap:8px;font-size:clamp(.78rem,1vw,.96rem);font-weight:850;line-height:1.1}.how-to-guide li span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#ffd43f;color:#0b4d96;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.52),0 2px 0 rgba(16,22,64,.12);font-weight:950}.how-to-guide.is-quiet{opacity:.34;transform:translateY(-6px) scale(.96)}.stage-number{left:50%;top:clamp(54px,8vh,94px);color:#fff;font-size:clamp(4.5rem,10vh,8rem);font-weight:950;line-height:.8;text-shadow:0 6px 0 rgba(16,22,64,.22),0 0 0 8px #fff;transform:translateX(-50%)}.stage-number:after,.stage-number:before{position:absolute;content:"";top:52%;width:42px;height:7px;border-radius:999px;background:#fff}.stage-number:before{right:calc(100% + 14px);transform:rotate(8deg)}.stage-number:after{left:calc(100% + 14px);transform:rotate(-8deg)}.mode-add .stage-number{top:clamp(46px,7vh,78px);font-size:clamp(3.5rem,7vh,5.8rem);opacity:.9}.play-panel.is-split-open .stage-number{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.72)}.playground{left:0;right:0;bottom:clamp(150px,21vh,200px);height:min(54vh,470px);display:grid;place-items:end center;pointer-events:none}.playground:after{position:absolute;content:"";left:50%;bottom:0;width:min(74%,760px);height:clamp(110px,17vh,170px);border-radius:50%;background:radial-gradient(ellipse at center,#ffe9a2 0,#ffd875 68%,#58a9ff 69%,#1d85df 78%,transparent 79%);transform:translateX(-50%);z-index:0;display:none}.array-board,.number-buddy,.split-stage{position:relative;z-index:2;pointer-events:auto}.number-buddy{display:grid;place-items:center;margin-bottom:clamp(58px,7.5vh,84px)}.number-stack{--block-size:clamp(52px,7.1vh,72px);position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;filter:drop-shadow(0 18px 14px rgba(45,72,34,.2))}.number-stack.is-dancing,.place-value-buddy.is-dancing:not(.is-compact){transform-origin:50% 100%;animation:buddy-idle-dance 3.2s cubic-bezier(.45,0,.2,1) infinite}.number-stack.is-dancing .toy-arm.left,.place-value-buddy.is-dancing>.toy-arm.left,.split-group.is-dancing:not(.is-dragging)>.toy-arm.left{transform-origin:78% 12%;animation:buddy-left-arm 3.2s cubic-bezier(.45,0,.2,1) infinite}.number-stack.is-dancing .toy-arm.right,.place-value-buddy.is-dancing>.toy-arm.right,.split-group.is-dancing:not(.is-dragging)>.toy-arm.right{transform-origin:22% 12%;animation:buddy-right-arm 3.2s cubic-bezier(.45,0,.2,1) infinite}.number-stack.is-dancing .stack-feet .toy-foot.left,.place-value-buddy.is-dancing .place-value-feet .toy-foot.left,.split-group.is-dancing:not(.is-dragging) .split-feet .toy-foot.left{transform-origin:50% 100%;animation:buddy-left-foot 3.2s cubic-bezier(.45,0,.2,1) infinite}.number-stack.is-dancing .stack-feet .toy-foot.right,.place-value-buddy.is-dancing .place-value-feet .toy-foot.right,.split-group.is-dancing:not(.is-dragging) .split-feet .toy-foot.right{transform-origin:50% 100%;animation:buddy-right-foot 3.2s cubic-bezier(.45,0,.2,1) infinite}.split-group.is-dancing:not(.is-dragging) .place-value-buddy.is-compact .place-value-packs,.split-group.is-dancing:not(.is-dragging) .split-tower{transform-origin:50% 100%;animation:split-buddy-bop 3.2s cubic-bezier(.45,0,.2,1) infinite}.place-value-buddy{--grid-cell-size:clamp(14px,min(calc(34vh / var(--grid-rows, 4)),calc(58vw / var(--grid-cols, 4))),42px);--grid-gap:clamp(5px,1vh,8px);position:relative;display:grid;justify-items:center;grid-gap:11px;gap:11px;min-width:min(84vw,620px);margin-bottom:clamp(58px,7.5vh,84px);filter:drop-shadow(0 18px 14px rgba(45,72,34,.2))}.place-value-packs{width:min(84vw,600px);min-height:clamp(172px,34vh,320px);display:flex;flex-direction:column;align-items:center;padding:clamp(48px,7vh,68px) clamp(16px,3vw,30px) clamp(18px,3vh,28px);border-radius:28px;background:hsla(0,0%,100%,.42);box-shadow:inset 0 5px 0 hsla(0,0%,100%,.3),0 8px 0 rgba(16,22,64,.08)}.place-value-packs,.place-value-row{justify-content:center;gap:var(--grid-gap)}.place-value-row{display:grid;grid-template-columns:repeat(var(--row-count),var(--grid-cell-size));grid-gap:var(--grid-gap)}.place-value-cell{position:relative;width:var(--grid-cell-size);height:var(--grid-cell-size);display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:var(--block-color);color:#0b5ec7;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.38),inset 0 -3px 0 rgba(0,82,92,.15);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease}button.place-value-cell{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button.place-value-cell:hover{filter:brightness(1.08) saturate(1.12);transform:translateY(-1px)}button.place-value-cell:active{transform:translateY(1px) scale(.96)}button.place-value-cell:focus-visible{outline:3px solid rgba(255,211,61,.88);outline-offset:2px}.place-value-face{top:clamp(10px,2vh,18px)}.place-value-buddy.is-compact .place-value-face{top:clamp(5px,1vh,9px);width:clamp(34px,4.6vh,46px);height:clamp(24px,3.3vh,34px)}.place-value-total{min-width:74px;min-height:54px;display:grid;place-items:center;border:4px solid #d5e2ec;border-radius:15px;background:#fff;color:#0b5ec7;font-size:clamp(1.8rem,3.6vh,2.6rem);font-weight:950;box-shadow:0 5px 0 rgba(16,22,64,.12)}.place-value-feet{bottom:-30px}.place-value-buddy.is-compact{--grid-cell-size:clamp(5px,min(calc(11vh / var(--grid-rows, 4)),calc(13vw / var(--grid-cols, 4))),18px);--grid-gap:clamp(2px,0.45vh,4px);min-width:clamp(118px,16vw,198px);margin-bottom:0;gap:0;filter:drop-shadow(0 11px 9px rgba(45,72,34,.18))}.place-value-buddy.is-compact .place-value-packs{width:clamp(118px,16vw,198px);min-height:clamp(76px,15vh,132px);padding:7px;border-radius:16px}.place-value-buddy.is-compact .place-value-cell{border-radius:4px}.block-row{display:flex;justify-content:center;gap:7px}.array-board span,.number-block,.split-block{position:relative;display:block;width:var(--block-size);height:var(--block-size);overflow:hidden;border-radius:18px;background:var(--block-color);box-shadow:inset 0 5px 0 hsla(0,0%,100%,.36),inset 0 -7px 0 rgba(0,82,92,.18),0 5px 0 rgba(0,70,92,.16)}.number-block{color:#0b5ec7;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.number-block:hover{filter:brightness(1.06) saturate(1.1)}.number-block:active{transform:translateY(2px) scale(.96)}.number-block.is-counted{overflow:visible;box-shadow:inset 0 5px 0 hsla(0,0%,100%,.55),inset 0 -7px 0 rgba(190,117,0,.18),0 0 0 4px hsla(0,0%,100%,.96),0 0 0 7px rgba(255,212,63,.45),0 8px 0 rgba(0,70,92,.16);filter:brightness(1.08) saturate(1.18);transform:translateY(-5px) scale(1.04)}.number-block.is-counted,.place-value-cell.is-counted{z-index:3;background:linear-gradient(180deg,#fff176,#ffd43f 72%,#ffc53d)}.place-value-cell.is-counted{box-shadow:inset 0 3px 0 hsla(0,0%,100%,.58),inset 0 -3px 0 rgba(190,117,0,.16),0 0 0 2px hsla(0,0%,100%,.96),0 0 0 4px rgba(255,212,63,.48),0 5px 0 rgba(0,70,92,.12);transform:scale(1.1)}.counted-number{position:absolute;inset:0;z-index:12;display:grid;place-items:center;color:#0b5ec7;font-weight:950;line-height:1;text-shadow:0 2px 0 hsla(0,0%,100%,.86),0 0 8px hsla(0,0%,100%,.82);pointer-events:none}.number-block .counted-number{font-size:clamp(1.35rem,3.1vh,2.2rem)}.place-value-cell .counted-number{font-size:min(1rem,calc(var(--grid-cell-size) * .6))}.shine{position:absolute;left:18%;right:18%;top:14%;height:9%;border-radius:999px;background:hsla(0,0%,100%,.42)}.block-face{position:absolute;inset:0}.face-badge{position:absolute;left:50%;top:clamp(10px,1.3vh,15px);z-index:8;width:clamp(48px,6vh,62px);height:clamp(34px,4.7vh,46px);display:block;transform:translateX(-50%);pointer-events:none}.face-badge .eye{top:20%;width:30%;height:36%}.face-badge .eye.left{left:18%}.face-badge .eye.right{right:18%}.face-badge .mouth{left:35%;top:62%;width:30%;height:24%}.eye{position:absolute;top:34%;width:26%;height:26%;border-radius:50%;background:#fff}.eye.left{left:24%}.eye.right{right:24%}.eye i{left:34%;top:34%;width:42%;height:42%;border-radius:50%;background:#081027;transform:translate(var(--look-x,0),var(--look-y,0));transition:transform 80ms ease-out}.eye i,.mouth{position:absolute}.mouth{left:35%;top:62%;width:30%;height:18%;overflow:hidden;border-radius:0 0 999px 999px;background:#17070b}.mouth i{position:absolute;left:20%;bottom:-32%;width:60%;height:65%;border-radius:999px 999px 0 0;background:#ff6176}.cube-eye{position:absolute;left:50%;top:28%;z-index:9;width:28%;height:28%;border-radius:999px;background:#fff;box-shadow:inset 0 -2px 0 rgba(5,7,14,.12),0 2px 0 rgba(0,0,0,.08);transform:translateX(-50%);pointer-events:none}.has-left-eye .cube-eye{left:66%}.has-right-eye .cube-eye{left:34%}.cube-eye i{left:33%;top:33%;width:42%;height:42%;background:#081027;transform:translate(var(--look-x,0),var(--look-y,0));transition:transform 80ms ease-out}.cube-eye i,.cube-eye i:after{position:absolute;border-radius:999px}.cube-eye i:after{content:"";left:18%;top:12%;width:22%;height:22%;background:#fff}.cube-mouth{position:absolute;left:50%;top:47%;z-index:9;width:38%;height:26%;overflow:hidden;border-radius:0 0 999px 999px;background:#17070b;transform:translateX(-50%);pointer-events:none}.cube-mouth i{position:absolute;left:20%;bottom:-34%;width:60%;height:70%;border-radius:999px 999px 0 0;background:#ff6176}.center-mouth{position:absolute;left:50%;top:calc((var(--face-row, 0) * (var(--block-size) + 7px)) + (var(--block-size) * .62));z-index:9;width:clamp(22px,3vh,30px);height:clamp(14px,2vh,19px);overflow:hidden;border-radius:0 0 999px 999px;background:#17070b;box-shadow:0 2px 0 rgba(0,0,0,.08);transform:translateX(-50%);pointer-events:none}.center-mouth i{position:absolute;left:20%;bottom:-34%;width:60%;height:72%;border-radius:999px 999px 0 0;background:#ff6176}.split-center-mouth{top:calc((var(--face-row, 0) * (var(--split-size) + 7px)) + (var(--split-size) * .62));width:clamp(19px,2.7vh,26px);height:clamp(12px,1.7vh,16px)}.toy-arm{position:absolute;top:38%;z-index:1;width:clamp(46px,6.4vh,62px);height:clamp(64px,9.6vh,86px);overflow:visible;pointer-events:none}.toy-arm.left{left:calc(-1 * clamp(28px, 4.4vh, 42px))}.toy-arm.right{right:calc(-1 * clamp(28px, 4.4vh, 42px))}.stack-feet{position:absolute;left:50%;bottom:-34px;z-index:8;display:flex;gap:12px;transform:translateX(-50%)}.toy-arm.is-small{top:34%;width:36px;height:54px}.toy-arm.left.is-small{left:-28px}.toy-arm.right.is-small{right:-28px}.toy-arm-main{fill:none;stroke:#07184d;stroke-width:15;stroke-linecap:round;stroke-linejoin:round}.toy-arm-shadow{fill:none;stroke:rgba(0,20,70,.18);stroke-width:20;stroke-linecap:round}.toy-hand{fill:#07184d}.toy-highlight{fill:none;stroke:rgba(92,160,255,.42);stroke-width:5;stroke-linecap:round}.toy-foot{width:58px;height:38px;overflow:visible;filter:drop-shadow(0 4px 0 rgba(16,22,64,.16))}.toy-foot.is-small{width:46px;height:30px}.number-stack.count-1 .toy-arm{top:42%;width:31px;height:46px}.number-stack.count-1 .toy-arm.left{left:-24px}.number-stack.count-1 .toy-arm.right{right:-24px}.number-stack.count-1 .toy-arm-main{stroke-width:13}.number-stack.count-1 .toy-arm-shadow{stroke-width:16}.number-stack.count-1 .stack-feet{bottom:-25px;gap:2px}.number-stack.count-1 .toy-foot{width:34px;height:23px}.split-group.count-1 .toy-arm{top:42%;width:25px;height:38px}.split-group.count-1 .toy-arm.left{left:-20px}.split-group.count-1 .toy-arm.right{right:-20px}.split-group.count-1 .split-feet{bottom:36px;gap:0}.split-group.count-1 .toy-foot{width:28px;height:19px}.toy-foot-sole{fill:#04164f}.toy-foot-main{fill:#082a86}.toy-foot-cuff{fill:#123eaa}.toy-foot-shine{fill:none;stroke:rgba(125,180,255,.72);stroke-width:6;stroke-linecap:round}.split-stage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(54px,7vw,94px);margin-bottom:clamp(32px,6vh,64px)}.split-stage.is-compact-split{width:min(92vw,740px);flex-wrap:wrap;align-items:flex-end;gap:clamp(14px,3vw,34px)}.split-stage.is-compact-split .split-group{flex:0 1 clamp(118px,16vw,170px)}.split-group{position:relative;border:0;padding:0;display:grid;justify-items:center;grid-gap:12px;gap:12px;background:transparent;color:inherit;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:translate(var(--drag-x,0),var(--drag-y,0)) scale(1);transition:transform .16s ease,filter .16s ease;animation:pop-in .3s cubic-bezier(.18,.89,.32,1.2) both}.split-group:nth-child(2){animation-delay:50ms}.split-group:nth-child(3){animation-delay:.1s}.split-group:after,.split-group:before{content:none}.split-group.is-dragging{z-index:30;cursor:-webkit-grabbing;cursor:grabbing;filter:drop-shadow(0 22px 16px rgba(16,22,64,.24));transform:translate(var(--drag-x,0),var(--drag-y,0)) scale(1.05);transition:none;animation:none}.split-group.is-dragging:before,.split-group.is-drop-target:after{position:absolute;content:"";inset:-16px -22px 34px;z-index:0;border:6px solid #ff465b;border-radius:26px;pointer-events:none;box-shadow:0 0 0 5px hsla(0,0%,100%,.42),0 12px 24px rgba(255,70,91,.18)}.split-group.is-drop-target:after{border-style:dashed;background:rgba(255,70,91,.08)}.split-tower{--split-size:clamp(54px,7.1vh,70px);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;filter:drop-shadow(0 13px 11px rgba(45,72,34,.18))}.split-block{width:var(--split-size);height:var(--split-size)}.array-board span{width:var(--array-size);height:var(--array-size)}.split-face{top:clamp(8px,1.1vh,12px);width:clamp(42px,5vh,54px);height:clamp(30px,4vh,40px)}.split-block{background:var(--part-color)}.split-group strong{position:relative;z-index:3;min-width:54px;min-height:48px;display:grid;place-items:center;border:4px solid #d5e2ec;border-radius:13px;background:#fff;color:#0b5ec7;font-size:1.7rem;font-weight:950;box-shadow:0 5px 0 rgba(16,22,64,.12)}.split-feet{position:absolute;bottom:47px;z-index:4;display:flex;gap:5px}.feedback-bubble,.split-feet{left:50%;transform:translateX(-50%)}.feedback-bubble{bottom:clamp(112px,13.4vh,136px);z-index:6;max-width:min(560px,calc(100% - 52px));margin:0;padding:10px 20px;border:4px solid hsla(0,0%,100%,.8);border-radius:18px;background:hsla(0,0%,100%,.92);color:#0b5ec7;font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:950;line-height:1.1;text-align:center;box-shadow:var(--small-shadow)}.confetti-burst{position:absolute;left:50%;top:52%;z-index:8;width:1px;height:1px;pointer-events:none}.confetti-burst span{position:absolute;left:0;top:0;width:10px;height:15px;border-radius:3px;background:var(--confetti-color);opacity:0;transform-origin:center;animation:confetti-pop .98s cubic-bezier(.16,.86,.32,1) var(--confetti-delay) both}.confetti-burst span:nth-child(3n){width:9px;height:9px;border-radius:50%}.confetti-burst span:nth-child(4n){width:15px;height:8px;border-radius:999px}.array-board{--array-size:clamp(48px,7vh,68px);grid-template-columns:repeat(var(--array-cols),var(--array-size));grid-auto-rows:var(--array-size);grid-gap:8px;gap:8px;margin-bottom:clamp(38px,7vh,74px);padding:18px;border-radius:28px;background:hsla(0,0%,100%,.82)}.array-board,.split-tools{display:grid;box-shadow:var(--small-shadow)}.split-tools{right:clamp(18px,2.4vw,42px);left:auto;top:50%;bottom:auto;width:clamp(132px,12vw,176px);max-width:none;grid-template-columns:1fr;justify-content:center;grid-gap:11px;gap:11px;padding:10px;border-radius:24px;background:hsla(0,0%,100%,.94);transform:translateY(-50%)}.split-tools button{width:100%;min-width:0;min-height:clamp(54px,6.6vh,66px);padding:0 14px;border-radius:17px;background:#fff;color:var(--ink);font-size:clamp(1rem,1.4vw,1.26rem);font-weight:950;box-shadow:0 5px 0 rgba(16,22,64,.12)}.split-tools button.is-selected{background:linear-gradient(180deg,#95ee3b,#58c915);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.15)}.split-tools .split-now{background:linear-gradient(180deg,#ffda43,#ffaf13);color:#5e3600}.mode-controls{left:50%;bottom:clamp(16px,2vh,24px);width:min(760px,calc(100% - 42px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;padding:14px;border-radius:30px;background:hsla(0,0%,100%,.96);box-shadow:var(--shadow);transform:translateX(-50%)}.mode-controls button{min-height:clamp(64px,8vh,88px);display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:22px;color:#fff;font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:950;text-shadow:0 3px 0 rgba(0,0,0,.16);box-shadow:0 7px 0 rgba(16,22,64,.16),inset 0 4px 0 hsla(0,0%,100%,.24);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.mode-controls button:first-child{background:linear-gradient(180deg,#32b6ff,#087fd9)}.mode-controls button:nth-child(2){background:linear-gradient(180deg,#ff9b31,#f26500)}.mode-controls button:nth-child(3){background:linear-gradient(180deg,#8ee747,#48b817)}.mode-controls button:hover{filter:brightness(1.04);transform:translateY(-2px)}.mode-controls button.is-active,.mode-controls button:active{transform:translateY(5px);box-shadow:0 2px 0 rgba(16,22,64,.16),inset 0 4px 0 hsla(0,0%,100%,.18)}.mode-controls button.is-active{outline:6px solid hsla(0,0%,100%,.82)}.mode-icon{position:relative;width:34px;height:34px;display:inline-block;flex:0 0 auto}.mode-icon.cube{border:6px solid #fff;border-radius:8px;transform:rotate(30deg) skewY(-12deg)}.mode-icon.split:after,.mode-icon.split:before{position:absolute;content:"";bottom:0;width:16px;height:24px;border-radius:5px;background:#fff}.mode-icon.split:before{left:1px;transform:rotate(9deg)}.mode-icon.split:after{right:1px;transform:rotate(-9deg)}.mode-icon.array{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;gap:5px}.mode-icon.array:after,.mode-icon.array:before{content:""}.mode-icon.array,.mode-icon.array:after,.mode-icon.array:before{border:5px solid #fff;border-radius:6px}.spark-layer{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 88%,hsla(0,0%,100%,.9) 0 4px,transparent 5px),radial-gradient(circle at 86% 84%,rgba(255,211,61,.85) 0 7px,transparent 8px),radial-gradient(circle at 75% 70%,rgba(255,111,168,.75) 0 6px,transparent 7px)}.info-page,.learning-guide,.site-footer{color:#102047;background:#f4fbff}.learning-guide{padding:clamp(44px,8vw,86px) clamp(18px,5vw,72px)}.learning-guide-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-gap:clamp(28px,4vw,46px);gap:clamp(28px,4vw,46px)}.learning-intro{display:grid;grid-gap:14px;gap:14px;max-width:760px}.guide-label{width:-moz-fit-content;width:fit-content;margin:0;padding:8px 12px;border:2px solid rgba(13,143,232,.24);border-radius:999px;background:#fff;color:#0b5ec7;font-size:.95rem;font-weight:950}.info-page h1,.learning-intro h1{margin:0;color:#081640;font-size:clamp(2.25rem,4vw,4.4rem);line-height:.96;letter-spacing:0;text-wrap:balance}.info-page li,.info-page p,.learning-card p,.learning-faq p,.learning-intro p,.site-footer p,.teacher-panel p{color:#334e72;font-size:1.05rem;line-height:1.65}.learning-intro p{max-width:70ch;margin:0;font-size:clamp(1.05rem,1.7vw,1.26rem)}.learning-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.info-card,.learning-card,.learning-faq article,.teacher-panel{border:2px solid rgba(13,143,232,.16);border-radius:12px;background:#fff;box-shadow:0 8px 0 rgba(16,22,64,.06)}.learning-card{display:grid;grid-gap:10px;gap:10px;padding:clamp(18px,2.4vw,26px)}.info-page h2,.learning-card h2,.learning-faq h2,.learning-faq h3,.teacher-panel h2{margin:0;color:#081640;line-height:1.1;letter-spacing:0;text-wrap:balance}.info-page h2,.learning-card h2,.learning-faq h3{font-size:1.25rem}.info-page p,.learning-card p,.learning-faq p{margin:0}.teacher-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);grid-gap:clamp(18px,4vw,42px);gap:clamp(18px,4vw,42px);padding:clamp(22px,4vw,38px);border-color:rgba(255,137,31,.28);background:linear-gradient(180deg,#fff,#fff8e3)}.learning-faq h2,.teacher-panel h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}.teacher-panel p{max-width:64ch;margin:12px 0 0}.info-page ul,.teacher-panel ul{margin:0;padding:0;list-style:none}.teacher-panel li{position:relative;padding:12px 0 12px 34px;color:#183865;font-size:1rem;font-weight:850;line-height:1.45}.teacher-panel li+li{border-top:1px solid rgba(255,137,31,.22)}.teacher-panel li:before{position:absolute;left:0;top:15px;width:22px;height:22px;border-radius:7px;content:"";background:linear-gradient(180deg,#ffd43f,#ff9d1f);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.55)}.learning-faq{display:grid;grid-gap:18px;gap:18px}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.learning-faq article{display:grid;grid-gap:9px;gap:9px;padding:20px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:24px clamp(18px,5vw,72px) 34px;border-top:1px solid rgba(13,143,232,.16)}.site-footer p{max-width:560px;margin:0;font-size:.98rem}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a,.info-home-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 15px;border:2px solid rgba(13,143,232,.2);border-radius:999px;background:#fff;color:#0b5ec7;font-size:.98rem;font-weight:950}.info-page{min-height:100dvh;padding:clamp(28px,6vw,72px) clamp(18px,5vw,72px)}.info-shell{width:min(860px,100%);margin:0 auto;display:grid;grid-gap:24px;gap:24px}.info-card{display:grid;grid-gap:18px;gap:18px;padding:clamp(22px,4vw,42px)}.info-page header{display:grid;grid-gap:14px;gap:14px}.info-page section,.info-page ul{display:grid;grid-gap:10px;gap:10px}.info-page li{position:relative;padding-left:22px}.info-page li:before{position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:999px;content:"";background:#0d8fe8}@keyframes pop-in{0%{opacity:0;transform:translate(var(--drag-x,0),calc(var(--drag-y, 0px) + 24px)) scale(.86)}to{opacity:1;transform:translate(var(--drag-x,0),var(--drag-y,0)) scale(1)}}@keyframes buddy-idle-dance{0%,to{transform:translateY(0) rotate(0deg)}18%{transform:translateY(-5px) rotate(-1.2deg)}36%{transform:translateY(1px) rotate(1deg)}54%{transform:translateY(-4px) rotate(1.2deg)}72%{transform:translateY(0) rotate(-.8deg)}}@keyframes split-buddy-bop{0%,to{transform:translateY(0) rotate(0deg)}22%{transform:translateY(-4px) rotate(-1deg)}44%{transform:translateY(1px) rotate(.8deg)}66%{transform:translateY(-3px) rotate(1deg)}}@keyframes buddy-left-arm{0%,to{transform:rotate(0deg)}24%{transform:rotate(-7deg) translateY(-2px)}50%{transform:rotate(5deg)}74%{transform:rotate(-4deg) translateY(-1px)}}@keyframes buddy-right-arm{0%,to{transform:rotate(0deg)}24%{transform:rotate(7deg) translateY(-2px)}50%{transform:rotate(-5deg)}74%{transform:rotate(4deg) translateY(-1px)}}@keyframes buddy-left-foot{0%,to{transform:translateY(0) rotate(0deg)}22%{transform:translateY(3px) rotate(-3deg)}46%{transform:translateY(0) rotate(0deg)}}@keyframes buddy-right-foot{0%,to{transform:translateY(0) rotate(0deg)}48%{transform:translateY(3px) rotate(3deg)}72%{transform:translateY(0) rotate(0deg)}}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.36) rotate(0deg)}12%{opacity:1}68%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)),calc(-50% + var(--confetti-y))) scale(1) rotate(var(--confetti-rotate))}}@media (prefers-reduced-motion:reduce){.is-dancing .toy-arm,.is-dancing .toy-foot,.number-stack.is-dancing,.place-value-buddy.is-dancing,.place-value-packs,.split-group.is-dancing .split-tower,.split-group.is-dancing .toy-arm,.split-group.is-dancing .toy-foot{animation:none}.how-to-guide{transition:none}.confetti-burst span{animation-duration:1ms;animation-delay:0ms}}@media (max-width:1120px){.academy-topbar{grid-template-columns:minmax(72px,92px) minmax(600px,1fr) auto}.academy-shell{grid-template-columns:1fr}}@media (max-width:760px){.site-nav{position:relative;align-items:flex-start;flex-direction:column;min-height:0;padding:10px}.site-nav-brand{max-width:100%;gap:8px;font-size:.98rem}.site-nav-logo{width:34px;height:34px;border-radius:11px}.site-nav-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;grid-gap:6px;gap:6px}.site-nav-links a{min-height:34px;padding:0 6px;font-size:.8rem}.academy-page{height:calc(100dvh - 100px);min-height:560px;padding:8px;grid-template-rows:auto minmax(0,1fr)}.academy-topbar{grid-template-columns:1fr auto}.brand{width:66px;height:66px;border-radius:22px}.brand-cubes{width:54px;height:54px;padding:11px}.how-to-guide{top:10px;left:10px;right:10px;max-width:none;gap:6px;padding:9px 10px;border-radius:15px}.how-to-guide strong{font-size:.86rem}.how-to-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.how-to-guide li{align-items:flex-start;gap:5px;font-size:.68rem}.how-to-guide li span{width:20px;height:20px;border-radius:7px}.number-picker{grid-column:1/-1;order:3;grid-template-columns:1fr;gap:8px}.number-rail{height:50px;grid-template-columns:repeat(10,minmax(0,1fr));border-radius:18px}.number-rail button{min-width:0;font-size:1rem}.number-rail button.is-active:before{inset:4px;border-width:5px;border-radius:14px}.number-stepper{height:50px;border-radius:18px;grid-template-columns:minmax(44px,.8fr) minmax(42px,.7fr) minmax(72px,1fr) minmax(42px,.7fr) minmax(44px,.8fr)}.number-stepper button{font-size:.84rem}.number-stepper input{font-size:1.25rem;box-shadow:inset 0 0 0 4px rgba(255,212,63,.78)}.sound-toggle{width:54px;height:54px}.sound-toggle svg{width:29px;height:29px}.sound-controls{grid-template-columns:auto minmax(62px,88px) auto auto;gap:8px}.music-volume{width:78px;min-width:62px}.cloud.c1{left:-3%;top:5%;transform:scale(.76)}.cloud.c2{right:-3%;top:5%;transform:scale(.74)}.toy-house,.tree.t1{display:none}.stage-number{top:88px}.playground{bottom:120px;height:50vh}.buddy-arm{display:none}.split-stage{gap:22px}.split-stage.is-compact-split{width:100%;gap:10px}.split-stage.is-compact-split .split-group{flex-basis:clamp(86px,28vw,112px)}.split-stage.is-compact-split .toy-arm.is-small{display:none}.feedback-bubble{bottom:104px;max-width:calc(100% - 24px);padding:8px 13px;border-width:3px;border-radius:14px;font-size:.95rem}.split-tools{width:calc(100% - 20px);flex-wrap:wrap;left:10px;right:10px;top:auto;bottom:96px}.split-tools button{flex:1 1 86px}.mode-controls{width:calc(100% - 20px);gap:8px;padding:9px;border-radius:22px}.mode-controls button{min-height:58px;gap:7px;font-size:.9rem}.mode-icon{width:25px;height:25px}.mode-icon.split:after,.mode-icon.split:before{width:12px;height:19px}.mode-icon.array{gap:3px}.mode-icon.array,.mode-icon.array:after,.mode-icon.array:before{border-width:4px}.place-value-buddy{--ten-width:clamp(17px,4.4vw,28px);--ten-height:clamp(82px,19vh,128px);--one-size:clamp(22px,5.5vw,32px);min-width:min(92vw,360px)}.place-value-packs{width:min(92vw,360px);gap:5px;padding:42px 12px 10px;border-radius:22px}.place-value-total{min-width:62px;min-height:46px;font-size:1.55rem}.place-value-buddy.is-compact{--grid-cell-size:clamp(5px,min(calc(11vh / var(--grid-rows, 4)),calc(23vw / var(--grid-cols, 4))),14px);--grid-gap:2px;min-width:clamp(78px,25vw,104px)}.place-value-buddy.is-large-grid>.toy-arm{display:none}.place-value-buddy.is-compact .place-value-packs{width:clamp(78px,25vw,104px);gap:2px;padding:5px;border-radius:12px}.learning-guide{padding:38px 16px 54px}.faq-grid,.learning-card-grid,.teacher-panel{grid-template-columns:1fr}.info-page h1,.learning-intro h1{font-size:2.35rem;line-height:1}.teacher-panel{gap:16px}.site-footer{align-items:flex-start;padding:22px 16px 30px}.footer-links{width:100%}.footer-links a{flex:1 1 120px}.info-page{padding:20px 14px 44px}}