.fnl-game{position:relative;display:flex;min-height:100svh;flex-direction:column;align-items:center;padding:70px 12px 22px;color:#244e56;background:#d8f4ff!important}.fnl-page-heading{width:min(850px,calc(100% - 100px));margin:0 auto 12px;text-align:center}.fnl-page-heading p{margin:0 0 2px;color:#397b88;font-size:12px;font-weight:1000;letter-spacing:.18em}.fnl-page-heading h1{margin:0;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.055em;text-shadow:0 3px 0 #7abd8b,0 6px 0 #418d73,0 10px 18px #2c6c6552;-webkit-text-stroke:1px #368471;paint-order:stroke fill}.fnl-scene{position:relative;z-index:1;isolation:isolate;display:flex;width:min(1220px,100%);min-height:clamp(590px,calc(100svh - 165px),840px);flex-direction:column;align-items:center;margin:auto;padding:18px 24px 24px;overflow:hidden;border:4px solid #fff;border-radius:32px;background:#89d9d1;box-shadow:0 8px 0 #74b99e,0 20px 36px #3e6e6c3b}.fnl-scene>.g3-art-backdrop{z-index:0}.fnl-scene .g3-theme-froggy-fraction-hop .g3-art-far{background-image:url(/assets/preschool-3d/backgrounds/froggy-fraction-hop/background-sharp-v2.webp)!important;background-position:50%!important;opacity:1;mix-blend-mode:normal}.fnl-scene .g3-theme-froggy-fraction-hop .g3-art-mid{background-image:radial-gradient(ellipse at 16% 83%,#edffcf6b,transparent 38%)!important;opacity:.17;mix-blend-mode:soft-light}.fnl-scene .g3-theme-froggy-fraction-hop .g3-art-near{background-image:radial-gradient(ellipse at 85% 72%,#d5fff26b,transparent 36%)!important;opacity:.16;mix-blend-mode:screen}.fnl-scene .g3-theme-froggy-fraction-hop .g3-art-foreground{background-image:linear-gradient(0deg,#dbffb833,transparent 30%)!important;opacity:.12;mix-blend-mode:soft-light}.fnl-scene .g3-theme-froggy-fraction-hop .g3-art-readable-wash{background:linear-gradient(180deg,#ffffff23 0 18%,transparent 50%,#edfbb615)}.fnl-game .fnl-header{position:relative;z-index:5;display:flex;width:min(795px,100%);align-items:center;gap:13px;padding:11px 14px;border:3px solid #fff!important;border-radius:22px;background:#fffdf0f2!important;box-shadow:0 6px 0 #b1d4b3,0 13px 22px #36676a2c!important;text-align:left;backdrop-filter:none}.fnl-header>div{flex:1;min-width:0}.fnl-kicker{display:block;margin:0 0 3px;color:#388776;font-size:12px;font-weight:1000;letter-spacing:.09em}.fnl-header h2{margin:0;color:#284f5a;font-size:clamp(21px,2.8vw,32px);font-weight:1000;line-height:1.15;letter-spacing:-.035em}.fnl-header>button{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border:0;border-radius:17px;color:#fff;background:#65b9db;box-shadow:0 6px 12px #4292aa4d;cursor:pointer;touch-action:manipulation}.fnl-header>button:disabled{opacity:.65;cursor:default}.fnl-header svg{width:25px;height:25px}.fnl-round-progress{position:relative;z-index:4;display:flex;justify-content:center;gap:8px;margin:13px 0 0}.fnl-round-progress svg{width:27px;height:27px;color:#fff;filter:drop-shadow(0 2px 3px #37767581)}.fnl-round-progress svg.is-current{color:#ffe27c;fill:#ffe27c;transform:scale(1.14)}.fnl-round-progress svg.is-done{color:#ffc75a;fill:#ffc75a}.fnl-game .fnl-stage{position:relative;z-index:6;display:flex;width:100%;min-height:355px;flex:1;flex-direction:column;justify-content:center;margin:0;padding:0 30px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}.fnl-stage.wrong{animation:fnl-soft-shake .35s ease-in-out}.fnl-track-viewport{position:relative;width:100%;padding:72px 82px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}.fnl-track-viewport::-webkit-scrollbar{display:none}.fnl-line-wrap{position:relative;width:100%;height:245px;margin:0;padding:0;transform:none}.fnl-line-wrap:after,.fnl-line-wrap:before{display:none}.fnl-game .fnl-number-line{position:absolute;z-index:1;top:153px;right:0;left:0;height:6px;border:0!important;border-radius:999px;background:linear-gradient(#fffdf3,#d9f4db)!important;box-shadow:0 2px 0 #4fb6b8,0 6px 8px #1a879050!important}.fnl-point{position:absolute;z-index:5;top:96px;width:60px;height:146px;padding:0;translate:-50% 0;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;touch-action:manipulation}.fnl-point:disabled{cursor:default}.fnl-tick{width:6px;height:28px;border:0;border-radius:4px;background:#f8fff3;box-shadow:0 2px 4px #2375818c}.fnl-game .fnl-lily,.fnl-tick{position:absolute;top:48px;left:50%;translate:-50% 0}.fnl-game .fnl-lily{display:block;width:86px;height:62px;border:0!important;border-radius:0;background:url(/assets/preschool-3d/props/grade-2-game-assets/fraction-lily-pad-sharp-v2.webp) 50%/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 5px 3px #136b717a)}.fnl-lily i,.fnl-lily:after{display:none!important}.fnl-point.selected .fnl-lily{filter:drop-shadow(0 0 9px #fff7ad) drop-shadow(0 5px 3px #136b717a)}.fnl-point strong{top:111px;left:50%;border:0;border-radius:0;color:#1e5463;background:transparent;box-shadow:none;font-family:inherit;font-size:26px;font-weight:1000;text-shadow:0 2px 0 #fff,0 3px 7px #ffffffad}.fnl-froggy,.fnl-point strong{position:absolute;translate:-50% 0}.fnl-froggy{z-index:8;top:-9px;width:155px;pointer-events:none;filter:drop-shadow(0 9px 6px #1c686471)}.fnl-froggy img{display:block;width:100%;height:auto;object-fit:contain}.fnl-froggy.facing-left img{transform:scaleX(-1)}.fnl-froggy b{position:absolute;top:9px;right:7%;color:#386b78;font-size:24px;opacity:0}.fnl-stage.correct .fnl-froggy b{opacity:1;animation:fnl-note .7s infinite}.fnl-splash{position:absolute;z-index:7;top:88px;width:80px;translate:-50% 0;font-size:56px;pointer-events:none}.fnl-status{margin:2px 0 0;color:#174d56;font-size:clamp(16px,2.2vw,21px);text-align:center;text-shadow:0 2px 4px #ffffffd9}.fnl-game .fnl-land,.fnl-status{position:relative;z-index:4;font-weight:1000}.fnl-game .fnl-land{min-width:min(320px,90%);min-height:72px;margin-top:5px;padding:9px 25px;border:3px solid #fff!important;border-radius:25px;color:#784723;background:linear-gradient(#ffe184,#ffc55a)!important;box-shadow:0 7px 0 #d99540,0 16px 20px #7a6a3d38!important;font-size:clamp(22px,3.4vw,29px);cursor:pointer;touch-action:manipulation}.fnl-land:disabled{opacity:.7;cursor:default}.fnl-game button:focus-visible{outline:4px solid #235e70;outline-offset:3px}.fnl-modal-wrap{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:22px;background:#3a69778f;backdrop-filter:blur(6px)}.fnl-modal{width:min(480px,94vw);padding:25px 28px 32px;border:6px solid #fff;border-bottom:11px solid #9acb90;border-radius:40px;background:linear-gradient(#fffce7,#e5fac7);box-shadow:0 30px 70px #21495966;text-align:center}.fnl-stars{display:flex;justify-content:center;gap:5px;font-size:clamp(42px,10vw,68px);filter:drop-shadow(0 7px 0 #d2ad49)}.fnl-stars span:nth-child(2){font-size:1.18em}.fnl-modal-frog{width:160px;height:150px;margin:-13px auto -10px;filter:drop-shadow(0 8px 3px #66534344)}.fnl-modal-frog img{display:block;width:100%;height:100%;object-fit:contain}.fnl-modal h2{margin:0;color:#4b9d75;font-size:clamp(38px,9vw,60px);letter-spacing:-.06em;text-shadow:0 3px #fff,0 6px #2c8458}.fnl-modal p{margin:8px 0 22px;font-size:20px}.fnl-modal button{display:flex;width:100%;min-height:68px;align-items:center;justify-content:center;gap:10px;border:4px solid #fff;border-bottom:8px solid #3d9b70;border-radius:25px;color:#fff;background:linear-gradient(#76dd9a,#55c47d);font-size:24px;cursor:pointer}.fnl-modal button svg{width:27px}@keyframes fnl-soft-shake{25%{translate:-6px 0}50%{translate:5px 0}75%{translate:-2px 0}}@keyframes fnl-note{50%{translate:8px -12px;rotate:14deg}}@media (max-width:820px){.fnl-game .fnl-stage{padding:0 10px}}@media (max-width:620px){.fnl-game{padding:64px 8px 20px}.fnl-page-heading{width:calc(100% - 86px);margin-bottom:8px}.fnl-page-heading p{font-size:10px}.fnl-page-heading h1{font-size:clamp(27px,7vw,39px)}.fnl-scene{min-height:570px;padding:12px 10px 18px;border-width:4px;border-radius:28px}.fnl-game .fnl-header{gap:8px;padding:9px 10px;border-radius:18px}.fnl-kicker{font-size:10px}.fnl-header h2{font-size:clamp(18px,4.8vw,24px)}.fnl-header>button{width:44px;height:44px}.fnl-round-progress{margin-top:10px}.fnl-round-progress svg{width:23px;height:23px}.fnl-game .fnl-stage{min-height:330px;padding:0}.fnl-track-viewport{padding:60px 72px 0}.fnl-line-wrap{height:225px}.fnl-game .fnl-number-line{top:144px}.fnl-point{top:87px;width:56px;height:134px}.fnl-tick{top:49px}.fnl-game .fnl-lily{top:48px;width:78px;height:59px}.fnl-point strong{top:107px;font-size:23px}.fnl-froggy{top:2px;width:134px}.fnl-splash{top:83px}.fnl-status{margin:3px 3px 0;font-size:15px}.fnl-game .fnl-land{min-height:64px;margin-top:3px}}@media (max-width:390px){.fnl-track-viewport{padding:60px 68px 0}.fnl-game .fnl-lily{width:74px}.fnl-froggy{width:126px}}@media (prefers-reduced-motion:reduce){.fnl-stage.correct .fnl-froggy b,.fnl-stage.wrong{animation:none}}