@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@600;700;800;900&display=swap";:root{--font-heading:"Baloo 2", cursive, system-ui;--font-body:"Nunito", -apple-system, sans-serif;--bg-gradient:linear-gradient(145deg, #1b1647 0%, #2a1854 45%, #0f5257 100%);--color-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-accent:#ffe66d;--color-purple:#a29bfe;--color-pink:#fd79a8;--color-green:#55efc4;--glass-bg:#ffffff24;--glass-border:#ffffff40;--glass-shadow:0 16px 40px #00000059;--btn-3d-shadow:0 6px 18px #00000038, inset 0 1.5px 0 #ffffff59;--btn-3d-active:0 2px 8px #00000038, inset 0 1px 0 #fff3;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-xl:42px;--transition-bounce:cubic-bezier(.34, 1.6, .64, 1);--transition-smooth:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#131432;background:var(--bg-gradient);width:100%;min-height:100%}body{font-family:var(--font-body);background-color:#131432;background:var(--bg-gradient);color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;min-height:100dvh;overflow-x:hidden}#root{width:100%;min-height:100dvh}button{font-family:var(--font-body);cursor:pointer;touch-action:manipulation;background:0 0;border:none}.app-shell{width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:relative}.screen{padding:.6rem .8rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));z-index:1;box-sizing:border-box;flex-direction:column;flex:1;align-items:center;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative}.bg-stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-star{opacity:.5;animation:twinkle var(--dur,3s) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.15;transform:scale(.7)}to{opacity:.85;transform:scale(1.3)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn{font-family:var(--font-body);border-radius:var(--radius-xl);cursor:pointer;transition:transform .12s var(--transition-bounce), box-shadow .12s var(--transition-smooth), filter .15s ease;text-shadow:0 1px 3px #00000059;box-shadow:var(--btn-3d-shadow);border:3px solid #ffffff59;justify-content:center;align-items:center;gap:.5rem;padding:clamp(.7rem,2.5vw,.95rem) clamp(1.2rem,4vw,1.8rem);font-size:clamp(.95rem,3vw,1.15rem);font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.02)}.btn:active{box-shadow:var(--btn-3d-active);transform:translateY(3px)scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#4ecdc4 0%,#369488 100%)}.btn-accent{color:#5a3e00;text-shadow:none;background:linear-gradient(135deg,#ffe66d 0%,#f9c952 100%)}.btn-ghost{background:var(--glass-bg);color:#fff;border-color:var(--glass-border)}.btn-icon{border-radius:50%;width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);padding:0;font-size:1.4rem}.module-header-wrapper{box-sizing:border-box;z-index:10;flex-direction:column;gap:.3rem;width:100%;margin-bottom:.6rem;display:flex;position:relative}.home-header{z-index:10;box-sizing:border-box;justify-content:space-between;align-items:center;gap:.35rem;width:100%;padding:.4rem 0 .8rem;display:flex;position:relative}.module-header-top{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.header-left{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.module-title{font-family:var(--font-heading);color:#fff;white-space:nowrap;font-size:clamp(1.2rem,4.5vw,1.65rem);font-weight:800;line-height:1.2}.header-top-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.module-header-sub{justify-content:flex-end;align-items:center;gap:.35rem;width:100%;display:flex}.mini-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1.5px solid #fff3;border-radius:50px;gap:2px;padding:2px;display:flex}.mini-toggle-btn{color:#ffffffa6;transition:all .2s var(--transition-bounce);cursor:pointer;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;padding:3px 7px;font-size:.85rem;line-height:1;display:flex}.mini-toggle-btn.active{color:#2d1b69;background:#fff;transform:scale(1.06);box-shadow:0 2px 8px #0000004d}.star-badge{color:var(--color-accent);background:#ffe66d38;border:1.5px solid #ffe66d99;border-radius:50px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .7rem;font-size:.88rem;font-weight:800;display:flex}.star-badge .star-icon{font-size:1.2rem;animation:2s ease-in-out infinite star-pulse}@keyframes star-pulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(12deg)}}.session-score-badge{color:#fff;background:#2ed573d9;border-radius:50px;margin-left:.1rem;padding:.1rem .42rem;font-size:.7rem;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in}.streak-badge{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50px;margin-left:.1rem;padding:.1rem .45rem;font-size:.7rem;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;box-shadow:0 2px 6px #ff6b6b66}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.logo-section{text-align:center;z-index:10;padding:clamp(1rem,4vw,2rem) 0 .8rem;position:relative}.logo-title{font-family:var(--font-heading);background:linear-gradient(135deg,#ffe66d 0%,#ff6b6b 50%,#a29bfe 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #0000004d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,10vw,4rem);font-weight:800;line-height:1.05;animation:3.5s ease-in-out infinite logo-bounce}.logo-tagline{color:#ffffffe0;margin-top:.3rem;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700}@keyframes logo-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}.age-selector{z-index:10;gap:clamp(.5rem,2vw,1rem);width:100%;margin:.8rem 0 1.2rem;display:flex;position:relative}.age-btn{border-radius:var(--radius-lg);color:#ffffffbf;text-align:center;cursor:pointer;transition:all .2s var(--transition-bounce);background:#ffffff1a;border:3px solid #ffffff38;flex:1;padding:clamp(.6rem,2vw,.9rem) .5rem;font-size:clamp(.75rem,2.5vw,.9rem);font-weight:800}.age-btn.active{color:#fff;background:#ffffff42;border-color:#fff9;transform:scale(1.04);box-shadow:0 6px 20px #fff3}.age-btn .age-emoji{margin-bottom:.2rem;font-size:clamp(1.5rem,5vw,2rem);display:block}.module-buttons{z-index:10;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid;position:relative}@media (width>=520px){.module-buttons{grid-template-columns:repeat(3,1fr)}}.module-btn{aspect-ratio:.85;border-radius:var(--radius-xl);cursor:pointer;transition:transform .18s var(--transition-bounce), box-shadow .18s ease;box-shadow:var(--btn-3d-shadow);border:3px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.8rem .3rem;display:flex;position:relative;overflow:hidden}.module-btn:hover{transform:translateY(-5px)scale(1.03)}.module-btn:active{transform:translateY(2px)scale(.96)}.module-btn.alphabet{background:linear-gradient(160deg,#ff6b6b 0%,#ff8e53 100%)}.module-btn.math{background:linear-gradient(160deg,#4ecdc4 0%,#369488 100%)}.module-btn.games-center{background:linear-gradient(160deg,#ff4757 0%,#9b59b6 100%)}.module-btn .module-emoji{filter:drop-shadow(0 4px 10px #00000059);font-size:clamp(2.5rem,8vw,3.8rem)}.module-btn .module-label{color:#fff;text-shadow:0 2px 6px #00000059;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:800;font-family:var(--font-heading)}.module-btn .module-sub{color:#ffffffe6;text-align:center;font-size:clamp(.65rem,2vw,.8rem);font-weight:700}.games-center-grid{z-index:10;flex-direction:column;gap:clamp(.75rem,2.5vw,1.1rem);width:100%;display:flex;position:relative}.game-arcade-card{border-radius:var(--radius-xl);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .18s var(--transition-bounce), box-shadow .18s ease;text-align:left;border:3.5px solid #fff6;align-items:center;gap:1.2rem;width:100%;padding:clamp(.9rem,3vw,1.3rem) clamp(1.2rem,4vw,1.6rem);display:flex}.game-arcade-card:hover{transform:translateY(-3px)scale(1.02)}.game-arcade-card:active{transform:translateY(3px)scale(.97)}.game-card-emoji{filter:drop-shadow(0 4px 10px #0000004d);flex-shrink:0;font-size:clamp(2.8rem,9vw,3.8rem)}.game-card-info{flex-direction:column;gap:.2rem;display:flex}.game-card-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 6px #00000059;font-size:clamp(1.3rem,4.5vw,1.7rem);font-weight:800;line-height:1.1}.game-card-sub{color:#ffffffe6;font-size:clamp(.8rem,2.8vw,.95rem);font-weight:700}.color-object-display{background:var(--glass-bg);border:3px solid var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;min-height:120px;margin-bottom:1.2rem;padding:1rem;display:flex}.object-emoji{font-size:clamp(4rem,14vw,6rem)}.object-name{color:#fff;margin-top:.3rem;font-size:1.2rem;font-weight:800}.color-choices{grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid}.color-card-choice{aspect-ratio:.95;border-radius:var(--radius-lg);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce);border:3.5px solid #ffffff73;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;display:flex}.color-card-choice:active:not(:disabled){transform:translateY(3px)scale(.93)}.color-card-choice.correct{animation:correct-bounce .4s var(--transition-bounce);border-color:#55efc4!important}.color-card-choice.wrong{animation:.4s wrong-shake;border-color:#ff6b6b!important}.color-emoji{font-size:clamp(2.5rem,8vw,3.8rem)}.color-label{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 6px #00000080;font-size:clamp(1rem,3.2vw,1.25rem);font-weight:800}.animal-choices{grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid}.animal-choice-card{aspect-ratio:.95;border-radius:var(--radius-lg);background:var(--glass-bg);border:3px solid var(--glass-border);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;display:flex}.animal-choice-card:active:not(:disabled){transform:translateY(3px)scale(.93)}.animal-choice-card.correct{animation:correct-bounce .4s var(--transition-bounce);background:#55efc459;border-color:#55efc4}.animal-choice-card.wrong{background:#ff6b6b59;border-color:#ff6b6b;animation:.4s wrong-shake}.animal-emoji{font-size:clamp(3rem,10vw,4.5rem)}.animal-name{color:#fff;font-size:clamp(.9rem,3vw,1.15rem);font-weight:800}.module-title{font-family:var(--font-heading);color:#fff;text-shadow:0 3px 10px #00000059;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:800}.alphabet-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,2.5vw,.85rem);width:100%;display:grid;position:relative}.alphabet-grid.baby{grid-template-columns:repeat(3,1fr)!important}@media (width>=541px){.alphabet-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=720px){.alphabet-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=960px){.alphabet-grid{grid-template-columns:repeat(6,1fr)}}.letter-tile{aspect-ratio:.9;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--btn-3d-shadow);transition:transform .15s var(--transition-bounce), box-shadow .15s ease;min-height:76px;animation:tile-pop-in .4s var(--transition-bounce) both;animation-delay:calc(var(--sibling-index,1) * 35ms);border:2.5px solid #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}@keyframes tile-pop-in{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.letter-tile:hover{transform:scale(1.08)rotate(2deg)}.letter-tile:active{transform:translateY(3px)scale(.92)}.letter-tile .tile-letter,.content-tile-card .tile-letter{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 6px #00000073;font-size:clamp(1.5rem,5.5vw,2rem);font-weight:900;line-height:1}.letter-tile .tile-emoji{filter:drop-shadow(0 2px 4px #0000004d);margin-top:1px;font-size:clamp(1.3rem,4.5vw,1.9rem);line-height:1}.letter-card-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#0a0a23bf;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem);display:flex;position:fixed;inset:0}.letter-card-content{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);text-align:center;background:#ffffff29;border:3px solid #ffffff59;width:100%;max-width:400px;max-height:90dvh;padding:clamp(1.8rem,6vw,2.8rem) clamp(1.2rem,5vw,2rem);overflow-y:auto;box-shadow:0 30px 90px #0009}.card-letter-display{font-family:var(--font-heading);text-shadow:0 4px 24px #00000073;font-size:clamp(4.5rem,16vw,7.5rem);font-weight:800;line-height:1}.card-letter-lower{font-family:var(--font-heading);opacity:.75;margin-bottom:.8rem;font-size:clamp(2.2rem,8vw,3.5rem);font-weight:700}.card-emoji-big{margin-bottom:.5rem;font-size:clamp(3.2rem,12vw,5.5rem);display:block}.card-word{color:#fff;margin-bottom:1.2rem;font-size:clamp(1.3rem,4vw,1.7rem);font-weight:800}.card-word .word-translation{opacity:.8;margin-top:.2rem;font-size:clamp(.85rem,2.8vw,1rem);font-weight:600;display:block}.card-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin-top:1.2rem;display:flex}.game-prompt{font-family:var(--font-heading);color:#fff;text-align:center;text-shadow:0 2px 8px #00000059;margin:.8rem 0 1.2rem;font-size:clamp(1.2rem,4.5vw,1.8rem);font-weight:700;line-height:1.35}.game-choices{z-index:10;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid;position:relative}.choice-btn{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--glass-bg);border:3px solid var(--glass-border);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce), background .15s ease;min-height:90px;box-shadow:var(--btn-3d-shadow), inset 0 1px 0 #ffffff2e;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.4rem,2vw,.8rem);padding:clamp(.6rem,3vw,1rem);display:flex}.choice-btn:active:not(:disabled){transform:translateY(3px)scale(.94)}.choice-btn.correct{animation:correct-bounce .4s var(--transition-bounce);background:#55efc459;border-color:#55efc4}.choice-btn.wrong{background:#ff6b6b59;border-color:#ff6b6b;animation:.4s wrong-shake}@keyframes correct-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.choice-letter{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 6px #00000059;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;line-height:1}.choice-emoji{filter:drop-shadow(0 4px 12px #00000059);transition:transform .2s var(--transition-bounce);font-size:clamp(3.2rem,10vw,5rem);line-height:1;animation:.4s cubic-bezier(.34,1.6,.64,1) both choice-emoji-in;display:block}@keyframes choice-emoji-in{0%{opacity:0;transform:scale(.4)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.choice-btn:hover .choice-emoji{transform:scale(1.15)rotate(6deg)}.silhouette-target-slot{border-radius:var(--radius-xl);width:100%;max-width:320px;height:clamp(180px,35vw,240px);transition:all .3s var(--transition-bounce);background:#00000059;border:4px dashed #fff6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0 auto 1.5rem;display:flex;position:relative;box-shadow:inset 0 6px 20px #00000080}.silhouette-target-slot.matched{background:#55efc440;border-style:solid;transform:scale(1.05);box-shadow:0 0 40px #55efc480;border-color:#55efc4!important}.silhouette-emoji{transition:filter .3s ease, transform .3s var(--transition-bounce);font-size:clamp(4.5rem,15vw,7rem)}.silhouette-emoji.shadow{filter:brightness(0)drop-shadow(0 0 10px #fff3);opacity:.7}.silhouette-emoji.revealed{filter:drop-shadow(0 8px 20px #0006);animation:correct-bounce .5s var(--transition-bounce)}.shadow-slot-label{color:#fffc;font-size:clamp(.85rem,2.8vw,1.05rem);font-weight:800}.silhouette-choices{grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid}.silhouette-choice-card{aspect-ratio:.9;border-radius:var(--radius-lg);box-shadow:var(--btn-3d-shadow);cursor:grab;transition:transform .15s var(--transition-bounce);border:3px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;display:flex}.silhouette-choice-card:active{cursor:grabbing;transform:translateY(3px)scale(.94)}.silhouette-choice-card.correct{background:#55efc459!important;border-color:#55efc4!important}.silhouette-choice-card.wrong{background:#ff6b6b59!important;border-color:#ff6b6b!important}.choice-emoji{font-size:clamp(2.4rem,8vw,3.6rem)}.choice-name{color:#fff;text-align:center;font-size:clamp(.75rem,2.5vw,.95rem);font-weight:800}.builder-canvas{border-radius:var(--radius-xl);width:100%;max-width:360px;min-height:200px;transition:all .3s var(--transition-bounce);background:#0000004d;border:4px dashed #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin:0 auto 1.5rem;padding:1.5rem;display:flex}.builder-canvas.complete{background:#ffe66d38;border-style:solid;transform:scale(1.05);box-shadow:0 0 50px #ffe66d80;border-color:#ffe66d!important}.built-result-emoji{animation:correct-bounce .5s var(--transition-bounce);font-size:clamp(5rem,18vw,8rem)}.component-slots{justify-content:center;align-items:center;gap:1rem;display:flex}.component-slot{border-radius:var(--radius-lg);width:clamp(70px,18vw,95px);height:clamp(70px,18vw,95px);transition:all .3s var(--transition-bounce);background:#0003;border:3px dashed #fff6;justify-content:center;align-items:center;display:flex}.component-slot.placed{background:#fff3;border-style:solid;transform:scale(1.1)}.slot-emoji{font-size:clamp(2.5rem,8vw,3.5rem)}.canvas-label{color:#ffffffd9;font-size:1.1rem;font-weight:800}.shape-builder-palette{justify-content:center;gap:clamp(.6rem,2.5vw,1.2rem);width:100%;display:flex}.builder-shape-card{border-radius:var(--radius-lg);background:var(--glass-bg);border:3px solid var(--glass-border);max-width:130px;box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce);flex-direction:column;flex:1;align-items:center;gap:.4rem;padding:.8rem .5rem;display:flex}.builder-shape-card:active:not(:disabled){transform:translateY(3px)scale(.94)}.builder-shape-card.placed{opacity:.4;cursor:not-allowed;box-shadow:none}.builder-emoji{font-size:clamp(2.5rem,8vw,3.5rem)}.builder-name{color:#fff;text-align:center;font-size:clamp(.75rem,2.5vw,.9rem);font-weight:800}.math-tabs{z-index:10;background:#00000059;border:1px solid #ffffff26;border-radius:50px;gap:.5rem;width:100%;max-width:420px;margin-bottom:1.2rem;padding:4px;display:flex;position:relative}.math-tab{color:#ffffffb3;cursor:pointer;transition:all .2s var(--transition-smooth);text-align:center;border-radius:50px;flex:1;padding:clamp(.45rem,2vw,.65rem) .6rem;font-size:clamp(.8rem,2.5vw,.95rem);font-weight:800}.math-tab.active{color:#2d1b69;background:#fff;box-shadow:0 3px 12px #00000040}.number-grid{z-index:10;grid-template-columns:repeat(2,1fr);gap:clamp(.55rem,2.5vw,.9rem);width:100%;display:grid;position:relative}@media (width>=390px){.number-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=560px){.number-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=760px){.number-grid{grid-template-columns:repeat(5,1fr)}}.number-tile{aspect-ratio:1;border-radius:var(--radius-md);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce);min-height:80px;animation:tile-pop-in .4s var(--transition-bounce) both;animation-delay:calc(var(--sibling-index,1) * 40ms);border:2.5px solid #ffffff4d;flex-direction:column;justify-content:center;align-items:center;display:flex}.number-tile:active{transform:translateY(3px)scale(.92)}.number-tile .tile-num{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 6px #00000059;font-size:clamp(1.7rem,7vw,2.6rem);font-weight:800}.number-tile .tile-emoji{font-size:clamp(1.1rem,4vw,1.5rem)}.emoji-count-row{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1.8vw,.7rem);min-height:70px;margin:1rem 0;display:flex}.count-emoji{cursor:pointer;transition:transform .18s var(--transition-bounce);animation:emoji-appear .3s var(--transition-bounce) both;font-size:clamp(1.8rem,6vw,2.5rem)}.count-emoji:hover{transform:scale(1.3)rotate(10deg)}@keyframes emoji-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.shapes-grid{z-index:10;grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,3vw,1.2rem);width:100%;display:grid;position:relative}@media (width>=540px){.shapes-grid{grid-template-columns:repeat(3,1fr)}}.shape-card{border-radius:var(--radius-lg);background:var(--glass-bg);border:2.5px solid var(--glass-border);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .18s var(--transition-bounce);min-height:90px;animation:tile-pop-in .4s var(--transition-bounce) both;animation-delay:calc(var(--sibling-index,1) * 80ms);flex-direction:column;align-items:center;gap:.4rem;padding:clamp(.8rem,3vw,1.2rem) .8rem;display:flex}.shape-card:active{transform:translateY(3px)scale(.94)}.shape-card .shape-emoji-display{font-size:clamp(2.8rem,8vw,3.8rem)}.shape-card .shape-name{color:#fff;text-align:center;font-size:clamp(.95rem,3vw,1.15rem);font-weight:800}.counting-emoji-display{letter-spacing:4px;text-align:center;background:var(--glass-bg);border:3px solid var(--glass-border);border-radius:var(--radius-lg);z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:100px;margin-bottom:1rem;padding:1.2rem;font-size:clamp(2rem,7vw,3rem);display:flex;position:relative}.count-choices{z-index:10;justify-content:center;gap:clamp(.6rem,2.5vw,1rem);width:100%;display:flex;position:relative}.count-choice-btn{border-radius:var(--radius-lg);background:var(--glass-bg);border:3px solid var(--glass-border);max-width:100px;height:clamp(70px,18vw,90px);box-shadow:var(--btn-3d-shadow);font-family:var(--font-heading);color:#fff;cursor:pointer;transition:transform .15s var(--transition-bounce), background .15s ease;flex:1;font-size:clamp(1.8rem,6vw,2.5rem);font-weight:800}.count-choice-btn:active:not(:disabled){transform:translateY(3px)scale(.92)}.count-choice-btn.correct{animation:correct-bounce .4s var(--transition-bounce);background:#55efc459;border-color:#55efc4}.count-choice-btn.wrong{background:#ff6b6b59;border-color:#ff6b6b;animation:.4s wrong-shake}.rp-overlay{z-index:200;pointer-events:none;background:radial-gradient(#0000002e 0%,#00000061 100%);justify-content:center;align-items:center;animation:.3s both rp-overlay-in;display:flex;position:fixed;inset:0}.rp-overlay.has-buttons{pointer-events:auto}@keyframes rp-overlay-in{0%{opacity:0}to{opacity:1}}.rp-card{pointer-events:auto;-webkit-backdrop-filter:blur(28px);text-align:center;background:linear-gradient(160deg,#ffffff38 0%,#ffe66d2e 50%,#a29bfe2e 100%);border:2px solid #ffffff8c;border-radius:clamp(28px,6vw,40px);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-width:clamp(240px,60vw,320px);padding:clamp(2rem,6vw,3rem) clamp(2.5rem,8vw,4rem);animation:.55s cubic-bezier(.34,1.7,.64,1) both rp-card-in,.4s 2s both rp-card-out;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26,0 20px 60px #00000073,0 4px 20px #ffe66d40,inset 0 1px #ffffff73}.rp-card.has-buttons{animation:.55s cubic-bezier(.34,1.7,.64,1) both rp-card-in}.rp-actions{z-index:100;pointer-events:auto;justify-content:center;align-items:center;gap:.8rem;width:100%;margin-top:1rem;display:flex}.rp-btn{font-family:var(--font-heading), sans-serif;cursor:pointer;pointer-events:auto;z-index:101;-webkit-user-select:none;user-select:none;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.3rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.rp-btn:hover{transform:translateY(-2px)scale(1.04)}.rp-btn:active{transform:translateY(1px)scale(.97)}.rp-btn-back{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1.5px solid #ffffff73}.rp-btn-continue{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 15px #ff6b6b73}@keyframes rp-card-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rp-card-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.7)translateY(-50px)}}.rp-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff47 50%,#0000 70%) 0 0/200% 100%;animation:1.8s .3s both rp-shimmer;position:absolute;inset:0}@keyframes rp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rp-ring{border-radius:inherit;-webkit-mask-composite:destination-out;pointer-events:none;background:linear-gradient(135deg,#ffe66d,#ff6b6b,#a29bfe,#4ecdc4,#ffe66d) border-box;border:3px solid #0000;animation:3s linear infinite rp-ring-spin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rp-ring-spin{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.rp-orbits{pointer-events:none;position:absolute;inset:0}.rp-orbit-dot{transform-origin:-55px 0;width:7px;height:7px;transform:rotate(var(--deg)) translateX(-55px);animation:2.5s linear infinite rp-orbit;animation-delay:calc(var(--deg) / 360 * -2.5s);background:radial-gradient(circle,#ffe66d 30%,#ff8e53 100%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 6px 2px #ffe66db3}@keyframes rp-orbit{0%{transform:rotate(var(--deg)) translateX(-55px)}to{transform:rotate(calc(var(--deg) + 360deg)) translateX(-55px)}}.rp-emoji{filter:drop-shadow(0 6px 18px #ffe66d99);z-index:1;font-size:clamp(4rem,12vw,6rem);line-height:1;animation:.6s cubic-bezier(.34,1.8,.64,1) .2s both rp-emoji-bounce;display:block;position:relative}@keyframes rp-emoji-bounce{0%{opacity:0;transform:scale(0)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.rp-message{font-family:var(--font-heading);background:linear-gradient(135deg,#ffe66d 0%,#ff8e53 40%,#ff6b6b 70%,#fd79a8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ff646459);z-index:1;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:800;line-height:1.15;animation:.45s cubic-bezier(.34,1.5,.64,1) .35s both rp-msg-in;position:relative}@keyframes rp-msg-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rp-sub{color:#ffffffd1;z-index:1;font-size:clamp(.8rem,2.5vw,1rem);font-weight:700;animation:.45s .5s both rp-msg-in;position:relative}.rp-stars{z-index:1;gap:.2rem;margin-top:.4rem;display:flex;position:relative}.rp-star{font-size:clamp(1.2rem,4vw,1.6rem);animation:.4s cubic-bezier(.34,1.8,.64,1) both rp-star-pop,2s ease-in-out .6s infinite rp-star-spin;display:inline-block}@keyframes rp-star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rp-star-spin{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.25)rotate(20deg)}}.nav-back{color:#fff;cursor:pointer;width:clamp(42px,10vw,50px);height:clamp(42px,10vw,50px);transition:all .15s var(--transition-bounce);background:#ffffff2e;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex;box-shadow:0 4px 12px #0003}.nav-back:hover{background:#ffffff47;transform:scale(1.08)}.nav-back:active{transform:scale(.92)}.nav-arrows{z-index:10;gap:.8rem;margin-top:1rem;display:flex;position:relative}.xylophone-container{flex-direction:column;align-items:center;gap:1.2rem;width:100%;display:flex}.song-selector{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-width:540px;margin-bottom:.6rem;display:grid}@media (width<=480px){.song-selector{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem;display:flex;overflow-x:auto}.song-selector::-webkit-scrollbar{display:none}.song-option-card{scroll-snap-align:start;flex:none}}.song-option-card{background:var(--glass-bg);border-radius:var(--radius-pill);border:1.5px solid var(--glass-border);justify-content:space-between;align-items:center;gap:.4rem;padding:.35rem .6rem;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:0 4px 12px #00000040}.song-option-card.active{background:#ffe66d38;border-color:#ffe66d;box-shadow:0 0 16px #ffe66d73}.song-play-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:.2rem .3rem;font-size:clamp(.78rem,2.6vw,.9rem);font-weight:800;display:flex}.song-demo-icon-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff9f43,#ee5253);border:none;align-items:center;gap:.2rem;padding:.25rem .55rem;font-size:.75rem;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 2px 6px #0000004d}.song-demo-icon-btn:active{transform:scale(.92)}.song-progress-badge{color:#ffe66d;border-radius:var(--radius-pill);background:#ffe66d40;border:2px solid #ffe66d;padding:.4rem 1rem;font-size:.9rem;font-weight:700;animation:2s infinite pulse-ring}.xylophone-keyboard{border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:#00000040;justify-content:center;align-items:flex-end;gap:clamp(4px,1.5vw,12px);width:100%;height:clamp(220px,40vw,300px);padding:1rem .5rem;display:flex}.xylo-bar{border-radius:var(--radius-pill);cursor:pointer;border:none;flex-direction:column;flex:1;justify-content:space-between;align-items:center;max-width:55px;padding:.8rem 0;transition:transform .1s,filter .15s;display:flex;position:relative}.xylo-bar:active,.xylo-bar.pressed{filter:brightness(1.25);transform:translateY(6px)scale(.95)}.xylo-bar.glowing-target{animation:.8s ease-in-out infinite alternate bar-glow}@keyframes bar-glow{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.4);transform:scale(1.08)translateY(-4px)}}.xylo-circle-cap{background:#fff9;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 2px 4px #0000004d}.xylo-label{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #0006;font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:900}.drawing-container{flex-direction:column;gap:.8rem;width:100%;display:flex}.drawing-controls{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.color-picker-row,.brush-size-row,.stamp-row,.canvas-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:32px;height:32px;transition:transform .15s}.color-dot.selected{transform:scale(1.25);box-shadow:0 0 12px #fff}.brush-btn{cursor:pointer;background:#ffffff26;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brush-btn.selected{background:#ffe66d4d;border-color:#ffe66d}.brush-circle{border-radius:50%}.stamp-btn{cursor:pointer;background:#ffffff26;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;transition:transform .15s;display:flex}.stamp-btn.selected{background:#55efc44d;border-color:#55efc4;transform:scale(1.15)}.canvas-wrapper{border-radius:var(--radius-lg);border:3px solid var(--glass-border);width:100%;height:clamp(280px,45vw,360px);box-shadow:var(--btn-3d-shadow);overflow:hidden}.drawing-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%}.sticker-canvas-scene{border-radius:var(--radius-lg);border:3px solid var(--glass-border);width:100%;height:clamp(260px,42vw,340px);box-shadow:var(--btn-3d-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.scene-watermark{opacity:.15;pointer-events:none;font-size:clamp(3rem,10vw,5rem);position:absolute;bottom:1rem;right:1rem}.placed-sticker{cursor:grab;transition:transform .15s var(--transition-bounce);z-index:10;position:absolute;transform:translate(-50%,-50%)}.placed-sticker:active{cursor:grabbing}.placed-sticker.selected{z-index:20;transform:translate(-50%,-50%)scale(1.25)}.placed-sticker-emoji{filter:drop-shadow(0 4px 8px #0006);font-size:clamp(2.5rem,8vw,4rem)}.sticker-remove-btn{color:#fff;cursor:pointer;background:#ff4757;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px}.sticker-scene-controls{justify-content:space-between;align-items:center;width:100%;margin:.4rem 0;display:flex}.sticker-tray-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.6rem;width:100%;display:grid}.sticker-card{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:transform .15s var(--transition-bounce);flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;display:flex;position:relative}.sticker-card:active{transform:scale(.92)}.sticker-card.locked{opacity:.6;filter:grayscale(.4)}.sticker-emoji{font-size:2.2rem}.sticker-name{color:#fff;text-align:center;font-size:.75rem;font-weight:700}.sticker-cost-badge{color:#222;border-radius:var(--radius-pill);background:#feca57e6;padding:.1rem .4rem;font-size:.7rem;font-weight:800}.balloon-reward-fab{z-index:100;color:#fff;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#ff4757,#ff6b81);border:2px solid #fff;padding:.6rem 1.2rem;font-size:.95rem;font-weight:800;animation:2.5s infinite pulse-ring;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 8px 24px #ff475766}.balloon-overlay{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1ed9;flex-direction:column;display:flex;position:fixed;inset:0}.balloon-header{border-bottom:1px solid var(--glass-border);background:#ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.balloon-title{font-family:var(--font-heading);color:#ffe66d;font-size:1.2rem;font-weight:800}.balloon-sky{flex:1;position:relative;overflow:hidden}.floating-balloon{cursor:pointer;filter:drop-shadow(0 8px 16px #0006);background:0 0;border:none;font-size:clamp(3.5rem,10vw,5rem);transition:transform .1s;animation:linear infinite balloon-ascend;position:absolute;bottom:-100px}.floating-balloon:active{transform:scale(1.3)}@keyframes balloon-ascend{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-50vh)rotate(8deg)}to{transform:translateY(-110vh)rotate(-8deg)}}.alphabet-balloon-game{flex-direction:column;align-items:center;width:100%;display:flex}.target-letter-badge{border-radius:var(--radius-pill);border:3px solid #fff;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.4rem 1.2rem;animation:2.5s infinite pulse-ring;display:flex;box-shadow:0 8px 24px #0000004d}.badge-letter{font-family:var(--font-heading);color:#fff;font-size:2.2rem;font-weight:900}.badge-emoji{font-size:2rem}.balloon-letter-sky{border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:#0003;width:100%;height:clamp(300px,50vh,380px);position:relative;overflow:hidden}.letter-balloon-btn{cursor:pointer;background:0 0;border:none;transition:transform .15s;animation:linear infinite balloon-ascend;position:absolute;bottom:-110px}.letter-balloon-btn:active{transform:scale(1.15)}.letter-balloon-btn.popped{animation:.3s ease-out forwards pop-burst}@keyframes pop-burst{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}to{opacity:0;transform:scale(0)}}.balloon-outer-shape{border-radius:50%/40% 40% 60% 60%;justify-content:center;align-items:center;width:clamp(70px,18vw,95px);height:clamp(85px,22vw,115px);display:flex;position:relative;box-shadow:inset -6px -8px 12px #0000004d,inset 6px 6px 12px #ffffff73}.balloon-inner-letter{font-family:var(--font-heading);color:#fff;text-shadow:0 3px 6px #00000080;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:900}.balloon-knot{border-top:10px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.letter-tracing-game{flex-direction:column;align-items:center;width:100%;display:flex}.tracing-progress-container{border-radius:var(--radius-pill);border:2px solid var(--glass-border);background:#00000040;width:100%;height:22px;margin-bottom:.8rem;position:relative;overflow:hidden}.tracing-progress-bar{border-radius:var(--radius-pill);height:100%;transition:width .2s}.progress-text{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;inset:0}.tracing-canvas-wrapper{border-radius:var(--radius-lg);border:3px solid var(--glass-border);width:100%;height:clamp(280px,45vh,360px);box-shadow:var(--btn-3d-shadow);touch-action:none;background:#0f0f1e99;position:relative;overflow:hidden}.tracing-bg-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.tracing-canvas{cursor:crosshair;z-index:5;width:100%;height:100%;position:absolute;inset:0}.tracing-watermark-emoji{opacity:.2;pointer-events:none;z-index:1;font-size:clamp(2.5rem,8vw,4rem);position:absolute;bottom:.8rem;right:.8rem}.tracing-controls-row{box-sizing:border-box;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:.8rem;display:flex}.tracing-controls-row .btn{border-radius:var(--radius-xl);white-space:nowrap;text-align:center;box-sizing:border-box;flex:1;justify-content:center;min-width:0;height:46px;padding:0 .35rem;font-size:clamp(.72rem,2.3vw,.9rem)}.tracing-controls-row .btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.math-calc-game{flex-direction:column;align-items:center;width:100%;display:flex}.equation-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:2.5px solid var(--glass-border);width:100%;max-width:100%;box-shadow:var(--btn-3d-shadow);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto clamp(40px,12vw,56px);place-items:center;gap:clamp(.2rem,1.5vw,.5rem);margin-bottom:1.2rem;padding:.75rem .6rem;display:grid;overflow:hidden}.equation-group{border-radius:var(--radius-xl);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:.25rem;width:100%;min-width:0;min-height:clamp(105px,26vw,130px);padding:.55rem .25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #0000004d,inset 0 1.5px #fff6}.equation-group.group-1{background:linear-gradient(150deg,#6c5ce766 0%,#a29bfe2e 100%);border:2.5px solid #a29bfe99;box-shadow:0 8px 24px #6c5ce759,inset 0 1.5px #ffffff73}.equation-group.group-2{background:linear-gradient(150deg,#ff6b6b66 0%,#ff9f432e 100%);border:2.5px solid #ff6b6b99;box-shadow:0 8px 24px #ff6b6b59,inset 0 1.5px #ff6b6b73}.equals-badge{width:100%;height:auto;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.group-num-badge{font-family:var(--font-heading);color:#fff;text-shadow:0 3px 10px #00000080;font-size:clamp(1.8rem,5.5vw,2.8rem);font-weight:900;line-height:1}.equals-num-badge{font-family:var(--font-heading);color:#ffe66d;text-shadow:0 4px 14px #ffe66dbf;font-size:clamp(2.8rem,8.5vw,4rem);font-weight:900;line-height:1}.equals-badge.answered .equals-num-badge{color:#2ed573;text-shadow:0 4px 14px #2ed573d9;animation:correct-bounce .4s var(--transition-bounce)}.group-emoji-tray{box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-flow:wrap;justify-content:center;align-items:center;width:100%;padding:.1rem;display:flex}.group-emoji-tray.count-low,.group-emoji-tray.count-med{gap:.25rem .35rem}.group-emoji-tray.count-low .eq-emoji,.group-emoji-tray.count-med .eq-emoji{font-size:clamp(1.05rem,3.2vw,1.45rem)}.group-emoji-tray.count-high{gap:.15rem .2rem}.group-emoji-tray.count-high .eq-emoji{font-size:clamp(.82rem,2.4vw,1.1rem)}.eq-emoji{filter:drop-shadow(0 3px 6px #0006);flex-shrink:1;justify-content:center;align-items:center;line-height:1;transition:transform .2s,opacity .2s;display:inline-flex;position:relative}.eq-emoji.sub-take{opacity:.6;filter:saturate(.6)}.eq-emoji.sub-take .take-cross{color:#ff4757;text-shadow:0 0 6px #ff4757e6;justify-content:center;align-items:center;font-size:clamp(.9rem,2.5vw,1.2rem);display:flex;position:absolute;inset:0}.operator-badge{color:#fff;border:2.5px solid #ffffff73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(34px,7vw,42px);height:clamp(34px,7vw,42px);font-size:clamp(1.1rem,3.2vw,1.6rem);font-weight:900;display:flex;box-shadow:0 4px 12px #00000059}.operator-badge.equals-symbol-badge{background:#ffffff2e;border-color:#ffffff59}.operator-badge.add{background:linear-gradient(135deg,#2ed573 0%,#10ac84 100%)}.operator-badge.sub{background:linear-gradient(135deg,#ff4757 0%,#ee5253 100%)}.calc-choices-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,1rem);width:100%;display:grid}.calc-choice-btn{aspect-ratio:1.4;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--btn-3d-shadow);transition:transform .18s var(--transition-bounce), box-shadow .18s ease;border:3px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex;position:relative;overflow:hidden}.calc-choice-btn:hover{transform:translateY(-3px)scale(1.02)}.calc-choice-btn:active{transform:translateY(2px)scale(.96)}.calc-choice-btn.correct{animation:correct-bounce .4s var(--transition-bounce);background:linear-gradient(135deg,#55efc4 0%,#10ac84 100%)!important;border-color:#fff!important}.calc-choice-btn.wrong{animation:.4s wrong-shake;background:#ff6b6b59!important;border-color:#ff6b6b!important}.choice-number{font-family:var(--font-heading);color:#fff;text-shadow:0 3px 8px #00000073;font-size:clamp(2.2rem,8vw,3.5rem);font-weight:900;line-height:1}.choice-mini-emojis{justify-content:center;gap:.2rem;display:flex}.mini-emoji{filter:drop-shadow(0 2px 4px #0000004d);font-size:clamp(1.1rem,3.5vw,1.4rem)}.body-parts-module{flex-direction:column;align-items:center;width:100%;display:flex}.body-mode-tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;flex-shrink:0;gap:clamp(.3rem,1.5vw,.6rem);width:100%;margin-bottom:.8rem;padding:.3rem;display:flex;overflow:auto hidden}.body-mode-tabs::-webkit-scrollbar{display:none}.body-tab{scroll-snap-align:start;color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:50px;flex-shrink:0;padding:clamp(.3rem,1.5vw,.45rem) clamp(.7rem,2.5vw,1.2rem);font-size:clamp(.72rem,2.2vw,.9rem);font-weight:800;transition:background .2s,transform .15s}.body-tab.active{background:linear-gradient(135deg,#ff6b81,#ff4757);box-shadow:0 4px 12px #ff475766}.body-instruction{color:#ffffffd9;text-align:center;margin-bottom:.8rem;font-size:.9rem;font-weight:700}.body-active-banner{border-radius:var(--radius-lg);border:2px solid #fff;align-items:center;gap:.8rem;width:100%;margin-bottom:1rem;padding:.6rem 1rem;animation:2.5s infinite pulse-ring;display:flex;box-shadow:0 6px 18px #0000004d}.banner-emoji{font-size:2.2rem}.banner-text{flex-direction:column;display:flex}.banner-name{font-family:var(--font-heading);color:#fff;font-size:1.3rem;font-weight:900}.banner-action{color:#fffffff2;font-size:.85rem;font-weight:700}.body-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;display:grid}@media (width<=520px){.body-grid{grid-template-columns:repeat(2,1fr)}}.body-part-card{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--btn-3d-shadow);transition:transform .18s var(--transition-bounce);border:2.5px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.body-part-card:active,.body-part-card.active-card{border-color:#ffe66d;transform:scale(1.05);box-shadow:0 0 16px #ffe66d99}.body-emoji{font-size:clamp(2.2rem,7vw,3rem)}.body-name{color:#fff;text-shadow:0 2px 4px #0006;font-size:clamp(.9rem,3vw,1.1rem);font-weight:800}.target-body-badge{border-radius:var(--radius-pill);border:3px solid #fff;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding:.6rem 1.2rem;display:flex;box-shadow:0 8px 24px #0000004d}.target-emoji{font-size:2.2rem}.target-action{color:#fff;font-size:.95rem;font-weight:800}.body-quiz-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;display:grid}.body-quiz-card{aspect-ratio:1.3;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--btn-3d-shadow);border:3px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;transition:transform .15s;display:flex}.body-quiz-card:active{transform:scale(.96)}.body-quiz-card.correct{animation:.6s pulse-ring;background:linear-gradient(135deg,#2ed573 0%,#10ac84 100%)!important;border-color:#fff!important}.body-quiz-card.wrong{opacity:.45;filter:grayscale(.7)}.quiz-emoji{font-size:clamp(2.5rem,8vw,3.2rem)}.quiz-name{color:#fff;text-shadow:0 2px 4px #0006;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:900}.code-grid-wrapper{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:3px solid var(--glass-border);width:100%;max-width:380px;box-shadow:var(--btn-3d-shadow);box-sizing:border-box;background:#0f1026a6;flex-shrink:0;margin:0 auto .8rem;padding:.6rem}.code-grid{gap:.4rem;width:100%;display:grid}.code-grid-cell{aspect-ratio:1;border-radius:var(--radius-md);box-sizing:border-box;background:#ffffff14;border:1.5px solid #ffffff26;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.cell-hero{filter:drop-shadow(0 4px 8px #0006);transition:all .35s var(--transition-bounce);font-size:clamp(1.4rem,5vw,2.3rem);line-height:1;animation:1.5s ease-in-out infinite alternate hero-bounce}.cell-goal{font-size:clamp(1.4rem,5vw,2.2rem);line-height:1;animation:1.2s ease-in-out infinite alternate goal-pulse}.cell-obstacle{opacity:.9;font-size:clamp(1.2rem,4.5vw,2rem);line-height:1}@keyframes hero-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes goal-pulse{0%{transform:scale(.9)}to{transform:scale(1.15)}}.command-queue-container{border-radius:var(--radius-lg);box-sizing:border-box;background:#0000004d;border:1.5px solid #ffffff2e;align-items:center;gap:.5rem;width:100%;min-height:48px;margin-bottom:.8rem;padding:.5rem .8rem;display:flex}.queue-label{color:#ffffffb3;white-space:nowrap;font-size:.8rem;font-weight:800}.command-queue-slots{flex:1;align-items:center;gap:.35rem;padding:.2rem 0;display:flex;overflow-x:auto}.queue-placeholder{color:#ffffff80;font-size:.78rem;font-style:italic}.queue-pill{background:linear-gradient(135deg,#48dbfb 0%,#0abde3 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 3px 8px #0000004d}.queue-pill.active{background:linear-gradient(135deg,#feca57 0%,#ff9f43 100%);transform:scale(1.2);box-shadow:0 0 12px #feca57}.queue-delete-btn{cursor:pointer;background:#ff6b8133;border:1.5px solid #ff6b8180;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex}.queue-delete-btn:active{transform:scale(.9)}.code-controls-deck{flex-direction:column;align-items:center;gap:.8rem;width:100%;display:flex}.arrow-controls-row{justify-content:center;gap:.6rem;width:100%;display:flex}.arrow-cmd-btn{border-radius:var(--radius-lg);width:clamp(52px,12vw,64px);height:clamp(52px,12vw,64px);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .15s var(--transition-bounce);background:linear-gradient(145deg,#6c5ce7 0%,#a29bfe 100%);border:2.5px solid #fff6;justify-content:center;align-items:center;display:flex}.arrow-cmd-btn:active{transform:translateY(2px)}.code-actions-row{justify-content:center;gap:.8rem;width:100%;display:flex}.professions-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;display:grid}@media (width>=600px){.professions-grid{grid-template-columns:repeat(3,1fr)}}.profession-card{aspect-ratio:1.1;border-radius:var(--radius-xl);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .18s var(--transition-bounce), box-shadow .18s ease;border:3px solid #fff6;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.6rem;display:flex}.profession-card:active{transform:scale(.96)}.professions-grid .glass-tile-card,.professions-grid .content-tile-card{aspect-ratio:1.05;justify-content:space-between;padding:.4rem .25rem .35rem}.prof-emoji{filter:drop-shadow(0 3px 6px #0000004d);margin-top:.1rem;font-size:clamp(1.8rem,5.2vw,2.6rem);line-height:1}.prof-name{color:#fff;text-shadow:0 2px 4px #00000080;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.72rem,2.3vw,.95rem);font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}.prof-tool-pill{color:#fffffff2;border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#00000073;border:1px solid #ffffff4d;max-width:96%;margin-top:auto;padding:.15rem .4rem;font-size:clamp(.6rem,1.8vw,.72rem);font-weight:800;overflow:hidden}.detail-tools-row{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.8rem;margin-bottom:.8rem;display:flex}.detail-tool-tag{border-radius:var(--radius-pill);color:#fff;background:#ffffff26;border:1.5px solid #ffffff4d;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:800;display:flex}.tool-emoji{font-size:1.2rem}.prof-quiz-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);background:#0f1026b3;border:3px solid #fff;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding:.8rem 1.4rem;display:flex;box-shadow:0 8px 24px #0000004d}.quiz-banner-emoji{font-size:2.8rem}.quiz-banner-title{color:#fff;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:900}.prof-choices-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;display:grid}.prof-choice-card{aspect-ratio:1.25;border-radius:var(--radius-xl);box-shadow:var(--btn-3d-shadow);cursor:pointer;border:3px solid #fff6;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;transition:transform .15s;display:flex}.prof-choice-card:active{transform:scale(.96)}.prof-choice-card.correct{animation:.6s pulse-ring;background:linear-gradient(135deg,#2ed573 0%,#10ac84 100%)!important;border-color:#fff!important}.prof-choice-card.wrong{opacity:.4;filter:grayscale(.7)}.choice-prof-emoji{font-size:clamp(2.4rem,7vw,3.2rem)}.choice-prof-name{color:#fff;text-shadow:0 2px 4px #0006;font-size:clamp(.9rem,3.2vw,1.1rem);font-weight:900}.glass-tile-container{box-sizing:border-box;width:100%}.glass-tile-grid,.content-tile-grid,.planet-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,2.5vw,.85rem);width:100%;display:grid}@media (width>=541px){.glass-tile-grid,.content-tile-grid,.planet-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=720px){.glass-tile-grid,.content-tile-grid,.planet-grid{grid-template-columns:repeat(5,1fr)}}.content-tile-card,.planet-tile{aspect-ratio:1;border-radius:var(--radius-xl);box-shadow:var(--btn-3d-shadow);cursor:pointer;transition:transform .18s var(--transition-bounce), box-shadow .18s ease;box-sizing:border-box;border:2.5px solid #fff6;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.content-tile-card:active,.planet-tile:active{transform:scale(.95);box-shadow:0 0 16px #ffffff80}.tile-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(2rem,6vw,2.6rem);line-height:1;display:flex}.content-tile-label,.planet-tile-name{color:#fff;text-shadow:0 2px 4px #0009;text-align:center;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;max-width:100%;padding:0 .15rem;font-size:clamp(.75rem,2.8vw,.95rem);font-weight:900;overflow:hidden}.content-tile-sublabel{font-size:clamp(1.1rem,3.5vw,1.4rem);line-height:1}.planet-tile:active{transform:scale(.95);box-shadow:0 0 16px #ffffff80}.planet-tile-name{color:#fff;text-shadow:0 2px 4px #0009;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 .1rem;font-size:clamp(.75rem,2.8vw,.95rem);font-weight:900;overflow:hidden}.planet-orb-container{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.planet-orb{border-radius:50%;width:100%;height:100%;transition:transform .3s;position:relative;box-shadow:inset -6px -6px 12px #0009,0 4px 12px #0006}.sun-orb{background:radial-gradient(circle at 35% 35%,#fffde7 0%,#ffd54f 35%,#ff8f00 70%,#e65100 100%);animation:2s ease-in-out infinite alternate sun-glow;box-shadow:0 0 20px #ff9100,inset -4px -4px 10px #0003}@keyframes sun-glow{0%{box-shadow:0 0 15px #ff9100,inset -4px -4px 10px #0003}to{box-shadow:0 0 28px #ffab00,inset -4px -4px 10px #0003}}.mercury-orb{background:radial-gradient(circle at 35% 35%,#f5f5f5 0%,#bdbdbd 45%,#616161 80%,#212121 100%)}.venus-orb{background:radial-gradient(circle at 35% 35%,#fff9c4 0%,#fbc02d 45%,#e65100 85%,#bf360c 100%)}.earth-orb{background:radial-gradient(circle at 35% 35%,#80deea 0%,#0288d1 40%,#2e7d32 65%,#01579b 100%);box-shadow:0 0 12px #03a9f499,inset -6px -6px 12px #0009}.mars-orb{background:radial-gradient(circle at 35% 35%,#ffab91 0%,#ff5722 45%,#d84315 80%,#3e2723 100%)}.jupiter-orb{background:repeating-linear-gradient(#ffe0b2 0,#d7ccc8 6px,#a1887f 12px,#ffe0b2 18px,#ffb74d 24px,#8d6e63 30px);box-shadow:inset -6px -6px 14px #000000a6,0 4px 12px #0006}.great-red-spot{background:radial-gradient(circle,#d84315 0%,#8d6e63 100%);border-radius:50%;width:22%;height:16%;position:absolute;bottom:22%;right:25%;box-shadow:0 0 4px #00000080}.saturn-wrapper{position:relative}.saturn-orb{background:radial-gradient(circle at 35% 35%,#fff8e1 0%,#ffe082 45%,#ffb300 75%,#6d4c41 100%)}.saturn-ring-back,.saturn-ring-front{pointer-events:none;border:4px solid #ffe082d9;border-radius:50%;width:170%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg);box-shadow:0 0 8px #ffc10780}.uranus-orb{background:radial-gradient(circle at 35% 35%,#e0f7fa 0%,#4dd0e1 45%,#0097a7 80%,#004d40 100%)}.uranus-ring{pointer-events:none;border:2px solid #80deeab3;border-radius:50%;width:140%;height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(75deg)}.neptune-orb{background:radial-gradient(circle at 35% 35%,#80d8ff 0%,#0288d1 45%,#1565c0 80%,#0d47a1 100%);box-shadow:0 0 10px #0288d180,inset -6px -6px 12px #0009}.moon-orb{background:radial-gradient(circle at 35% 35%,#fff 0%,#cfd8dc 45%,#78909c 80%,#263238 100%);box-shadow:0 0 8px #fff6,inset -5px -5px 10px #00000080}.default-orb{background:radial-gradient(circle at 35% 35%,#e0e0e0 0%,#9e9e9e 50%,#424242 100%)}@media (prefers-reduced-motion:reduce){.letter-tile,.number-tile,.shape-card,.logo-title,.star-icon,.reward-popup,.floating-balloon,.letter-balloon-btn,.calc-choice-btn,.body-part-card,.body-quiz-card,.cell-hero,.cell-goal{animation:none!important}}.brush-shop-container{flex-direction:column;gap:1rem;padding:.5rem;display:flex}.brush-shop-stars{border-radius:var(--radius-full);color:#ffe66d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffe66d26;border:1.5px solid #ffe66d66;align-self:center;align-items:center;gap:.5rem;padding:.4rem 1.2rem;font-size:.95rem;font-weight:700;display:inline-flex}.brush-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;width:100%;display:grid}.brush-card{border-radius:var(--radius-lg);cursor:pointer;color:#fff;border:3px solid #fff3;flex-direction:column;justify-content:space-between;min-height:140px;padding:.9rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 8px 20px #00000040}.brush-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #00000059}.brush-card.active{border-color:#4deeea;box-shadow:0 0 16px #4deeea99}.brush-card.locked{filter:brightness(.85)}.brush-header{justify-content:space-between;align-items:center;display:flex}.brush-emoji{filter:drop-shadow(0 2px 4px #0006);font-size:1.8rem}.active-badge{color:#0f1026;border-radius:var(--radius-sm);background:#4deeea;align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.75rem;font-weight:800;display:flex}.brush-info{text-shadow:0 1px 3px #000c;margin:.5rem 0}.brush-name{font-size:1rem;font-weight:800;line-height:1.2}.brush-desc{opacity:.9;margin-top:.2rem;font-size:.75rem;line-height:1.3}.brush-action{margin-top:.4rem}.brush-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem .8rem;font-size:.85rem;font-weight:800;transition:background .2s,transform .15s;display:flex}.btn-equipped{color:#fff;cursor:default;background:#ffffff40}.btn-equip{color:#131432;background:#fff;box-shadow:0 4px 10px #0003}.btn-equip:hover{background:#ffe66d}.btn-unlock{color:#131432;background:#ffd166;box-shadow:0 4px 12px #ffd16666}.btn-unlock:hover{background:#ffc43d;transform:scale(1.03)}.btn-disabled{color:#fff9;cursor:not-allowed;background:#0006}.stars-vault-page{flex-direction:column;gap:1.2rem;width:100%;max-width:800px;margin:0 auto;padding-bottom:2rem;display:flex}.vault-hero-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffe66d26 0%,#ff9f4333 100%);border:3px solid #ffe66d66;align-items:center;gap:1.2rem;padding:1.5rem;display:flex;box-shadow:0 12px 30px #0000004d}.vault-hero-star-icon{filter:drop-shadow(0 4px 12px #ffe66d99);font-size:3.5rem;line-height:1;animation:2.5s ease-in-out infinite starPulse}@keyframes starPulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(6deg)}}.vault-hero-info{flex-direction:column;display:flex}.vault-hero-amount{color:#ffe66d;text-shadow:0 4px 12px #0006;font-size:2.8rem;font-weight:900;line-height:1}.vault-hero-label{color:#fff;margin-top:.2rem;font-size:1.1rem;font-weight:800}.vault-hero-sub{color:#ffffffd9;margin-top:.3rem;font-size:.85rem;line-height:1.3}.vault-tabs{align-items:center;gap:.5rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.vault-tab-btn{color:#fffc;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1.5px solid #ffffff26;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.vault-tab-btn:hover{color:#fff;background:#ffffff2e}.vault-tab-btn.active{color:#131432;background:#ffe66d;border-color:#ffe66d;box-shadow:0 4px 12px #ffe66d59}.vault-sections{flex-direction:column;gap:1.2rem;display:flex}.vault-section-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f102699;border:2px solid #ffffff2e;padding:1.2rem;box-shadow:0 8px 24px #0003}.vault-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.vault-card-title-group{align-items:center;gap:.8rem;display:flex}.vault-card-icon{border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.vault-card-title{color:#fff;margin:0;font-size:1.2rem;font-weight:800}.vault-card-desc{color:#ffffffbf;margin:.2rem 0 0;font-size:.82rem}.vault-badge{color:#ffe66d;border-radius:var(--radius-full);background:#ffe66d26;border:1px solid #ffe66d66;padding:.3rem .8rem;font-size:.8rem;font-weight:700}.vault-card-footer{justify-content:flex-end;margin-top:1rem;display:flex}.vault-cta-btn{border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-weight:800;display:inline-flex}.upcoming-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:1rem;display:grid}.upcoming-item-card{border-radius:var(--radius-md);background:#ffffff0d;border:1.5px dashed #fff3;align-items:center;gap:.8rem;padding:.8rem;display:flex}.upcoming-info{flex:1}.upcoming-title{color:#fff;font-size:.85rem;font-weight:800}.upcoming-desc{color:#ffffffa6;margin-top:.1rem;font-size:.72rem}.upcoming-cost{color:#ffe66d;border-radius:var(--radius-sm);white-space:nowrap;background:#ffe66d33;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.memory-match-module{flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}.memory-grid-container{justify-content:center;width:100%;display:flex;margin:0 auto!important}.memory-grid{box-sizing:border-box;justify-content:center;width:100%;max-width:520px;padding:.5rem;gap:clamp(.5rem,2vw,.85rem)!important;margin:0 auto!important;display:grid!important}.memory-grid.count-4{grid-template-columns:repeat(2,1fr)!important;max-width:340px!important;margin:0 auto!important}.memory-grid.count-6{grid-template-columns:repeat(3,1fr)!important;max-width:440px!important;margin:0 auto!important}.memory-grid.count-12{grid-template-columns:repeat(3,1fr)!important;max-width:520px!important;margin:0 auto!important}@media (width>=480px){.memory-grid.count-12{grid-template-columns:repeat(4,1fr)!important}}.memory-card-wrapper{perspective:1000px;aspect-ratio:1/1.05;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%}.memory-card-inner{width:100%;height:100%;transition:transform .5s var(--transition-bounce);transform-style:preserve-3d;position:relative}.memory-card-wrapper.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-wrapper.matched{animation:correct-bounce .5s var(--transition-bounce)}.memory-card-face{backface-visibility:hidden;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 8px 20px #00000059;border-radius:18px!important}.memory-card-front{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#6c5ce773 0%,#a29bfe38 100%);border:2.5px solid #a29bfe99}.memory-card-cover{color:#ffe66d;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;display:flex}.cover-sparkle{filter:drop-shadow(0 2px 6px #ffe66dcc);animation:3s ease-in-out infinite float}.cover-mark{font-family:var(--font-heading);opacity:.85;font-size:1.4rem;font-weight:900}.memory-card-back{color:#fff;border:2.5px solid #fff;padding:.3rem;transform:rotateY(180deg)}.memory-emoji{filter:drop-shadow(0 4px 8px #00000059);font-size:clamp(2.2rem,8vw,3.2rem)}.memory-label{font-family:var(--font-heading);text-shadow:0 2px 6px #00000080;white-space:nowrap;margin-top:.2rem;font-size:clamp(.75rem,2.5vw,.95rem);font-weight:800}.planet-video-orb{transition:transform .3s;animation:3.5s ease-in-out infinite orbGlowPulse;border:none!important}@keyframes orbGlowPulse{0%,to{filter:drop-shadow(0 10px 24px var(--orb-glow-color,#ffa50099));transform:scale(1)}50%{filter:drop-shadow(0 16px 36px var(--orb-glow-color,#ffa500d9));transform:scale(1.035)}}
