@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Fredoka:wght@400;600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{--primary-orange: #FF6B2B;--crust-gold: #F39C12;--cheese-yellow: #FFD93D;--sauce-red: #E63946;--fresh-green: #4EBA6F;--sky-blue: #3A86FF;--royal-purple: #8338EC;--bubble-pink: #FF006E;--wood-dark: #5C2C16;--wood-med: #8A4B24;--wood-light: #C68046;--wood-cream: #FFF5EB;--parchment: #FEF9E7;--kitchen-wall: #FFF3E0;--kitchen-tile1: #FFE0B2;--counter-wood: #B86B35;--counter-dark: #6E3714;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 8px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.hidden,[hidden]{display:none!important}#pizzaWrapper.hidden,.pizza-wrapper.hidden,#specialGameArea.hidden,.special-area.hidden,#dualPizzaContainer.hidden,.dual-pizza.hidden,#matchPizzaContainer.hidden,.match-pizza.hidden,#mathVisualCard.hidden,.math-chalkboard.hidden,#actionButtons.hidden,#nextButtonContainer.hidden,#hintButtonContainer.hidden,#progressPips.hidden,#fractionDisplay.hidden,#multipleChoiceContainer.hidden{display:none!important;visibility:hidden!important;height:0!important;width:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}html,body{font-family:Fredoka,Nunito,sans-serif;background-color:var(--kitchen-wall);min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto;color:#332014;user-select:none;-webkit-user-select:none;scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.6) 0%,transparent 65%),linear-gradient(135deg,var(--kitchen-tile1) 25%,transparent 25%),linear-gradient(225deg,var(--kitchen-tile1) 25%,transparent 25%),linear-gradient(45deg,var(--kitchen-tile1) 25%,transparent 25%),linear-gradient(315deg,var(--kitchen-tile1) 25%,var(--kitchen-wall) 25%);background-position:0 0,24px 0,24px -24px,0px 24px,0 0;background-size:100% 100%,48px 48px,48px 48px,48px 48px,48px 48px;pointer-events:none}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:45vh;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 10px),repeating-linear-gradient(90deg,var(--counter-wood),var(--counter-wood) 120px,var(--counter-dark) 120px,var(--counter-dark) 123px);border-top:5px solid #5A2A0C;box-shadow:inset 0 6px 12px #ffffff40;pointer-events:none}.kitchen-shelf{position:fixed;top:10px;left:4%;right:4%;height:10px;background:linear-gradient(180deg,#8b4513,#5c2c16);border-radius:4px;box-shadow:0 6px 12px #00000040;display:flex;justify-content:space-around;align-items:flex-end;padding:0 30px;z-index:0;pointer-events:none;opacity:.8}.shelf-item{font-size:1.5rem;transform:translateY(-6px);filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.bg-decor{position:fixed;font-size:1.8rem;z-index:0;pointer-events:none;opacity:.55}.star1{top:6%;left:3%;animation:floatPlayful 6s ease-in-out infinite}.star2{top:14%;right:4%;animation:floatPlayful 8s ease-in-out infinite reverse}.pizza-float1{top:10%;right:10%;animation:floatPlayful 7s ease-in-out infinite .5s;font-size:2rem}.pizza-float2{top:4%;left:40%;animation:floatPlayful 9s ease-in-out infinite reverse;font-size:1.5rem}.basil-float1{top:22%;left:5%;animation:floatPlayful 10s ease-in-out infinite;font-size:1.4rem}@keyframes floatPlayful{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}#app{position:relative;z-index:1;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;height:auto;margin:0;padding:10px 20px 24px;overflow:visible;display:flex;flex-direction:column}.screen{width:100%;min-height:calc(100vh - 34px);min-height:calc(100dvh - 34px);height:auto;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;padding-bottom:20px}.screen.hidden{display:none!important}.wood-frame{background:var(--wood-cream);border:6px solid var(--wood-med);border-radius:var(--radius-xl);box-shadow:0 12px 35px #0000004d,inset 0 0 0 2px var(--wood-dark);position:relative}.wood-panel{background:var(--parchment);border:5px solid var(--wood-med);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000038,inset 0 0 0 2px var(--wood-dark);position:relative}.wood-corner{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#ffe082 30%,#d4ac0d 70%,#9a7d0a);border:1.5px solid #5C2C16;border-radius:50%;z-index:5}.wood-corner.tl{top:5px;left:5px}.wood-corner.tr{top:5px;right:5px}.wood-corner.bl{bottom:5px;left:5px}.wood-corner.br{bottom:5px;right:5px}.game-topbar{flex-shrink:0;height:46px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:4px 12px;background:linear-gradient(180deg,#fffdf8,#fff3e0);border:3.5px solid var(--wood-med);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--wood-dark),0 6px 14px #00000026}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px}.topbar-center{display:flex;align-items:center;gap:10px}.top-logo-badge{display:flex;align-items:center;gap:5px;background:linear-gradient(180deg,#fff9e6,#ffe082);border:2px solid var(--wood-med);border-radius:var(--radius-pill);padding:3px 10px}.top-logo-icon{font-size:1.15rem}.top-logo-text{font-family:Fredoka One,cursive;font-size:.88rem;color:var(--sauce-red);letter-spacing:.5px}.level-title-badge{background:linear-gradient(180deg,#ff6b2b,#e63946);color:#fff;border:2px solid var(--wood-dark);padding:4px 14px;border-radius:var(--radius-pill);box-shadow:0 2px 0 var(--wood-dark)}.game-title{font-family:Fredoka One,cursive;font-size:clamp(.95rem,2vw,1.15rem);white-space:nowrap}.badge-item{background:#fff;border:2px solid var(--wood-med);border-radius:var(--radius-pill);padding:2px 10px;display:flex;align-items:center;gap:5px;box-shadow:0 2px 0 var(--wood-dark)}.badge-icon{font-size:1.1rem}.badge-info{display:flex;flex-direction:column;line-height:1}.badge-label{font-size:.6rem;font-weight:900;color:#888}.score-num{font-family:Fredoka One,cursive;font-size:1.15rem;color:var(--primary-orange)}.streak-num{font-family:Fredoka One,cursive;font-size:1.1rem;color:var(--sauce-red)}.btn-icon{background:linear-gradient(180deg,#fff,#f1f5f9);border:2.5px solid var(--wood-med);border-radius:50%;width:38px;height:38px;font-size:1.15rem;cursor:pointer;box-shadow:0 3px 0 var(--wood-dark);display:flex;align-items:center;justify-content:center;transition:transform .1s}.btn-icon:hover{transform:translateY(-2px)}.btn-icon:active{transform:translateY(2px);box-shadow:0 1px 0 var(--wood-dark)}.btn-icon.btn-sound{background:linear-gradient(180deg,#fef08a,#facc15);border-color:#ca8a04}.btn-icon.btn-music{background:linear-gradient(180deg,#f3e8ff,#d8b4fe);border-color:#9333ea}.btn-icon.muted{opacity:.55;filter:grayscale(.8)}.progress-bar-wrapper{flex-shrink:0;min-height:24px;display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 4px}.progress-bar-track{flex:1;height:14px;background:#ffffffb3;border:2px solid var(--wood-med);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#facc15,#fb923c 60%,#e63946);border-radius:var(--radius-pill);width:0%;transition:width .5s ease}.progress-label{font-family:Fredoka One,cursive;font-size:.92rem;color:var(--wood-dark);white-space:nowrap}.sublevel-quick-nav{display:inline-flex;align-items:center;gap:3px;background:#ffffffd9;border:1.5px solid var(--wood-med);border-radius:var(--radius-pill);padding:2px 6px;flex-shrink:0;box-shadow:0 1px 3px #00000014}.sublevel-quick-label{font-family:Fredoka One,cursive;font-size:.76rem;color:var(--wood-dark);margin-right:3px;-webkit-user-select:none;user-select:none}.sub-nav-btn{width:22px;height:22px;border-radius:50%;border:1.5px solid #CBD5E1;background:#fff;color:var(--wood-dark);font-family:Fredoka One,cursive;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .15s ease}.sub-nav-btn:hover{background:#ffe082;border-color:#ffa000;transform:scale(1.15)}.sub-nav-btn.active{background:linear-gradient(180deg,#ff8c42,#e65100);border-color:#bf360c;color:#fff;box-shadow:0 1px 4px #00000040;transform:scale(1.08)}.timer-container{font-family:Fredoka One,cursive;font-size:.95rem;color:#fff;background:linear-gradient(180deg,#ef4444,#dc2626);border:2px solid #7F1D1D;padding:1px 8px;border-radius:var(--radius-pill)}.game-main-layout{flex:1 0 auto;display:grid;grid-template-columns:minmax(180px,220px) 1fr minmax(280px,350px);gap:20px;align-items:start;width:100%;overflow:visible;position:relative;box-sizing:border-box;margin:10px 0 20px}.game-main-layout.layout-single-pizza,.game-main-layout.layout-dual-pizza{grid-template-columns:minmax(180px,220px) 1fr minmax(280px,350px)}.game-main-layout.layout-match-pizza{grid-template-columns:minmax(180px,210px) 1fr minmax(280px,340px)}.game-main-layout.layout-chalkboard{grid-template-columns:minmax(180px,240px) 1fr}.game-main-layout.layout-chalkboard .game-right-col{display:none!important}.game-main-layout.layout-chalkboard .special-area{max-width:720px;width:100%;margin:0 auto}.game-left-col{height:auto;max-height:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;overflow:visible}.mascot-bubble{background:#fff;border:3px solid var(--crust-gold);border-radius:var(--radius-md);padding:6px 10px;font-family:Fredoka One,cursive;font-size:.88rem;color:var(--wood-dark);box-shadow:0 4px 10px #0000001f;text-align:center;width:100%;max-width:175px;line-height:1.25;position:relative}.mascot-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--crust-gold)}.mascot-small-wrap{width:125px;height:160px;display:flex;justify-content:center;align-items:center;animation:chefBreathing 4s ease-in-out infinite}.chef-svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}@keyframes chefBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.03) translateY(-3px)}}.left-action-box{width:100%;display:flex;justify-content:center}.game-center-col{height:auto;max-height:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:visible;min-width:0}.pizza-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:visible}#pizzaCanvas{cursor:crosshair;touch-action:none;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4));transition:transform .15s ease;max-width:100%}#pizzaCanvas.cutting-active{cursor:none}#pizzaCanvas.shading-active{cursor:pointer}#pizzaCanvas.visual-only{cursor:default}#pizzaCanvas.correct-flash{animation:pizzaCelebration .8s ease;filter:drop-shadow(0 0 35px rgba(78,186,111,.95)) drop-shadow(0 10px 24px rgba(0,0,0,.4))}#pizzaCanvas.wrong-flash{animation:pizzaShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes pizzaCelebration{0%{transform:scale(1)}35%{transform:scale(1.06) translateY(-6px)}65%{transform:scale(.98)}to{transform:scale(1)}}@keyframes pizzaShake{10%,90%{transform:translate3d(-5px,0,0)}20%,80%{transform:translate3d(6px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.special-area{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:auto;overflow:visible;gap:12px}.dual-pizza{display:flex;justify-content:center;align-items:center;gap:16px;width:100%}.dual-operator-badge{font-family:Fredoka One,cursive;font-size:1.5rem;color:#fff;background:linear-gradient(180deg,#ff6b2b,#d35400);border:3px solid #873600;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000040;flex-shrink:0}.pizza-side{display:flex;flex-direction:column;align-items:center;gap:6px}.pizza-side canvas,.match-pizza-side canvas{box-shadow:0 6px 16px #0000004d;cursor:pointer;transition:transform .15s}.pizza-side canvas:hover,.match-pizza-side canvas:hover{transform:scale(1.04)}.pizza-label{font-family:Fredoka One,cursive;font-size:1.05rem;color:var(--wood-dark);background:linear-gradient(180deg,#fff9e6,#ffe082);border:2px solid var(--crust-gold);padding:3px 12px;border-radius:var(--radius-pill);box-shadow:0 2px #d4ac0d}.match-pizza{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.match-pizza-side{display:flex;flex-direction:column;align-items:center;gap:4px}.math-chalkboard{background:radial-gradient(circle at 50% 30%,#233d2d,#13241a);border:7px solid #78350F;border-radius:var(--radius-xl);padding:18px 24px;text-align:center;color:#fff;box-shadow:0 10px 28px #0006,inset 0 0 20px #00000080;width:100%;max-width:620px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px}.chalk-header{display:flex;align-items:center;justify-content:center;gap:8px}.chalk-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.chalk-title{font-family:Fredoka One,cursive;font-size:1.25rem;color:#fde047;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.chalk-equation-wrap{background:#00000059;border:2px dashed rgba(253,224,71,.5);border-radius:var(--radius-md);padding:6px 20px;margin:2px 0 4px}.chalk-equation-wrap.hidden{display:none!important}.chalk-equation{font-family:Fredoka One,cursive;font-size:clamp(1.8rem,4.5vw,2.6rem);color:#fff;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.7)}.chalk-desc{font-size:clamp(1.02rem,2.2vw,1.22rem);font-weight:800;color:#f8fafc;line-height:1.3;margin:2px 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.6);max-width:520px}.chalk-mc-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:4px;padding-top:8px;border-top:2px solid rgba(255,255,255,.15)}.chalk-mc-btn{font-family:Fredoka One,cursive;font-size:clamp(1.05rem,2.5vw,1.3rem);background:linear-gradient(180deg,#f97316,#ea580c 60%,#c2410c);color:#fff;border:2.5px solid #7C2D12;border-radius:var(--radius-md);padding:10px 22px;box-shadow:0 5px #431407,0 6px 14px #0000004d;cursor:pointer;transition:transform .1s,box-shadow .1s;min-width:90px;line-height:1.2}.chalk-mc-btn:hover{transform:translateY(-2px);box-shadow:0 7px #431407;filter:brightness(1.08)}.chalk-mc-btn:active{transform:translateY(2px);box-shadow:0 2px #431407}.feedback-overlay{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:#0000;opacity:0;pointer-events:none;transition:opacity .25s;z-index:20}.feedback-overlay.visible{opacity:1;background:#2c1306ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.feedback-emoji{font-size:clamp(2.6rem,7vw,4.2rem);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.feedback-msg{font-family:Fredoka One,cursive;font-size:clamp(1.2rem,3.8vw,1.8rem);color:#fff;text-shadow:0 2px 0 var(--wood-dark);text-align:center;padding:0 8px}.feedback-edu{font-family:Fredoka One,cursive;font-size:clamp(.9rem,2.5vw,1.2rem);color:var(--cheese-yellow);text-shadow:0 2px 0 var(--wood-dark);text-align:center;margin-top:4px;background:#000000b3;padding:4px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--cheese-yellow);display:none}.feedback-stars{font-size:clamp(1.4rem,4vw,2.2rem);margin-top:4px;letter-spacing:4px;display:none}.game-right-col{height:auto;max-height:none;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;gap:12px}.challenge-card{width:100%;overflow:visible;box-shadow:0 8px 24px #00000040;border-radius:var(--radius-lg)}.challenge-card-header{background:linear-gradient(180deg,#b86b35,#8a4b24);color:#fff;font-family:Fredoka One,cursive;font-size:.95rem;text-align:center;padding:6px 12px;letter-spacing:1.5px;border-bottom:2.5px solid var(--wood-dark);display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:1px 1px 0 var(--wood-dark)}.header-star{color:#facc15}.parchment-bg{background:radial-gradient(circle at 50% 50%,#fffdf5,#fef9e7 80%,#fdefc8)}.challenge-body{display:flex;align-items:center;gap:14px;padding:10px 14px;flex-wrap:nowrap}.fraction-big{display:flex;flex-direction:column;align-items:center;font-family:Fredoka One,cursive;background:linear-gradient(180deg,#fff9db,#fef08a);border:3px solid #CA8A04;padding:6px 14px;border-radius:var(--radius-md);box-shadow:0 4px #854d0e,0 6px 12px #0000001f;min-width:76px;flex-shrink:0}.frac-n{font-size:clamp(2rem,5vw,2.8rem);color:#2563eb;line-height:1;text-shadow:1px 1px 0 #FFF}.frac-bar{width:100%;height:5px;background:var(--wood-dark);border-radius:3px;margin:2px 0}.frac-d{font-size:clamp(2rem,5vw,2.8rem);color:#dc2626;line-height:1;text-shadow:1px 1px 0 #FFF}.frac-caption{font-size:.6rem;color:var(--wood-dark);font-weight:900;letter-spacing:1px}.challenge-desc{flex:1;min-width:0}.challenge-text{font-size:clamp(.95rem,2.2vw,1.12rem);font-weight:800;color:var(--wood-dark);margin-bottom:6px;line-height:1.25}.progress-pips{display:flex;flex-direction:column;gap:5px}.pip-row{display:flex;align-items:center;gap:6px}.pip-icon{font-size:1.05rem}.pip-dot{width:16px;height:16px;border-radius:50%;border:2.5px solid #CBD5E1;background:#f1f5f9;flex-shrink:0;transition:all .25s ease}.pip-dot.done{background:#22c55e;border-color:#15803d;box-shadow:0 0 8px #22c55ecc;transform:scale(1.1)}.pip-label{font-size:.86rem;font-weight:800;color:#555}.mc-container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;background:#fff9;border-top:2px solid var(--wood-med)}.mc-container.hidden{display:none!important}.mc-btn{font-family:Fredoka One,cursive;font-size:clamp(1.05rem,2.8vw,1.4rem);background:linear-gradient(180deg,#3b82f6,#2563eb 60%,#1d4ed8);color:#fff;border:2.5px solid #1E40AF;border-radius:var(--radius-md);padding:8px 18px;box-shadow:0 5px #1e3a8a,0 6px 14px #0003;cursor:pointer;transition:transform .1s,box-shadow .1s;min-width:80px}.mc-btn:hover{transform:translateY(-2px);box-shadow:0 7px #1e3a8a;filter:brightness(1.06)}.mc-btn:active{transform:translateY(2px);box-shadow:0 2px #1e3a8a}.game-bottom-bar{flex-shrink:0;min-height:64px;height:auto;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-top:auto;padding:16px 0 28px;overflow:visible}.action-buttons-wrap{display:flex;gap:12px;align-items:center;justify-content:center}.next-button-container{display:flex;align-items:center;justify-content:center}.next-button-container.hidden{display:none!important}.gbtn{font-family:Fredoka One,cursive;font-size:clamp(1rem,2.6vw,1.25rem);padding:10px 24px;border-radius:var(--radius-pill);cursor:pointer;color:#fff;letter-spacing:.5px;transition:transform .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center;gap:6px;min-width:120px;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.gbtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.gbtn:active:not(:disabled){transform:translateY(2px)}.gbtn:disabled{background:#cbd5e1!important;border:2px solid #94A3B8!important;box-shadow:0 3px #64748b!important;cursor:not-allowed;opacity:.65}.gbtn-undo{background:linear-gradient(180deg,#64748b,#475569);border:2.5px solid #334155;box-shadow:0 5px #1e293b,0 6px 12px #0003}.gbtn-check{background:linear-gradient(180deg,#22c55e,#16a34a);border:2.5px solid #15803D;box-shadow:0 6px #14532d,0 8px 18px #16a34a59;font-size:clamp(1.05rem,2.8vw,1.35rem);padding:10px 30px}.gbtn-hint{background:linear-gradient(180deg,#fde047,#eab308);color:var(--wood-dark);border:2.5px solid #CA8A04;box-shadow:0 5px #854d0e,0 6px 12px #00000029;font-size:.95rem;padding:8px 16px;min-width:110px;text-shadow:none}.btn-next-pop{font-family:Fredoka One,cursive;font-size:clamp(1.15rem,3.2vw,1.45rem);background:linear-gradient(180deg,#48c774,#2eb85c 60%,#1e7e34);color:#fff;border:3px solid #155724;border-radius:var(--radius-pill);padding:11px 36px;box-shadow:0 6px #0c3814,0 10px 22px #0000004d;cursor:pointer;letter-spacing:.8px;animation:pulseButton 1.5s infinite;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.hint-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 24px;z-index:100;text-align:center;width:90%;max-width:360px;animation:popIn .25s ease}.hint-popup.hidden{display:none!important}.hint-header{font-family:Fredoka One,cursive;font-size:1.25rem;color:var(--sauce-red);margin-bottom:10px}.hint-body{font-size:1.05rem;font-weight:700;color:var(--wood-dark);margin-bottom:14px;line-height:1.35}.btn-hint-close{padding:8px 22px;font-size:1.05rem}.completion-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 24px 28px;max-width:480px;width:100%;margin:auto}.completion-ribbon{background:linear-gradient(180deg,#f59e0b,#d97706);border:3.5px solid var(--wood-dark);border-radius:var(--radius-pill);padding:6px 24px;box-shadow:0 5px 0 var(--wood-dark)}.completion-title{font-family:Fredoka One,cursive;font-size:clamp(1.4rem,4vw,2rem);color:#fff}.level-sub-title,.completion-sub{font-family:Fredoka One,cursive;font-size:1.15rem;color:var(--wood-dark);text-align:center}.completion-mascot{margin:2px 0}.mascot-star-burst{font-size:2.2rem;letter-spacing:6px}.completion-trophy{font-size:4.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}.completion-score-box{background:linear-gradient(180deg,#fffdf5,#fef08a);border:3px solid var(--crust-gold);border-radius:var(--radius-md);padding:12px 24px;text-align:center;box-shadow:0 4px #b45309;width:100%}.completion-stars{font-size:2.2rem;letter-spacing:6px}.completion-score-label{font-size:.95rem;font-weight:800;color:#666}.completion-score-num{font-family:Fredoka One,cursive;font-size:2.8rem;color:var(--primary-orange);line-height:1.1}.completion-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.start-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 22px 28px;max-width:480px;width:100%;margin:auto}.game-logo{display:flex;justify-content:center}.logo-badge{background:linear-gradient(180deg,#fff9e6,#ffe082);border:3.5px solid var(--wood-med);border-radius:36px;padding:6px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 0 var(--wood-dark)}.logo-icon-left,.logo-icon-right{font-size:2rem}.logo-sub{font-size:.75rem;font-weight:900;color:var(--sauce-red);letter-spacing:2px}.logo-main{font-family:Fredoka One,cursive;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--sauce-red);line-height:1}.logo-adventure{font-family:Fredoka One,cursive;font-size:1.1rem;color:#27ae60;letter-spacing:2px}.mascot-big-wrap{width:150px;height:195px;display:flex;justify-content:center;align-items:center}.start-tagline{font-size:1.05rem;font-weight:800;color:var(--wood-dark);background:#ffe082;border:2px solid var(--crust-gold);padding:6px 18px;border-radius:var(--radius-pill)}.start-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.btn-start{font-family:Fredoka One,cursive;font-size:clamp(1.15rem,3.5vw,1.45rem);background:linear-gradient(180deg,#48c774,#2eb85c 60%,#249b4c);color:#fff;border:2.5px solid #1E7E34;border-radius:var(--radius-pill);padding:12px 28px;box-shadow:0 6px #1b632a,0 8px 18px #00000040;cursor:pointer;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-start:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-start:active{transform:translateY(2px);box-shadow:0 3px #1b632a}.btn-secondary{font-family:Fredoka One,cursive;font-size:clamp(1rem,3vw,1.2rem);background:linear-gradient(180deg,#3a86ff,#2563eb 60%,#1d4ed8);color:#fff;border:2.5px solid #1E40AF;border-radius:var(--radius-pill);padding:10px 24px;box-shadow:0 5px #172554,0 8px 16px #00000038;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.btn-secondary:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-secondary:active{transform:translateY(2px);box-shadow:0 2px #172554}.panel-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 22px 24px;max-width:540px;width:100%;margin:auto}.panel-header-badge{background:linear-gradient(180deg,var(--sauce-red) 0%,#B91C1C 100%);color:#fff;border:2.5px solid var(--wood-dark);padding:6px 24px;border-radius:var(--radius-pill)}.how-to-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.how-card{background:#fff;border:2px solid var(--crust-gold);border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;gap:10px}.how-card-icon{font-size:1.8rem}.how-card-text h3{font-family:Fredoka One,cursive;font-size:1rem;color:var(--wood-dark)}.how-card-text p{font-size:.82rem;font-weight:700;color:#555;line-height:1.25}.map-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 18px 24px;max-width:620px;width:100%;margin:auto}.map-subtitle{font-size:.95rem;font-weight:800;color:var(--wood-med);text-align:center}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.level-btn{background:linear-gradient(180deg,#ff8c42,#e65100);border:2.5px solid #BF360C;border-radius:var(--radius-md);padding:8px 4px 6px;color:#fff;font-family:Fredoka One,cursive;font-size:.95rem;cursor:pointer;box-shadow:0 4px #870000;display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;user-select:none;transition:transform .15s ease,filter .15s ease}.level-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.level-btn:active{transform:translateY(1px)}.level-btn.completed{background:linear-gradient(180deg,#48c774,#1e7e34);border-color:#155724;box-shadow:0 4px #0c3814}.sublevel-row{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:3px;width:100%}.sub-pill{width:20px;height:20px;border-radius:5px;background:#0000003d;border:1px solid rgba(255,255,255,.45);color:#fff;font-family:Fredoka One,cursive;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;line-height:1}.sub-pill:hover{background:#ffd166;color:#7a3500;border-color:#fff;transform:translateY(-1px) scale(1.18);box-shadow:0 2px 5px #0000004d}.sub-pill:active{transform:translateY(1px) scale(.95)}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:999}.confetti-piece{position:absolute;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.score-num.bump{animation:scorePop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.6);color:var(--fresh-green)}to{transform:scale(1)}}@media (max-width: 900px){.game-main-layout{grid-template-columns:minmax(150px,180px) 1fr minmax(250px,290px);gap:14px}.fraction-big{min-width:66px;padding:4px 10px}.frac-n,.frac-d{font-size:2.2rem}}@media (max-width: 768px){#app{padding:8px 10px 24px}.game-main-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.game-main-layout.layout-chalkboard{display:flex;flex-direction:column}.game-left-col{flex-direction:row;height:auto;justify-content:space-between;align-items:center;width:100%;padding:0 6px;order:1}.mascot-small-wrap{width:68px;height:82px}.mascot-bubble{font-size:.88rem;padding:6px 12px;max-width:220px}.mascot-bubble:after{display:none}.game-center-col{width:100%;height:auto;order:2}.game-right-col{width:100%;height:auto;order:3}.challenge-body{padding:10px 14px}.game-bottom-bar{order:4;padding:16px 0 36px}.level-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 520px){.level-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sub-pill{width:18px;height:18px;font-size:.68rem}.progress-bar-wrapper{flex-wrap:wrap;height:auto;gap:6px}.sublevel-quick-nav{margin-left:auto}}