.mm-game{min-height:100dvh;padding:70px 18px 24px;color:#284b50;background:linear-gradient(180deg,#a7daf5,#d9efcf)}.mm-page-heading{width:min(820px,calc(100% - 150px));margin:0 auto 10px;text-align:center}.mm-game .mm-controls,.mm-game .mm-page-heading,.mm-game .mm-prompt,.mm-game .mm-workspace{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.mm-page-heading p{margin:0 0 2px;color:#376f84;font-size:12px;font-weight:1000;letter-spacing:.18em}.mm-page-heading h1{margin:0;color:#fff;font-size:clamp(34px,5vw,58px);font-weight:1000;line-height:.98;letter-spacing:-.05em;text-shadow:0 3px 0 #4c9bb2,0 6px 0 #28718b,0 10px 18px #214b6266;-webkit-text-stroke:1px #235d72;paint-order:stroke fill}.mm-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(500px,48vw)) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;column-gap:16px;width:min(1180px,100%);min-height:clamp(635px,calc(100svh - 185px),790px);margin:0 auto;padding:20px 24px 24px;overflow:hidden;border:6px solid #fff;border-radius:38px;background:#b4e2c9;box-shadow:0 10px 0 #79aaa4,0 22px 42px #346d7740}.mm-scene>.g3-art-backdrop{z-index:-1;inset:0;overflow:hidden;border-radius:inherit}.mm-scene .g3-theme-multiply-mania .g3-art-far{background-image:url(/assets/preschool-3d/backgrounds/multiply-mania/background-sharp-v2.webp)!important;opacity:1;mix-blend-mode:normal}.mm-scene .g3-theme-multiply-mania .g3-art-foreground,.mm-scene .g3-theme-multiply-mania .g3-art-mid,.mm-scene .g3-theme-multiply-mania .g3-art-near{opacity:.045;mix-blend-mode:normal;mask-image:linear-gradient(180deg,transparent 42%,#000)}.mm-scene .g3-theme-multiply-mania .g3-art-readable-wash{background:linear-gradient(180deg,#ffffff08 0 50%,#fdf7df20 100%)}.mm-prompt{position:relative;z-index:4;grid-column:1/-1;display:flex;align-items:center;gap:14px;justify-self:center;width:min(760px,100%);min-height:90px;padding:10px 14px;color:#234c5a;text-shadow:0 2px 4px #f9fffc,0 0 12px #f9fff7}.mm-game .mm-prompt{border:3px solid #fff;border-radius:22px;background:#fff9e8;box-shadow:0 6px 0 #b9cfb6,0 12px 20px #35565a26}.mm-prompt-icon{flex:0 0 42px;color:#24759b;font-size:43px;font-weight:1000;line-height:1;text-align:center}.mm-prompt-copy{flex:1;min-width:0}.mm-round{display:block;color:#8b3c66;font-size:12px;font-weight:1000;letter-spacing:.08em}.mm-prompt h2{margin:2px 0 0;font-size:clamp(22px,2.7vw,34px);font-weight:1000;line-height:1.13;letter-spacing:-.04em}.mm-speak{display:grid;flex:0 0 54px;place-items:center;width:54px;height:54px;cursor:pointer;border:0;border-radius:17px;color:#fff;background:#60b9e4;box-shadow:0 5px 12px #3189b944;touch-action:manipulation}.mm-speak svg{width:27px;height:27px;stroke-width:3}.mm-speak:active{transform:scale(.95)}.mm-workspace{position:relative;z-index:3;grid-column:2;align-self:start;min-width:0;padding-top:8px}.mm-board-status{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,500px);min-height:34px;margin:0 auto;padding:2px 12px;color:#255665;font-size:clamp(12px,1.25vw,16px);font-weight:1000;text-shadow:0 1px 6px #fafff9,0 2px 0 #fafffa}.mm-board-status span:last-child{text-align:right}.mm-array-board{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));width:min(100%,500px);aspect-ratio:1;margin:2px auto 0;padding:15.35%;overflow:visible;border-radius:0;background:url(/assets/preschool-3d/props/grade-2-game-assets/array-board-base-sharp-v2.webp) 50%/contain no-repeat;box-shadow:none}.mm-array-board,.mm-array-cell{display:grid;touch-action:manipulation}.mm-array-cell{min-width:0;min-height:0;place-items:center;cursor:pointer;border:0;border-radius:13px;background:transparent}.mm-array-cell:active{transform:scale(.96)}.mm-array-cell:focus-visible,.mm-check:focus-visible,.mm-piece-button:focus-visible,.mm-speak:focus-visible{outline:4px solid #614de0;outline-offset:2px}.mm-counter{display:block;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 23%,#ffffffeb 0 10%,#97e8ff 12%,#46bff2 42%,#2284cd 78%,#1267ad 100%);box-shadow:inset -4px -6px 9px #0b62957a,0 5px 3px #28607050}.mm-count-feedback{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;margin:2px auto 0;padding:4px;color:#214c5a;font-size:13px;font-weight:1000;text-align:center;text-shadow:0 2px 3px #fff,0 0 10px #fff}.mm-count-feedback span+span:before{content:"•";margin-right:6px;color:#aa4b72}.mm-controls{position:relative;z-index:3;grid-column:3;justify-content:center;gap:24px;align-self:stretch;min-width:0;padding:44px 0 20px}.mm-controls,.mm-piece-area{display:flex;flex-direction:column;align-items:center}.mm-piece-area{gap:11px;text-align:center}.mm-piece-area p{margin:0;color:#284a58;font-size:20px;font-weight:1000;text-shadow:0 2px 5px #fff}.mm-piece-area small{display:block;margin-top:2px;color:#386378;font-size:13px;font-weight:900;text-shadow:0 2px 5px #fff}.mm-piece-button{display:grid;place-items:center;width:104px;height:104px;cursor:grab;border:0;border-radius:50%;background:transparent;box-shadow:none;transition:transform .16s,filter .16s;touch-action:manipulation}.mm-piece-button .mm-counter{width:65%;filter:drop-shadow(0 4px 3px #2f759744)}.mm-game .mm-array-cell,.mm-game .mm-piece-button{filter:none!important}.mm-piece-button:hover{transform:translateY(-4px) rotate(-3deg)}.mm-piece-button:active{transform:translateY(3px) scale(.96)}.mm-check{display:flex;align-items:center;justify-content:center;gap:6px;width:min(100%,205px);min-height:70px;padding:10px 13px;cursor:pointer;border:0;border-radius:22px;color:#6b461e;background:linear-gradient(#ffe67b,#f7a943);box-shadow:0 7px 15px #86562b4d;font-size:clamp(17px,1.75vw,21px);font-weight:1000;line-height:1.05;text-align:center;transition:transform .16s,filter .16s;touch-action:manipulation}.mm-check svg{flex:0 0 20px;width:20px}.mm-check svg:last-child{width:17px}.mm-check:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.04)}.mm-check:active:not(:disabled){transform:translateY(4px)}.mm-check:disabled{cursor:wait;opacity:.7}.mm-scene .mm-mascot{z-index:2;bottom:0;left:0;width:351px;filter:drop-shadow(0 13px 10px #38593c42)}.mm-scene .mm-mascot img{display:block;width:100%;height:auto;object-fit:contain}.mm-scene .mm-mascot:before{content:"";position:absolute;z-index:-1;right:12%;bottom:3%;left:12%;height:11%;border-radius:50%;background:#355b385c;filter:blur(9px)}@media (max-width:1100px){.mm-scene .mm-mascot{width:293px;left:8px}}@media (max-width:1050px){.mm-scene{min-height:620px}.mm-controls{padding-inline:4px}}@media (min-width:801px) and (max-width:1020px){.mm-scene .mm-mascot{left:-44px}}@media (max-width:800px) and (min-width:761px){.mm-scene{column-gap:8px;padding-inline:14px}.mm-scene .mm-mascot{width:208px}.mm-piece-area p{font-size:16px}.mm-piece-area small{font-size:11px}.mm-check{min-height:58px;padding-inline:5px;font-size:15px}.mm-check svg:last-child{display:none}}@media (max-width:760px){.mm-game{padding:66px 9px 20px}.mm-page-heading{width:calc(100% - 104px);margin-bottom:8px}.mm-page-heading p{font-size:10px}.mm-page-heading h1{font-size:clamp(27px,8vw,38px)}.mm-scene{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px 10px 12px;border-width:4px;border-radius:25px;box-shadow:0 7px 0 #79aaa4,0 16px 26px #346d7738}.mm-prompt{width:100%;min-height:72px;gap:9px;padding:6px}.mm-prompt-icon{flex-basis:35px;font-size:31px}.mm-prompt h2{font-size:clamp(19px,5vw,27px)}.mm-round{font-size:10px}.mm-speak{flex-basis:46px;width:46px;height:46px;border-radius:14px}.mm-workspace{width:min(100%,430px);padding-top:0}.mm-board-status{min-height:30px;padding:2px 7px;font-size:12px}.mm-array-board{width:min(100%,430px);margin-top:0}.mm-controls{align-self:stretch;align-items:flex-end;justify-content:center;gap:10px;min-height:235px;padding:4px 10px 4px clamp(170px,52%,205px)}.mm-piece-area>div{display:none}.mm-piece-button{width:70px;height:70px;border-radius:19px}.mm-check{width:min(150px,100%);min-height:58px;font-size:16px}.mm-check svg:last-child{display:none}.mm-scene .mm-mascot{display:block;bottom:3px;left:4px;width:221px}}@media (max-width:390px){.mm-scene{padding-inline:6px}.mm-prompt-icon{display:none}.mm-board-status{font-size:11px}.mm-controls{min-height:215px;padding-left:170px}.mm-scene .mm-mascot{width:195px}}@media (max-height:800px) and (min-width:1051px){.mm-scene{min-height:575px;padding-top:10px;padding-bottom:16px}.mm-prompt{min-height:74px}.mm-workspace{padding-top:2px}.mm-array-board{width:min(100%,435px)}.mm-controls{padding-top:28px}}@media (prefers-reduced-motion:reduce){.mm-check,.mm-piece-button{transition:none}}