.builder-shell{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:72px 12px 24px;color:#244569;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0 3px,transparent 4px),radial-gradient(circle at 88% 30%,rgba(255,240,142,.62) 0 4px,transparent 5px),linear-gradient(180deg,#bdeeff,#e7f6d8 54%,#ffe1b4);background-size:66px 66px,94px 94px,auto;font-family:var(--font-nunito),ui-rounded,"Arial Rounded MT Bold",sans-serif}.builder-shell,.builder-window{position:relative;overflow:hidden;isolation:isolate}.builder-window{width:min(1180px,100%);height:clamp(610px,calc(100svh - 150px),770px);border:6px solid rgba(255,255,255,.97);border-radius:38px;background:#f4c779;box-shadow:0 11px 0 #d6903d,0 25px 48px rgba(83,88,93,.3)}.builder-background{z-index:-4;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.008)}.builder-lighting{position:absolute;z-index:-3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 57%,rgba(255,255,255,.2) 0 22%,transparent 55%),linear-gradient(180deg,rgba(43,121,178,.03),transparent 42%,rgba(125,75,30,.09))}.builder-game{position:relative;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:14px 18px 12px}.builder-hud{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:clamp(12px,2vw,24px);min-height:76px;padding:10px 14px 10px 18px;border-radius:28px;color:#fff;background:linear-gradient(100deg,rgba(42,93,116,.86),rgba(52,130,142,.72));box-shadow:0 14px 32px rgba(54,78,85,.22),inset 0 1px rgba(255,255,255,.5);backdrop-filter:blur(12px) saturate(1.14)}.builder-title{display:flex;min-width:0;align-items:center;gap:12px}.builder-title>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffe584,#f1a536);box-shadow:inset 0 3px 4px rgba(255,255,255,.65),0 6px 12px rgba(31,73,89,.28);font-size:27px}.builder-title h1,.builder-title p{margin:0}.builder-title p{color:#d4fbff;font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.builder-title h1{overflow:hidden;margin-top:1px;font-size:clamp(17px,2vw,24px);font-weight:1000;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(22,62,78,.5)}.builder-progress{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.38)}.builder-progress span{font-size:clamp(20px,2.3vw,27px);line-height:1;filter:drop-shadow(0 3px 2px rgba(28,65,76,.35))}.builder-progress span.is-filled{color:#ffd75b;text-shadow:0 0 14px rgba(255,225,104,.9)}.builder-progress strong{min-width:46px;margin-left:4px;color:#fff;font-size:14px;font-weight:1000}.builder-sound{display:grid;width:54px;height:54px;cursor:pointer;place-items:center;border:0;border-radius:19px;color:#28536b;background:linear-gradient(145deg,#ecfeff,#87e0e4);box-shadow:inset 0 3px 3px rgba(255,255,255,.85),0 6px 0 #3c9ca7,0 10px 18px rgba(31,74,86,.24);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;touch-action:manipulation}.builder-sound:hover{filter:brightness(1.07);transform:translateY(-2px)}.builder-sound:active{transform:translateY(4px);box-shadow:inset 0 3px 3px rgba(255,255,255,.75),0 2px 0 #3c9ca7}.builder-sound svg{width:27px;height:27px;stroke-width:3}.builder-stage{position:relative;display:grid;grid-template-rows:70px minmax(270px,1fr) 142px;min-height:0;justify-items:center}.builder-question{z-index:7;display:flex;align-items:center;align-self:center;gap:10px;color:#254c66;text-shadow:0 2px 0 #fff,0 4px 10px rgba(255,255,255,.9)}.builder-question>span{font-size:clamp(19px,2.2vw,27px);font-weight:1000}.builder-question>strong{color:#f06547;font-size:clamp(44px,5.8vw,72px);font-weight:1000;line-height:.8;text-shadow:0 3px 0 #fff3cc,0 7px 14px rgba(91,67,38,.24)}.builder-question>small{font-size:clamp(15px,1.6vw,19px);font-weight:1000}.builder-worksite{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.35fr) 4px minmax(0,1fr);align-self:stretch;width:min(700px,72%);min-height:0;margin-left:12%;padding:8px 2% 34px;filter:drop-shadow(0 12px 12px rgba(92,61,25,.18))}.builder-block-group{display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0}.builder-group-label{display:flex;align-items:center;justify-content:center;gap:7px;color:#315b70;font-weight:1000;text-shadow:0 2px 0 rgba(255,255,255,.95)}.builder-group-label b{display:grid;width:35px;height:35px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#61c6f4,#238acc);box-shadow:inset 0 3px 3px rgba(255,255,255,.55),0 4px 0 #2173a3}.builder-ones .builder-group-label b{background:linear-gradient(145deg,#ff9b7f,#ea5f49);box-shadow:inset 0 3px 3px rgba(255,255,255,.55),0 4px 0 #b94838}.builder-group-label span{font-size:17px}.builder-group-label em{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:#4ea67d;font-size:16px;font-style:normal;box-shadow:0 3px 0 #31765a;animation:builder-count-pop .35s .25s both}.builder-rods{display:flex;align-items:flex-end;gap:clamp(1px,.35vw,4px)}.builder-cubes,.builder-rods{justify-content:center;min-height:0}.builder-cubes{display:grid;align-content:end;grid-template-columns:repeat(3,clamp(38px,4.5vw,54px));grid-auto-rows:clamp(38px,4.5vw,54px);gap:clamp(2px,.4vw,5px)}.builder-placed-block{display:block;flex:0 0 auto;padding:0;cursor:pointer;border:0;background:transparent;touch-action:manipulation}.builder-placed-block:disabled{cursor:default}.builder-placed-ten{width:clamp(31px,4vw,50px);height:min(195px,22vh)}.builder-placed-one{width:100%;height:100%}.builder-one-cube,.builder-ten-rod{width:100%;height:100%;opacity:0;transform:translate3d(0,-100px,0) rotate(9deg);animation:builder-block-drop .5s var(--delay) cubic-bezier(.22,1.35,.42,1) forwards}.builder-one-cube img,.builder-ten-rod img{object-fit:contain;filter:drop-shadow(0 8px 6px rgba(40,70,96,.28))}.builder-one-cube img{filter:hue-rotate(135deg) saturate(.9) drop-shadow(0 7px 5px rgba(56,75,86,.25))}.builder-placed-block:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-4px)}.builder-empty-hint{align-self:end;justify-self:center;margin-bottom:35px;padding:8px 13px;border-radius:18px;color:#416779;background:rgba(255,255,255,.36);font-size:14px;font-weight:1000;text-shadow:0 2px #fff;backdrop-filter:blur(4px)}.builder-place-line{align-self:center;width:2px;height:72%;border-left:3px dashed rgba(255,255,255,.72);filter:drop-shadow(0 2px 1px rgba(64,86,83,.28))}.builder-equation{position:absolute;z-index:8;bottom:-5px;left:50%;margin:0;translate:-50%;white-space:nowrap;color:#35596e;font-size:clamp(22px,2.8vw,32px);font-weight:1000;text-shadow:0 2px 0 #fff,0 4px 9px rgba(255,255,255,.9);animation:builder-equation-in .3s both}.builder-equation strong:first-child{color:#1c8bc6}.builder-equation strong{color:#df5844}.builder-equation b{display:inline-grid;width:48px;height:42px;place-items:center;border-radius:14px;color:#fff;background:#f1a43b;text-shadow:none;box-shadow:inset 0 3px rgba(255,255,255,.45),0 4px 0 #bb7024}.builder-equation.is-complete{animation:builder-equation-in .45s cubic-bezier(.2,1.4,.3,1) both}.builder-tool-wrap{z-index:10;align-self:end;width:min(660px,70%);margin-left:12%;text-align:center}.builder-tool-wrap>p{margin:0 0 7px;color:#2f5268;font-size:17px;font-weight:1000;text-shadow:0 2px 0 #fff,0 4px 8px rgba(255,255,255,.9)}.builder-tools{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:end;gap:clamp(8px,1.4vw,16px)}.builder-add{position:relative;display:flex;min-width:0;min-height:82px;cursor:pointer;align-items:center;justify-content:center;gap:14px;padding:8px 16px;border:0;border-radius:29px 33px 27px 32px/32px 28px 34px 29px;color:#fff;background:linear-gradient(145deg,#62c9ef,#278fc2);box-shadow:inset 6px 6px 8px rgba(255,255,255,.55),inset -6px -7px 9px rgba(29,76,101,.2),0 7px 0 #24779e,0 12px 17px rgba(64,70,67,.24);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;touch-action:manipulation}.builder-add-one{background:linear-gradient(145deg,#ff9f87,#e86557);box-shadow:inset 6px 6px 8px rgba(255,255,255,.58),inset -6px -7px 9px rgba(102,42,32,.18),0 7px 0 #b7473e,0 12px 17px rgba(64,70,67,.24)}.builder-add:after{content:"";position:absolute;top:9px;left:15px;width:35%;height:9px;border-radius:50%;background:rgba(255,255,255,.28);transform:rotate(-5deg)}.builder-add:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.06)}.builder-add:active:not(:disabled){transform:translateY(4px)}.builder-add:disabled{cursor:default;opacity:.72}.builder-add.is-wrong{animation:builder-card-shake .42s ease-in-out}.builder-add>span:last-child{display:flex;flex-direction:column;align-items:flex-start}.builder-add strong{font-size:clamp(28px,3vw,36px);line-height:.82;text-shadow:0 3px 3px rgba(39,70,83,.25)}.builder-add small{margin-top:7px;font-size:11px;font-weight:1000}.builder-tool-rod{width:33px;height:62px}.builder-tool-cube{width:58px;height:58px}.builder-tool-cube img,.builder-tool-rod img{object-fit:contain;filter:drop-shadow(0 5px 3px rgba(31,65,78,.25))}.builder-tool-cube img{filter:hue-rotate(135deg) saturate(.9) drop-shadow(0 5px 3px rgba(80,45,37,.22))}.builder-reset{display:grid;width:62px;height:62px;cursor:pointer;place-items:center;align-self:center;justify-self:center;border:0;border-radius:50%;color:#416276;background:rgba(255,255,255,.82);box-shadow:inset 0 3px 4px #fff,0 5px 0 rgba(77,105,109,.38),0 9px 14px rgba(65,66,56,.18);touch-action:manipulation}.builder-reset svg{width:23px;height:23px;stroke-width:3}.builder-reset span{margin-top:-9px;font-size:9px;font-weight:1000}.builder-reset:disabled{cursor:default;opacity:.4}.builder-feedback{min-height:28px;padding-top:6px;color:#31566c;font-size:15px;font-weight:1000;text-shadow:0 2px 0 #fff,0 3px 7px rgba(255,255,255,.96)}.builder-mascot{position:absolute!important;z-index:6;right:auto;left:-1.5%;bottom:4%;width:clamp(225px,30vw,353px);height:clamp(285px,37.5vw,443px);transform-origin:50% 96%;filter:drop-shadow(0 17px 13px rgba(81,64,39,.25))}.builder-mascot img{object-fit:contain;object-position:center bottom}.is-correct .builder-mascot{animation:builder-mascot-hop .72s cubic-bezier(.2,1.25,.35,1) both}.builder-add:focus-visible,.builder-placed-block:focus-visible,.builder-reset:focus-visible,.builder-sound:focus-visible,.success-card button:focus-visible{outline:5px solid #fff36e;outline-offset:4px}.builder-success{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:rgba(36,80,92,.61);backdrop-filter:blur(8px)}.success-card{width:min(470px,100%);padding:28px 30px 32px;border:6px solid #fff;border-radius:42px;color:#285b6d;text-align:center;background:linear-gradient(155deg,#fffcef,#e5fff5);box-shadow:0 12px 0 #d38c3c,0 28px 60px rgba(45,69,72,.42);animation:builder-success-pop .55s cubic-bezier(.2,1.5,.4,1)}.success-card>span{display:block;font-size:82px;filter:drop-shadow(0 7px 0 #c78742)}.success-card p{margin:4px 0;color:#607c81;font-weight:900}.success-card h2{margin:3px 0 24px;color:#eb6d53;font-size:clamp(42px,9vw,60px);line-height:1;letter-spacing:-.05em}.success-card button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;cursor:pointer;border:0;border-radius:22px;color:#fff;background:#43ae96;box-shadow:inset 0 3px rgba(255,255,255,.35),0 7px #2d7d6e;font-size:22px;font-weight:1000}@keyframes builder-block-drop{72%{opacity:1;transform:translate3d(0,5px,0) rotate(-2deg) scaleY(.95)}to{opacity:1;transform:none}}@keyframes builder-equation-in{0%{opacity:0;transform:scale(.55)}}@keyframes builder-card-shake{20%,60%{transform:translateX(-9px) rotate(-1deg)}40%,80%{transform:translateX(9px) rotate(1deg)}}@keyframes builder-success-pop{0%{opacity:0;transform:translateY(40px) scale(.65)}}@keyframes builder-count-pop{0%{opacity:0;transform:scale(.4)}}@keyframes builder-ghost-breathe{50%{transform:translateY(-5px) scale(1.025);filter:brightness(1.08)}}@keyframes builder-mascot-hop{40%{transform:translateY(-18px) rotate(-3deg) scale(1.05)}70%{transform:translateY(2px) rotate(2deg) scale(.98,1.02)}}@media(max-width:760px){.builder-shell{padding:66px 7px 12px}.builder-window{height:calc(100svh - 82px);min-height:565px;border-width:4px;border-radius:29px}.builder-game{padding:10px 9px 8px}.builder-hud{grid-template-columns:minmax(0,1fr) auto 52px;gap:7px;min-height:68px;padding:8px 9px 8px 11px;border-radius:23px}.builder-title{gap:8px}.builder-title>span{width:42px;height:42px;border-radius:15px;font-size:23px}.builder-title p{font-size:9px;letter-spacing:.09em}.builder-title h1{font-size:15px}.builder-progress{gap:2px}.builder-progress span{font-size:16px}.builder-progress strong{min-width:38px;margin-left:2px;font-size:11px}.builder-sound{width:46px;height:46px;border-radius:16px}.builder-sound svg{width:24px;height:24px}.builder-stage{grid-template-rows:58px minmax(235px,1fr) 144px}.builder-question{gap:6px}.builder-question>span{font-size:18px}.builder-question>strong{font-size:47px}.builder-question>small{font-size:13px}.builder-worksite{width:86%;margin-left:10%;padding-right:0;padding-left:0}.builder-group-label{gap:5px}.builder-group-label b{width:31px;height:31px;border-radius:10px;font-size:14px}.builder-group-label span{font-size:14px}.builder-group-label em{width:26px;height:26px;font-size:13px}.builder-placed-ten{width:clamp(21px,5.4vw,31px);height:min(165px,21vh)}.builder-rods{gap:1px}.builder-cubes{grid-template-columns:repeat(3,clamp(31px,7.5vw,43px));grid-auto-rows:clamp(31px,7.5vw,43px);gap:2px}.builder-empty-hint{margin-bottom:25px;padding:6px 9px;font-size:11px}.builder-equation{bottom:-1px;font-size:22px}.builder-equation b{width:42px;height:36px}.builder-tool-wrap{width:88%;margin-left:10%}.builder-tool-wrap>p{margin-bottom:5px;font-size:14px}.builder-tools{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:7px}.builder-add{min-height:76px;gap:6px;padding:6px 7px;border-radius:22px 25px 21px 24px}.builder-add strong{font-size:25px}.builder-add small{font-size:9px}.builder-tool-rod{width:26px;height:53px}.builder-reset,.builder-tool-cube{width:48px;height:48px}.builder-reset svg{width:19px;height:19px}.builder-reset span{font-size:8px}.builder-feedback{font-size:12px}.builder-mascot{z-index:4;right:auto;left:-9%;bottom:7%;width:clamp(168px,40.5vw,225px);height:clamp(218px,52.5vw,285px)}}@media(max-width:470px){.builder-title h1{display:none}.builder-progress span{font-size:14px}.builder-progress strong,.builder-question>small{display:none}.builder-tool-wrap,.builder-worksite{width:90%;margin-left:9%}.builder-add small{display:none}.builder-add{gap:4px;padding-right:4px;padding-left:4px}.builder-mascot{left:-12%;bottom:7%;opacity:.98}}@media(max-height:700px){.builder-shell{padding-top:62px;padding-bottom:8px}.builder-window{height:calc(100svh - 72px);min-height:0}.builder-hud{min-height:64px;padding-top:6px;padding-bottom:6px}.builder-stage{grid-template-rows:52px minmax(205px,1fr) 126px}.builder-question>strong{font-size:45px}.builder-placed-ten{height:min(150px,22vh)}.builder-add{min-height:66px}.builder-tool-wrap>p{margin-bottom:3px}.builder-feedback{min-height:23px;padding-top:4px}}@media(prefers-reduced-motion:reduce){.builder-add.is-wrong,.builder-equation,.builder-group-label em,.builder-mascot,.builder-one-cube,.builder-ten-rod,.success-card{animation-duration:.01ms!important;animation-delay:0s!important}}