@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{font-family:Nunito,ui-rounded,system-ui,sans-serif;color:#55554e;background:#f8f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #527fbe;outline-offset:5px}button:disabled{opacity:.4;cursor:default}.game{height:100dvh;min-height:360px;display:grid;grid-template-rows:100px minmax(0,1fr) 138px;max-width:1400px;margin:auto;padding:env(safe-area-inset-top) max(28px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(28px,env(safe-area-inset-left));-webkit-user-select:none;user-select:none}.toolbar{display:flex;align-items:center;justify-content:space-between;position:relative}.level-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;background:#eeddae;border-radius:20px;color:#7a6740;box-shadow:0 4px #dcc99b}.level-chip span{font-size:10px;font-weight:900;letter-spacing:1.8px}.level-chip strong{font-size:28px;line-height:1.1;font-weight:900}.color-dots{display:flex;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.color-dots i{width:12px;height:12px;border-radius:50%;background:#83b4ca}.color-dots i:nth-child(2){background:#df9681}.color-dots i:nth-child(3){background:#eac975}.color-dots i:nth-child(4){background:#8dbda5}.top-actions,.tool-group{display:flex;gap:14px}.icon-button{display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:19px;background:#eeece4;color:#73736a;box-shadow:0 4px #dbd8ce;transition:transform .12s,background .12s}.icon-button:active{transform:translateY(3px);box-shadow:0 1px #dbd8ce}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;gap:18px}.board{width:min(100%,calc(100dvh - 310px),620px);aspect-ratio:1;touch-action:none;background:#e7e8df;padding:12px;border-radius:32px;box-shadow:0 8px #d5d8cd,inset 0 1px #f9faf4}.maze{width:100%;height:100%;display:block;overflow:visible}.player{transition:transform .16s cubic-bezier(.2,.8,.2,1)}.progress{display:flex;align-items:center;gap:7px;font-size:13px;color:#96968a}.progress strong{font-size:16px;color:#73776b}.little-dot{width:6px;height:6px;border-radius:50%;background:#91bda8;margin-right:3px}.controls{display:flex;align-items:center;justify-content:space-between;width:min(100%,720px);margin:auto;gap:24px}.hint-button{background:#f2e4bd;color:#9b7b35;box-shadow:0 4px #dfcfa3}.dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,50px);gap:8px}.dpad .icon-button{width:58px;height:50px;border-radius:16px;background:#dfe9ed;color:#658798;box-shadow:0 4px #c4d5dc}.dir-0{grid-column:2}.dir-3{grid-row:2;grid-column:1}.dir-2{grid-row:2;grid-column:2}.dir-1{grid-row:2;grid-column:3}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#53584b44;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:5;padding:24px}.modal{background:#fffdf6;border-radius:30px;padding:36px;width:min(100%,380px);position:relative;text-align:center;box-shadow:0 12px #d8d8c7;outline:none}.modal h2{font-size:27px;font-weight:900;margin:8px 0 22px}.modal p{color:#878779}.close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:14px;box-shadow:none}.close svg{width:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0;font-weight:800}.setting-row>span{display:flex;align-items:center;gap:10px}.toggle{height:36px;width:60px;border:0;border-radius:18px;background:#dddcd2;padding:5px}.toggle span{display:block;width:26px;height:26px;border-radius:50%;background:#fffdf6;transition:transform .15s}.toggle.on{background:#88b9a2}.toggle.on span{transform:translate(24px)}.setting-label{font-size:13px;text-align:left;margin-top:26px}.segments{display:flex;gap:8px}.segments button{flex:1;padding:12px 0;border:0;border-radius:13px;background:#eeede5;color:#787b6f;display:flex;gap:5px;align-items:center;justify-content:center;font-weight:800}.segments button.selected{background:#dceadd;color:#4c795c}.howto{font-size:13px;line-height:1.6;margin:24px 0}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:17px;background:#8cbea5;color:#254f40;padding:17px;font-size:16px;font-weight:900;box-shadow:0 4px #6f9f87}.text-button{background:transparent;border:0;color:#88897c;padding:18px 12px 0;font-weight:800}.win-star{color:#e9bf60;margin:10px auto}.modal .win-star+p{margin-bottom:25px}@media(min-width:900px)and (min-height:750px){.game{padding-left:64px;padding-right:64px;grid-template-rows:120px minmax(0,1fr) 160px}.board{width:min(100%,calc(100dvh - 340px),650px)}.controls{width:750px}.icon-button{width:64px;height:64px}.dpad{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,54px)}.dpad .icon-button{width:64px;height:54px}}@media(max-width:600px){.game{padding-left:20px;padding-right:20px;grid-template-rows:90px minmax(0,1fr) 140px}.top-actions{gap:8px}.top-actions .icon-button{width:46px;height:46px;border-radius:15px}.level-chip{width:54px;height:54px;border-radius:17px}.level-chip strong{font-size:24px}.color-dots{gap:5px}.color-dots i{width:9px;height:9px}.board{width:min(100%,calc(100dvh - 300px));padding:7px;border-radius:25px}.controls{gap:12px}.tool-group{gap:10px}.tool-group .icon-button{width:52px;height:54px}.dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,48px);gap:7px}.dpad .icon-button{width:50px;height:48px}}@media(max-height:600px)and (min-width:650px){.game{grid-template-rows:76px minmax(0,1fr) 30px}.stage{gap:12px}.board{width:min(calc(100dvh - 140px),55vw)}.controls{position:absolute;left:5%;right:5%;top:50%;width:auto;pointer-events:none}.controls button{pointer-events:auto}.tool-group{flex-direction:column}.progress{font-size:11px}.level-chip{width:54px;height:54px}.top-actions .icon-button{width:48px;height:48px}}@keyframes bump{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.bump{animation:bump .18s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(pointer:coarse){.dpad{display:none}.controls{justify-content:center}.tool-group{gap:20px}.game{grid-template-rows:90px minmax(0,1fr) 100px}.board{width:min(100%,calc(100dvh - 245px),740px)}.tool-group .icon-button{width:60px;height:60px}.stage{gap:20px}}@media(pointer:coarse)and (orientation:landscape){.game{grid-template-rows:76px minmax(0,1fr) 30px}.board{width:min(calc(100dvh - 130px),70vw)}.controls{position:absolute;right:24px;left:auto;top:45%;width:auto}.tool-group{flex-direction:column}.stage{gap:10px}}@keyframes bounce{0%{transform:scale(.8,1.15)}55%{transform:scale(1.15,.85)}to{transform:scale(1)}}.bounce{animation:bounce .25s ease-out;transform-box:fill-box;transform-origin:center}.bump{transform-box:fill-box;transform-origin:center}.goal circle{animation:goal-pulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes goal-pulse{50%{transform:scale(1.12);opacity:.65}}.modal{animation:modal-in .3s ease-out}.win-star{animation:star-in .55s cubic-bezier(.2,1.4,.4,1)}@keyframes modal-in{0%{transform:translateY(15px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes star-in{0%{transform:rotate(-25deg) scale(.2);opacity:0}to{transform:none;opacity:1}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:30px;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-15px;width:8px;height:13px;border-radius:3px;background:#83bba6;animation:confetti-fall 1.8s calc(var(--i)*35ms) ease-out both}.confetti i:nth-child(3n){background:#e9c46b}.confetti i:nth-child(3n+1){background:#df9681}@keyframes confetti-fall{0%{transform:translateY(-15px) rotate(0);opacity:1}to{transform:translateY(390px) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){.bounce,.goal circle,.modal,.win-star,.confetti i{animation:none!important}.confetti{display:none}}.sound-button{position:relative}.sound-button.enabled{background:#dcebdd;color:#4d7a60;box-shadow:0 4px #bfd4bf}.sound-button.muted{color:#8c8a80;background:#ebe8e0}.music-muted:after{content:"";position:absolute;left:17px;top:29px;width:28px;height:3px;border-radius:2px;background:#8c8a80;transform:rotate(-45deg);box-shadow:0 0 0 2px #ebe8e0}.tool-divider{width:1px;background:#ddd9cd;margin:10px 3px}.tool-group{align-items:center}@media(max-width:600px){.tool-group{gap:8px}.tool-group .icon-button{width:46px;height:50px}.tool-divider{margin:10px 0}}@media(pointer:coarse){.tool-group{gap:16px}.tool-group .icon-button{width:56px;height:56px}.music-muted:after{left:14px;top:26px}}@media(pointer:coarse)and (orientation:landscape){.tool-divider{height:1px;width:25px;margin:4px 0}}@media(max-width:600px){.dpad{display:none}.controls{justify-content:center}}.controls{justify-content:center}.tool-group{gap:16px}@media(max-height:600px)and (min-width:650px){.controls{left:auto;right:24px;top:40%;width:auto}.tool-group{flex-direction:column}.tool-divider{width:25px;height:1px;margin:4px 0}}.game-heading{display:flex;align-items:center;gap:14px}.game-app-icon{position:absolute;left:50%;transform:translate(-50%);width:68px;height:68px}.game-app-icon svg{width:100%;height:100%}.picker{height:100dvh;min-height:520px;display:grid;grid-template-rows:100px minmax(0,1fr) 100px;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.picker-header{display:flex;align-items:center;padding:0 48px;max-width:1400px;width:100%;margin:auto}.brand{font-size:29px;font-weight:900;letter-spacing:-1.5px;color:#678773;display:flex;align-items:center;gap:5px}.brand-spark{color:#d4b35e;font-size:19px;align-self:flex-start;margin-top:6px}.picker-main{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:30px}.picker-main h1{font-size:30px;font-weight:900;letter-spacing:-.8px;text-align:center;margin:0 0 6px;color:#5b6357}.game-carousel{--card-width:min(390px,72vw);display:flex;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px calc((100% - var(--card-width))/2) 24px;position:relative;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab;-webkit-overflow-scrolling:touch}.game-carousel::-webkit-scrollbar{display:none}.game-carousel:active{cursor:grabbing}.game-carousel:focus-visible{outline:2px solid #87b19d;outline-offset:-3px}.game-card{flex:0 0 var(--card-width);scroll-snap-align:center;scroll-snap-stop:always;border-radius:34px;min-height:390px;height:min(480px,calc(100dvh - 320px));padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#e1eddf;box-shadow:0 7px #cadbc7;opacity:.65;transform:scale(.96);transition:transform .25s,opacity .25s;-webkit-user-select:none;user-select:none}.game-card.active{opacity:1;transform:scale(1)}.game-card.peach{background:#f4e1d5;box-shadow:0 7px #e4cabc}.game-card.blue{background:#e0ecf0;box-shadow:0 7px #c6dbe3}.game-card.yellow{background:#f3ebcf;box-shadow:0 7px #e3d6af}.card-art{width:100%;flex:1;min-height:0;display:grid;place-items:center}.card-art>svg{width:80%;max-width:220px;max-height:100%;overflow:visible}.card-copy{margin:18px 0}.game-category{font-size:12px;font-weight:800;letter-spacing:.4px;color:#72866d}.card-copy h2{font-size:29px;font-weight:900;letter-spacing:-.8px;margin:4px 0;color:#4f6753}.peach .game-category,.peach h2{color:#99705f}.blue .game-category,.blue h2{color:#5e8392}.yellow .game-category,.yellow h2{color:#927e4c}.card-play{border:0;border-radius:18px;width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:18px;font-weight:900;color:#3e6d53;background:#fffdf4;box-shadow:0 4px #bfd0b8;transition:transform .15s}.card-play:active{transform:translateY(3px);box-shadow:0 1px #bfd0b8}.coming-soon{height:58px;display:grid;place-items:center;color:#9d8a79;font-size:15px;font-weight:800;background:#fffdf442;border-radius:18px;width:100%}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:12px}.carousel-dots button{padding:0;border:0;background:transparent;width:32px;height:36px;display:grid;place-items:center}.carousel-dots button:before{content:"";width:8px;height:8px;border-radius:50%;background:#d6d3c7;transition:width .2s,background .2s}.carousel-dots button.selected:before{width:24px;border-radius:5px;background:#84b399}.picker-footer{display:flex;align-items:center;justify-content:center;gap:16px}.symbol-art{width:220px;height:210px;display:grid;place-items:center;position:relative;color:#76a7b7}.symbol-art.physics{color:#c1a553}.symbol-art>svg{position:relative;z-index:1}.art-orbit{position:absolute;width:155px;height:155px;background:#fff5;border-radius:50%}.art-bubble{position:absolute;width:25px;height:25px;background:#a6c5d4;border-radius:50%;right:15px;top:25px}.physics .art-bubble{background:#e2c47f;right:35px;top:30px}.symbol-art .art-star{position:absolute;left:20px;bottom:20px;color:#efc974}.card-art svg{animation:card-float 5s ease-in-out infinite}.peach .card-art svg{animation-delay:-1s}.blue .card-art svg{animation-delay:-2s}@keyframes card-float{50%{transform:translateY(-6px) rotate(2deg)}}@media(max-width:600px){.picker{grid-template-rows:80px minmax(0,1fr) 85px}.picker-header{padding:0 24px}.picker-main{gap:18px}.picker-main h1{font-size:24px}.game-carousel{--card-width:76vw;gap:18px}.game-card{padding:24px 20px;min-height:330px;height:calc(100dvh - 285px);max-height:460px;border-radius:28px}.card-copy h2{font-size:26px}.card-art>svg{max-width:185px}.symbol-art{width:180px;height:175px}.game-app-icon{width:54px;height:54px}.game-heading{gap:8px}.game-heading>.icon-button{width:46px;height:46px;border-radius:15px}}@media(max-height:700px)and (min-width:650px){.picker{grid-template-rows:70px minmax(0,1fr) 76px;min-height:360px}.picker-main{gap:8px}.picker-main h1{font-size:23px;margin:0}.game-carousel{--card-width:300px;padding-top:6px;padding-bottom:14px;gap:22px}.game-card{min-height:0;height:calc(100dvh - 235px);max-height:380px;padding:20px}.card-art>svg{max-width:140px}.card-copy{margin:9px 0}.card-copy h2{font-size:23px}.card-play,.coming-soon{height:48px}.symbol-art{width:150px;height:135px}.symbol-art>svg:not(.art-star){width:110px;height:110px}.art-orbit{width:110px;height:110px}.carousel-dots button{height:28px}}@media(prefers-reduced-motion:reduce){.card-art svg{animation:none}.game-card,.card-play,.carousel-dots button:before{transition:none}}.picker-main,.game-carousel{min-width:0;width:100%}.game-carousel.dragging{scroll-snap-type:none;scroll-behavior:auto}@media(pointer:coarse)and (max-height:600px)and (orientation:landscape){.game{min-height:0;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.controls{top:50%;transform:translateY(-50%);right:max(20px,env(safe-area-inset-right))}.tool-group{gap:10px}.tool-group .icon-button{width:48px;height:48px;border-radius:15px}.music-muted:after{left:12px;top:23px;width:25px}.game-app-icon{width:48px;height:48px}}@media(pointer:coarse)and (max-width:600px)and (orientation:portrait){.game{min-height:0;grid-template-rows:80px minmax(0,1fr) 90px}.board{width:min(100%,calc(100dvh - 220px));padding:7px}.stage{gap:14px}.game-app-icon{width:48px;height:48px}.tool-group .icon-button{width:50px;height:50px}.tool-group{gap:12px}}.game{position:relative}.mascot-picker{position:absolute;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:2;padding:10px;background:#f1eee5;border-radius:24px}.mascot-choice{width:60px;height:60px;border:2px solid transparent;border-radius:18px;background:transparent;display:grid;place-items:center;transition:transform .15s,background .15s}.mascot-choice svg{width:48px;height:48px}.mascot-choice.selected{background:#fffdf5;border-color:#94bda4;box-shadow:0 3px #d1d8c9}.mascot-choice:active{transform:scale(.9)}@media(min-width:900px){.mascot-picker{left:64px}}@media(max-width:900px){.game .stage{padding-left:80px}.mascot-picker{left:20px;padding:7px;gap:7px}.mascot-choice{width:50px;height:50px;border-radius:15px}.mascot-choice svg{width:40px;height:40px}}@media(max-width:600px)and (orientation:portrait){.mascot-picker{left:8px;padding:5px;gap:8px;border-radius:18px}.mascot-choice{width:40px;height:40px;border-radius:12px}.mascot-choice svg{width:34px;height:34px}.game .stage{padding-left:45px}.game .board{width:min(100%,calc(100dvh - 220px))}.game .progress{font-size:12px}}@media(max-height:600px)and (orientation:landscape){.mascot-picker{left:max(16px,env(safe-area-inset-left));padding:5px;gap:4px}.mascot-choice{width:38px;height:38px;border-radius:12px}.mascot-choice svg{width:32px;height:32px}.game .stage{padding-left:0}}@media(prefers-reduced-motion:reduce){.mascot-choice{transition:none}}.countdown{position:absolute;top:125px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:14px;background:#f0e5c5;color:#896c38;font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}.countdown.urgent{background:#f4ddd2;color:#a65f49}@media(max-height:600px){.countdown{top:84px;left:22%;font-size:17px}}@media(max-width:600px)and (orientation:portrait){.countdown{top:90px;font-size:18px}}.play-layout{display:contents}.game-status{display:flex;align-items:center;justify-content:center;gap:12px}@media(max-width:600px)and (orientation:portrait){.game{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden}.toolbar{height:60px;flex-shrink:0}.level-chip{height:46px;width:46px;border-radius:15px}.level-chip span{font-size:8px}.level-chip strong{font-size:22px}.game-heading{gap:6px}.game-heading>.icon-button,.top-actions .icon-button{width:44px;height:44px;border-radius:14px}.top-actions{gap:6px}.game-app-icon{width:44px;height:44px}.play-layout{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;margin-top:clamp(16px,6dvh,48px);min-height:0}.game .stage{padding:0;gap:12px;min-width:0}.game .board{width:min(100%,calc(100dvh - 240px));padding:4px;border-radius:22px;box-shadow:0 5px #d5d8cd}.mascot-picker{position:static;transform:none;gap:4px;padding:5px 0;border-radius:16px;width:44px;align-items:center;align-self:center}.mascot-choice{width:44px;height:44px;border-radius:13px}.mascot-choice svg{width:36px;height:36px}.controls{position:static;transform:none;width:auto;margin:24px auto 0;flex-shrink:0;pointer-events:auto}.tool-group{flex-direction:row;gap:14px}.tool-group .icon-button{width:50px;height:50px;border-radius:16px}.tool-divider{height:28px;width:1px;margin:0 2px}.countdown{position:static;transform:none;font-size:17px;padding:5px 12px;border-radius:11px}.game-status{min-height:28px}.game .progress{font-size:12px}.progress strong{font-size:15px}.picker{min-height:0;grid-template-rows:70px minmax(0,1fr) 76px}.picker-header{padding:0 20px}.brand{font-size:24px;letter-spacing:-.8px}.picker-main{gap:12px}.game-card{min-height:0;height:min(440px,calc(100dvh - 250px));padding:20px}.card-copy{margin:12px 0}.card-art>svg{max-width:170px}.card-play,.coming-soon{height:50px;flex-shrink:0}.modal{max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px 24px}}@media(max-height:600px)and (orientation:landscape){.game{display:grid;grid-template-rows:54px minmax(0,1fr);height:100dvh;min-height:0;padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.toolbar{height:54px}.level-chip{width:44px;height:44px;border-radius:13px}.level-chip span{font-size:8px}.level-chip strong{font-size:21px}.game-heading>.icon-button,.top-actions .icon-button{width:44px;height:44px;border-radius:13px}.game-app-icon{width:44px;height:44px}.play-layout{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;min-height:0;padding-right:64px}.game .stage{padding:0;gap:6px;min-width:0}.game .board{width:min(100%,calc(100dvh - 104px));padding:4px;border-radius:22px}.mascot-picker{position:static;transform:none;padding:4px;gap:2px;width:48px;max-height:100%;overflow-y:auto;scrollbar-width:none}.mascot-choice{width:40px;height:40px;border-radius:12px;flex-shrink:0}.mascot-choice svg{width:34px;height:34px}.controls{position:absolute;top:calc(50% + 22px);right:max(12px,env(safe-area-inset-right));left:auto;transform:translateY(-50%);width:48px;margin:0;pointer-events:auto}.tool-group{flex-direction:column;gap:8px}.tool-group .icon-button{width:44px;height:44px;border-radius:13px}.tool-divider{height:1px;width:24px;margin:1px 0}.countdown{position:static;transform:none;font-size:15px;padding:3px 10px;border-radius:9px}.game-status{height:22px;gap:10px}.progress strong{font-size:13px}.progress{font-size:11px}.modal{max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px 28px}.modal h2{margin:4px 0 14px;font-size:24px}.howto{margin:16px 0}}@media(max-width:600px)and (orientation:portrait){.play-layout{display:flex;flex-direction:column;gap:16px;margin-top:20px;align-items:stretch}.mascot-picker{width:max-content;max-width:100%;align-self:center;flex-direction:row;padding:5px;gap:5px;overflow-x:auto;overflow-y:hidden;border-radius:18px}.mascot-choice{flex:0 0 44px;height:44px}.game .stage{width:100%}.game .board{width:min(100%,calc(100dvh - 290px))}.controls{margin-top:20px}.game-status{min-height:24px}}@media(max-height:600px)and (orientation:landscape){.play-layout{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding-right:60px;min-height:0}.mascot-picker{width:max-content;max-width:100%;flex-direction:row;align-self:center;padding:3px 5px;gap:5px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;border-radius:14px}.mascot-choice{width:36px;height:36px;flex:0 0 36px}.mascot-choice svg{width:30px;height:30px}.game .stage{width:100%;gap:5px}.game .board{width:min(100%,calc(100dvh - 155px))}}.mascot-choice{padding:0;display:flex;align-items:center;justify-content:center;line-height:0;box-sizing:border-box}.mascot-choice svg{display:block;flex-shrink:0;max-width:100%;max-height:100%}.memory-game{height:100dvh;min-height:0;max-width:1200px;margin:auto;display:grid;grid-template-rows:88px minmax(0,1fr) 88px;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}.memory-app-icon{position:absolute;left:50%;transform:translate(-50%);width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#f1ddd0;color:#bc8e5a;box-shadow:0 4px #dec6b6}.memory-stage{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.memory-score{display:flex;justify-content:center;gap:26px;color:#8c8272;font-weight:800;font-size:14px}.memory-score span{display:flex;align-items:center;gap:6px}.memory-grid{--cols:4;--rows:4;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:12px;width:min(100%,680px,calc((100dvh - 235px)*var(--cols)/var(--rows)))}.memory-grid.pairs-10{--rows:5}.memory-grid.pairs-12{--rows:6}.memory-card{padding:0;border:0;aspect-ratio:1;background:none;border-radius:16px;perspective:800px;touch-action:manipulation}.card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.3,1)}.flipped .card-inner{transform:rotateY(180deg)}.memory-back,.memory-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;overflow:hidden}.memory-back{background:#ead0be;color:#b98b6d;box-shadow:inset 0 0 0 3px #f5e6d8,0 4px #cfb39f}.memory-front{background:#fffaf0;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #e5dccb,0 4px #d7caba}.memory-picture{width:100%;height:100%;display:block;background-image:url(/images/memory-collection.png);background-size:600% 500%;background-repeat:no-repeat}.matched .memory-front{box-shadow:inset 0 0 0 3px #9ac4a1,0 4px #bfd1b7}.match-check{position:absolute;right:6px;bottom:6px;background:#d7e9cf;color:#557b50;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.memory-tools{display:flex;align-items:center;justify-content:center;gap:16px}.memory-tools .tool-divider{height:30px}.memory-card:active:not(.flipped){transform:scale(.96)}@media(max-width:600px){.memory-game{grid-template-rows:68px minmax(0,1fr) 76px;padding-left:12px;padding-right:12px}.memory-grid{gap:8px;width:min(100%,calc((100dvh - 205px)*var(--cols)/var(--rows)))}.memory-score{font-size:13px}.memory-back,.memory-front,.memory-card{border-radius:12px}.memory-app-icon{width:44px;height:44px;border-radius:14px}.memory-tools .icon-button{width:48px;height:48px}.memory-game .level-chip{width:44px;height:44px}.memory-game .level-chip strong{font-size:22px}}@media(max-height:600px)and (orientation:landscape){.memory-game{grid-template-rows:54px minmax(0,1fr);padding-right:76px}.memory-grid{--cols:8;--rows:2;gap:8px;width:min(100%,calc((100dvh - 112px)*var(--cols)/var(--rows)))}.memory-grid.pairs-10{--cols:5;--rows:4}.memory-grid.pairs-12{--cols:6;--rows:4}.memory-stage{gap:8px}.memory-tools{position:absolute;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);flex-direction:column;gap:10px}.memory-tools .icon-button{width:44px;height:44px}.memory-tools .tool-divider{height:1px;width:24px}.memory-score{font-size:12px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}.game-card.peach .card-play{color:#99705f;box-shadow:0 4px #d7b5a3}.game-card.peach .card-play:active{box-shadow:0 1px #d7b5a3}.game-card.blue .card-play{color:#5e8392;box-shadow:0 4px #bad2dd}.game-card.blue .card-play:active{box-shadow:0 1px #bad2dd}.game-card.yellow .card-play{color:#927e4c;box-shadow:0 4px #d9c994}.game-card.yellow .card-play:active{box-shadow:0 1px #d9c994}.memory-front{background:#fffaf0}.memory-picture{background:none;width:86%;height:86%;object-fit:contain;display:block;pointer-events:none;border-radius:8px}.modal .segments+.primary{margin-top:22px}.chemistry-back{position:absolute;left:max(24px,env(safe-area-inset-left));top:24px}.game-card[aria-label="Hóa học"],.game-card[aria-label="Xưởng bóng bay"]{cursor:pointer}.balloon-lab{min-height:100dvh;max-width:1200px;margin:auto;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:24px;color:#556e73}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.lab-header>div{text-align:center}.lab-header h1{margin:3px 0 0;font-size:26px;font-weight:900}.lab-eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#839ca1}.lab-main{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:36px;max-width:1000px;width:100%;margin:0 auto}.lab-scene{background:#e2ecea;border-radius:36px;box-shadow:0 7px #d1ddda;position:relative;padding:20px;min-width:0;overflow:hidden}.lab-target{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900;color:#688b80}.lab-target svg{color:#ccaa57}.bottle-drop{width:100%;max-width:440px;margin:auto;border-radius:24px}.bottle-drop>svg{width:100%;max-height:430px;display:block;overflow:visible}.lab-balloon{transform-box:view-box;transform-origin:210px 219px;transform:scale(.25);transition:transform 3s cubic-bezier(.2,.55,.3,1)}.reacting .lab-balloon,.result .lab-balloon{transform:scale(var(--balloon-scale))}.lab-bubbles circle{animation:lab-bubble 1.2s ease-in infinite;animation-delay:var(--delay)}.setup .lab-bubbles circle,.result .lab-bubbles circle{animation:none}.result .lab-bubbles{opacity:0!important}.lab-scene-caption{text-align:center;font-weight:800;font-size:14px;min-height:20px;color:#6b9185}.result .lab-scene-caption{font-size:24px}.reaction-progress{position:absolute;left:24px;right:24px;bottom:10px;height:3px;background:#ccdcd5;border-radius:3px;overflow:hidden}.reaction-progress span{display:block;height:100%;background:#81b49c;animation:lab-progress 3.2s linear forwards}.lab-panel{min-width:0;padding:12px 0}.lab-panel h2{font-size:25px;font-weight:900;margin:0 0 10px}.lab-panel p{font-size:15px;line-height:1.6;margin:0 0 16px}.lab-hint{color:#839093}.lab-panel fieldset{border:0;padding:0;margin:22px 0}.lab-panel legend{display:flex;gap:7px;align-items:center;font-weight:900;font-size:15px;margin-bottom:10px;padding:0}.lab-options{display:flex;gap:10px}.lab-options button{flex:1;min-height:52px;background:#eeece4;color:#7b8177;border:0;border-radius:16px;box-shadow:0 4px #dcdcd2;font-weight:900;font-size:17px}.lab-options button.selected{background:#c8e0d1;color:#47735d;box-shadow:0 4px #a7c8b5}.lab-options button:active{transform:translateY(2px)}.lab-panel small{display:block;margin-top:10px;font-size:12px;color:#85938f;line-height:1.5}.lab-spoon{width:100%;min-height:82px;border:0;border-radius:22px;background:#b9d5dd;box-shadow:0 5px #99bbc5;color:#456c7a;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;touch-action:none}.lab-spoon>svg{width:100px;flex-shrink:0}.lab-spoon span{font-weight:900;font-size:18px;display:flex;align-items:center;gap:8px}.lab-spoon:active{transform:translateY(3px);box-shadow:0 2px #99bbc5}.dragging .bottle-drop{outline:3px dashed #91b9a2;background:#d5e6dd}.lab-wait{padding:50px 0;text-align:center;color:#779e9b}.lab-wait>svg{animation:lab-rock 1s ease-in-out infinite}.lab-wait h2{margin-top:20px}.lab-result-badge{display:inline-flex;align-items:center;gap:8px;background:#efdfb4;color:#8d7946;border-radius:16px;padding:10px 14px;font-size:16px;font-weight:900;margin-bottom:20px}.lab-result-badge.success{background:#d6e8d9;color:#528163}.lab-insight{background:#e3ece8;border-radius:20px;padding:16px 18px;margin:14px 0}.lab-insight strong{color:#52846e;font-size:15px}.lab-insight p{margin:5px 0 0;font-size:14px}.lab-application span{font-size:10px;letter-spacing:1.3px;color:#ad8a59;font-weight:900}.lab-application p{font-size:14px;margin:6px 0}.lab-result-actions{margin-top:22px}.lab-result-actions .primary{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.lab-result-actions .text-button{display:block;margin:10px auto 0}.lab-footer{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:8px}.spoon-ghost{position:fixed;transform:translate(-50%,-50%) rotate(-25deg);font-size:50px;pointer-events:none;z-index:10}@keyframes lab-bubble{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(var(--drift),-95px);opacity:0}}@keyframes lab-progress{0%{width:0}to{width:100%}}@keyframes lab-rock{50%{transform:rotate(10deg)}}@media(max-width:650px){.chemistry-back{left:16px;top:16px;width:44px;height:44px}.picker:has(.chemistry-back) .brand{font-size:18px}.balloon-lab{padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:18px}.lab-header h1{font-size:20px}.lab-header .icon-button{width:44px;height:44px;border-radius:15px}.lab-main{display:flex;flex-direction:column;gap:16px}.lab-scene{width:100%;padding:16px;border-radius:26px}.bottle-drop{max-width:280px}.bottle-drop>svg{max-height:260px}.lab-target{font-size:13px}.lab-panel{width:100%;padding:8px 4px}.lab-panel h2{font-size:22px}.lab-panel fieldset{margin:18px 0}.lab-panel p{font-size:14px}.lab-footer .icon-button{width:48px;height:48px}.lab-wait{padding:10px 0}.lab-model-note{font-size:11px!important}}@media(max-height:600px)and (orientation:landscape){.balloon-lab{padding:10px 18px;gap:12px}.lab-header h1{font-size:18px}.lab-header .icon-button{width:40px;height:40px;border-radius:13px}.lab-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.lab-scene{padding:12px}.bottle-drop>svg{max-height:230px}.lab-panel{padding:0}.lab-panel h2{font-size:19px}.lab-panel p{font-size:13px;margin-bottom:8px}.lab-panel fieldset{margin:12px 0}.lab-options button{min-height:44px;font-size:15px}.lab-spoon{min-height:58px}.lab-spoon>svg{width:74px}.lab-spoon span{font-size:15px}.lab-footer{padding:0}.lab-footer .icon-button{width:42px;height:42px}.lab-result-badge{margin-bottom:10px}.lab-insight{padding:10px;margin:10px 0}.lab-insight p,.lab-application p{font-size:13px}}@media(prefers-reduced-motion:reduce){.lab-balloon{transition:none}.lab-bubbles circle,.lab-wait>svg{animation:none}.reaction-progress span{animation:none;width:100%}}.spoon-ghost{width:140px;filter:drop-shadow(0 5px 3px #688c7b44)}.spoon-ghost svg{display:block;width:100%}.card-art>.game-cover-art{width:100%;height:100%;max-width:250px;max-height:250px;object-fit:contain;display:block;pointer-events:none;animation:card-float 5s ease-in-out -1s infinite}@media(max-width:600px){.card-art>.game-cover-art{max-width:215px;max-height:215px}}@media(max-height:700px)and (min-width:650px){.card-art>.game-cover-art{max-width:160px;max-height:160px}}@media(prefers-reduced-motion:reduce){.card-art>.game-cover-art{animation:none}}.card-art{position:relative}.card-art>.game-cover-art{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-height:min(100%,250px)}@media(min-width:650px)and (min-height:701px){.game-card{min-height:0;height:min(480px,calc(100dvh - 380px))}}@media(min-width:650px)and (min-height:701px)and (max-height:800px){.picker{grid-template-rows:70px minmax(0,1fr) 76px}.picker-main{gap:18px}.game-card{height:min(480px,calc(100dvh - 300px))}}