:root{--jungle-950:#042415;--jungle-900:#06321d;--jungle-800:#0a4527;--jungle-700:#0f5f33;--leaf-600:#1d8c41;--leaf-500:#2eb257;--leaf-400:#55cf74;--lime-300:#9fe25f;--lime-200:#c8f08a;--banana:#ffd43b;--banana-deep:#f5b505;--banana-shadow:#c98a06;--bark:#8a5a2b;--bark-deep:#5b3a1c;--coral:#ff7a4d;--coral-deep:#e2552a;--berry:#ff5f9e;--sky:#bdf0e4;--cream:#fffaf0;--cream-shade:#f6ead3;--ink:#0f2e1c;--ink-soft:#3f6b52;--radius-sm:12px;--radius:22px;--radius-lg:34px;--border:4px solid var(--jungle-900);--shadow-card:0 10px 0 #0424152e,0 18px 34px #04241538;--shadow-soft:0 10px 26px #04241542;--font-display:"Fredoka One","Baloo 2",system-ui,sans-serif;--font-body:"Baloo 2","Trebuchet MS",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#7fd8c4,#a8e6a1 28%,#2eb257 58%,#0a4527 88%,#06321d);background-attachment:fixed;color:#fffaf0;color:var(--cream);font-family:Baloo\ 2,Trebuchet MS,system-ui,sans-serif;font-family:var(--font-body);font-size:18px;font-weight:600}h1,h2,h3{font-family:Fredoka One,Baloo\ 2,system-ui,sans-serif;font-family:var(--font-display);font-weight:400;letter-spacing:.5px;margin:0}a{color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.jungle-scene{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.jungle-scene:after{background:radial-gradient(ellipse at 50% 38%,#04241500 34%,#0424154d 100%);content:"";inset:0;position:absolute}.scene-canopy{height:clamp(160px,24vh,260px);top:0}.scene-canopy,.scene-ground{display:block;left:0;position:absolute;width:100%}.scene-ground{bottom:0;height:clamp(300px,56vh,620px)}.nav,.page{position:relative;z-index:2}.nav{background:linear-gradient(180deg,#1d8c41,#0a4527);background:linear-gradient(180deg,var(--leaf-600) 0,var(--jungle-800) 100%);border-bottom:4px solid #042415;border-bottom:4px solid var(--jungle-950);box-shadow:0 8px 24px #04241559}.nav:after{background-image:radial-gradient(circle at 15px 0,#0a4527 14.5px,#0000 15px);background-image:radial-gradient(circle at 15px 0,var(--jungle-800) 14.5px,#0000 15px);background-repeat:repeat-x;background-size:30px 18px;bottom:-17px;content:"";filter:drop-shadow(0 3px 0 #042415);filter:drop-shadow(0 3px 0 var(--jungle-950));height:18px;left:0;position:absolute;right:0}.nav-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1180px;padding:.6rem 1.2rem}.site-title{align-items:center;color:#ffd43b;color:var(--banana);display:inline-flex;font-family:Fredoka One,Baloo\ 2,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);gap:.6rem;text-decoration:none;text-shadow:0 3px 0 #042415;text-shadow:0 3px 0 var(--jungle-950);transition:transform .18s ease}.site-title:hover{transform:rotate(-2deg) scale(1.03)}.site-logo{background:radial-gradient(circle at 35% 30%,#9fe25f,#1d8c41);background:radial-gradient(circle at 35% 30%,var(--lime-300),var(--leaf-600));border:3px solid #042415;border:3px solid var(--jungle-950);border-radius:50%;box-shadow:inset 0 -4px 0 #04241540;display:grid;flex:none;height:44px;place-items:center;width:44px}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;background:#9fe25f;background:var(--lime-300);border:3px solid #042415;border:3px solid var(--jungle-950);border-radius:999px;box-shadow:0 4px 0 #042415;box-shadow:0 4px 0 var(--jungle-950);color:#06321d;color:var(--jungle-900);display:inline-flex;font-size:.95rem;font-weight:800;gap:.4rem;letter-spacing:.4px;padding:.4rem 1rem;text-decoration:none;text-transform:uppercase;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.nav-link:hover{background:#ffd43b;background:var(--banana);box-shadow:0 6px 0 #042415;box-shadow:0 6px 0 var(--jungle-950);transform:translateY(-2px)}.nav-link:active{box-shadow:0 2px 0 #042415;box-shadow:0 2px 0 var(--jungle-950);transform:translateY(2px)}.nav-welcome{align-items:center;background:#04241566;border:3px dashed #ffd43b;border:3px dashed var(--banana);border-radius:999px;color:#fffaf0;color:var(--cream);display:inline-flex;font-size:.9rem;font-weight:700;gap:.45rem;letter-spacing:.4px;padding:.4rem 1rem;text-transform:uppercase}.page{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:0 auto;max-width:1180px;padding:3rem 1.2rem 4.5rem;width:100%}.display-title{color:#ffd43b;color:var(--banana);font-size:clamp(2.6rem,1.6rem + 5vw,5rem);line-height:1.04;text-align:center;text-shadow:0 5px 0 #5b3a1c,0 9px 0 #04241573,0 14px 26px #04241566;text-shadow:0 5px 0 var(--bark-deep),0 9px 0 #04241573,0 14px 26px #04241566}.section-title{font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem);text-shadow:0 4px 0 #06321d,0 8px 18px #04241573;text-shadow:0 4px 0 var(--jungle-900),0 8px 18px #04241573}.section-title,.tagline{color:#fffaf0;color:var(--cream);text-align:center}.tagline{font-size:clamp(1rem,.9rem + .5vw,1.3rem);font-weight:600;margin:0;max-width:34ch;text-shadow:0 2px 6px #0424158c}.leaf-divider{display:flex;filter:drop-shadow(0 3px 4px rgba(4,36,21,.4));font-size:1.9rem;gap:.9rem}.btn,.leaf-divider{align-items:center;justify-content:center}.btn{background:#ffd43b;background:var(--banana);border:4px solid #06321d;border:var(--border);border-radius:999px;box-shadow:0 6px 0 #c98a06,0 12px 22px #0424154d;box-shadow:0 6px 0 var(--banana-shadow),0 12px 22px #0424154d;color:#06321d;color:var(--jungle-900);cursor:pointer;display:inline-flex;font-family:Fredoka One,Baloo\ 2,system-ui,sans-serif;font-family:var(--font-display);font-size:1.15rem;gap:.5rem;letter-spacing:.6px;padding:.75rem 1.9rem;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.btn:hover:not(:disabled){box-shadow:0 9px 0 #c98a06,0 18px 28px #04241557;box-shadow:0 9px 0 var(--banana-shadow),0 18px 28px #04241557;transform:translateY(-3px) rotate(-1deg)}.btn:active:not(:disabled){box-shadow:0 2px 0 #c98a06,0 6px 14px #0424154d;box-shadow:0 2px 0 var(--banana-shadow),0 6px 14px #0424154d;transform:translateY(3px)}.btn:disabled{cursor:not-allowed;filter:grayscale(.5) brightness(.92)}.btn-xl{font-size:1.45rem;padding:1rem 2.6rem}.btn-leaf{background:#2eb257;background:var(--leaf-500);box-shadow:0 6px 0 #0a4527,0 12px 22px #0424154d;box-shadow:0 6px 0 var(--jungle-800),0 12px 22px #0424154d;color:#fffaf0;color:var(--cream)}.btn-leaf:hover:not(:disabled){box-shadow:0 9px 0 #0a4527,0 18px 28px #04241557;box-shadow:0 9px 0 var(--jungle-800),0 18px 28px #04241557}.btn-leaf:active:not(:disabled){box-shadow:0 2px 0 #0a4527,0 6px 14px #0424154d;box-shadow:0 2px 0 var(--jungle-800),0 6px 14px #0424154d}.btn-coral{background:#ff7a4d;background:var(--coral);box-shadow:0 6px 0 #e2552a,0 12px 22px #0424154d;box-shadow:0 6px 0 var(--coral-deep),0 12px 22px #0424154d;color:#fffaf0;color:var(--cream)}.btn-coral:hover:not(:disabled){box-shadow:0 9px 0 #e2552a,0 18px 28px #04241557;box-shadow:0 9px 0 var(--coral-deep),0 18px 28px #04241557}.btn-coral:active:not(:disabled){box-shadow:0 2px 0 #e2552a,0 6px 14px #0424154d;box-shadow:0 2px 0 var(--coral-deep),0 6px 14px #0424154d}.btn-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card{position:relative}.card,.panel{background:#fffaf0;background:var(--cream);border:4px solid #06321d;border:var(--border);border-radius:34px;border-radius:var(--radius-lg);box-shadow:0 10px 0 #0424152e,0 18px 34px #04241538;box-shadow:var(--shadow-card);color:#0f2e1c;color:var(--ink)}.panel{align-items:center;display:flex;flex-direction:column;gap:1.3rem;max-width:640px;padding:2rem clamp(1.2rem,.6rem + 2vw,2.4rem) 2.2rem;width:100%}.panel:before{content:"";inset:auto;position:absolute}.badge{align-items:center;background:#c8f08a;background:var(--lime-200);border:3px solid #06321d;border:3px solid var(--jungle-900);border-radius:999px;color:#06321d;color:var(--jungle-900);display:inline-flex;font-size:.85rem;font-weight:800;gap:.4rem;letter-spacing:.6px;padding:.35rem 1rem;text-transform:uppercase}.badge-banana{background:#ffd43b;background:var(--banana)}.badge-coral{background:#ff7a4d;background:var(--coral);color:#fffaf0;color:var(--cream)}.input{background:#f6ead3;background:var(--cream-shade);border:4px solid #06321d;border:var(--border);border-radius:999px;box-shadow:inset 0 4px 0 #04241517;color:#0f2e1c;color:var(--ink);font-family:Baloo\ 2,Trebuchet MS,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-weight:700;outline:none;padding:.85rem 1.2rem;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%}.input::placeholder{color:#9aa88f;font-weight:600}.input:focus{background:#fff;box-shadow:inset 0 4px 0 #04241512,0 0 0 5px #ffd43b99}.error-bubble{background:#ffe6dc;border:3px solid #e2552a;border:3px solid var(--coral-deep);border-radius:12px;border-radius:var(--radius-sm);color:#8c2f12;font-size:.98rem;font-weight:700;padding:.7rem 1.1rem;text-align:center;width:100%}.link-text{color:#0f5f33;color:var(--jungle-700);font-weight:700;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:4px}.link-text:hover{color:#e2552a;color:var(--coral-deep)}@keyframes sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg) scale(1)}50%{transform:rotate(1.5deg) scale(1.02)}}@keyframes pop-in{0%{opacity:0;transform:scale(.82) translateY(14px)}70%{transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.anim-sway{animation:sway 5s ease-in-out infinite;transform-origin:top center}.anim-float{animation:float-up 4.5s ease-in-out infinite}.anim-pop{animation:pop-in .5s cubic-bezier(.2,1.3,.5,1) both}.anim-swing{animation:swing 3.6s ease-in-out infinite;transform-origin:top center}.svg-sway{animation:sway 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}.svg-sway-slow{animation-direction:reverse;animation-duration:9.5s}.svg-float{animation:float-up 6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}.svg-float-slow{animation-direction:reverse;animation-duration:8.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}::selection{background:#ffd43b;background:var(--banana);color:#06321d;color:var(--jungle-900)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#06321d;background:var(--jungle-900)}::-webkit-scrollbar-thumb{background:#2eb257;background:var(--leaf-500);border:3px solid #06321d;border:3px solid var(--jungle-900);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9fe25f;background:var(--lime-300)}@media (max-width:620px){.nav-inner{align-items:center;flex-direction:column;gap:.7rem}.nav-links{justify-content:center}.page{padding-top:2rem}}.background{width:100%}.container{display:flex;justify-content:center}.container,.hero{align-items:center}.hero{grid-gap:clamp(1.5rem,1rem + 3vw,3.5rem);display:grid;gap:clamp(1.5rem,1rem + 3vw,3.5rem);grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);width:100%}.hero-copy{align-items:center;display:flex;flex-direction:column;gap:1.2rem}.hero-copy .display-title{margin:0}.monkey-stage{display:flex;justify-content:center;padding-top:2.2rem;position:relative}.vine-rope{background:linear-gradient(180deg,#15723a,#2eb257);border-radius:999px;box-shadow:inset -3px 0 0 #04241559;height:3.4rem;left:50%;position:absolute;top:0;transform:translateX(-50%);width:10px}.monkey-ring{animation:swing 4.6s ease-in-out infinite;display:inline-block;position:relative;transform-origin:50% -14%}.monkey-frame{aspect-ratio:1;background:radial-gradient(circle at 50% 28%,#fffaf0 0,#ffe9b8 62%,#ffd43b 100%);border:8px solid var(--jungle-900);border-radius:50%;box-shadow:0 12px 0 #04241540,0 24px 40px #04241559;display:grid;overflow:hidden;place-items:center;position:relative;width:clamp(220px,20vw + 120px,340px);z-index:1}.monkey-img{filter:drop-shadow(0 6px 10px rgba(4,36,21,.3));height:92%;object-fit:contain;width:92%}.monkey-leaf{background:var(--leaf-500);border:4px solid var(--jungle-900);border-radius:58px 10px 58px 10px;box-shadow:inset 0 -6px 0 #04241524;height:58px;position:absolute;width:112px;z-index:0}.monkey-leaf-left{left:-62px;top:34%;transform:rotate(-22deg)}.monkey-leaf-right{right:-62px;top:50%;transform:rotate(158deg)}.monkey-caption{bottom:-.8rem;box-shadow:0 4px 0 #04241540;left:50%;position:absolute;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;z-index:2}.menu-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:940px;width:100%}.menu-card{align-items:center;background:var(--cream);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--ink);display:flex;flex-direction:column;gap:.6rem;padding:1.6rem 1.2rem 1.4rem;text-align:center;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.menu-card:hover{box-shadow:0 16px 0 #0424152e,0 26px 44px #0424154d;transform:translateY(-7px) rotate(-1.4deg)}.menu-card:active{transform:translateY(0) rotate(0deg)}.menu-icon{border:var(--border);border-radius:50%;box-shadow:inset 0 -6px 0 #04241529;display:grid;font-size:2.3rem;height:80px;line-height:1;place-items:center;width:80px}.menu-title{color:var(--jungle-800);font-family:var(--font-display);font-size:1.6rem}.menu-sub{color:var(--ink-soft);font-size:.98rem;font-weight:600;margin:0}.menu-play .menu-icon{background:var(--banana)}.menu-practice .menu-icon{background:var(--lime-300)}.menu-login .menu-icon{background:var(--coral)}.menu-leaderboard .menu-icon{background:var(--sky)}.op-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:880px;width:100%}.op-card{align-items:center;background:var(--cream);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--ink);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem 1.3rem;position:relative;text-align:center;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}a.op-card:hover{box-shadow:0 16px 0 #0424152e,0 26px 44px #0424154d;transform:translateY(-7px) rotate(1.4deg)}.op-glyph{border:var(--border);border-radius:28px;box-shadow:inset 0 -7px 0 #04241529;color:var(--jungle-900);display:grid;font-size:3rem;height:92px;line-height:1;place-items:center;width:92px}.op-glyph,.op-label{font-family:var(--font-display)}.op-label{color:var(--jungle-800);font-size:1.35rem}.op-add .op-glyph{background:var(--banana)}.op-sub .op-glyph{background:var(--lime-300)}.op-mul .op-glyph{background:var(--coral);color:var(--cream)}.op-div .op-glyph{background:var(--sky)}.op-card.is-static{opacity:.95}.coming-soon{position:absolute;right:-.4rem;top:-.8rem;transform:rotate(8deg)}.game-panel{gap:1.5rem}.stat-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.stat{align-items:center;background:var(--lime-200);border:3px solid var(--jungle-900);border-radius:999px;color:var(--jungle-900);display:inline-flex;font-size:.95rem;font-weight:800;gap:.5rem;letter-spacing:.5px;padding:.45rem 1.1rem;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:1.3rem;letter-spacing:0}.stat-points{background:var(--banana)}.stat-timer{background:var(--sky)}.stat-timer.is-low{animation:wiggle .8s ease-in-out infinite;background:var(--coral);border-color:var(--coral-deep);color:var(--cream)}.question-bubble{background:var(--banana);border:var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 -8px 0 #0424151f;color:var(--jungle-900);font-family:var(--font-display);font-size:clamp(2rem,1.2rem + 4vw,3.4rem);line-height:1.1;padding:1.6rem 1.4rem;position:relative;text-align:center;width:100%}.question-bubble:after{border-left:18px solid #0000;border-right:18px solid #0000;border-top:26px solid var(--jungle-900);bottom:-26px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.question-bubble.is-waiting{background:var(--cream-shade);color:var(--ink-soft);font-size:clamp(1.1rem,.9rem + 1vw,1.5rem)}.answer-form{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;width:100%}.answer-form .input{flex:1 1 200px;font-family:var(--font-display);font-size:1.4rem;text-align:center}.hint{color:var(--ink-soft);font-size:.95rem;font-weight:600;margin:0;text-align:center}.board-card{background:repeating-linear-gradient(180deg,#5b3a1c29 0 2px,#5b3a1c00 2px 16px),linear-gradient(180deg,#b5762f,#8a5a2b);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--cream);display:flex;flex-direction:column;gap:1.2rem;max-width:680px;padding:1.8rem clamp(1rem,.6rem + 1.6vw,2rem) 2rem;width:100%}.board-head{border-bottom:4px dashed #fffaf066;font-family:var(--font-display);font-size:1.05rem;gap:1rem;justify-content:space-between;letter-spacing:.6px;padding-bottom:.8rem;text-transform:uppercase}.board-empty,.board-head{align-items:center;display:flex}.board-empty{background:#04241533;border:4px dashed #fffaf073;border-radius:var(--radius);flex-direction:column;gap:.9rem;padding:1.6rem 1rem;text-align:center}.board-empty p{font-size:1.05rem;font-weight:600;margin:0}.auth-panel{max-width:480px}.field-stack{display:flex;flex-direction:column;gap:.9rem;width:100%}.final-score{grid-gap:.1rem;background:radial-gradient(circle at 50% 30%,#fff3b8,var(--banana));border:6px solid var(--jungle-900);border-radius:50%;box-shadow:0 10px 0 var(--banana-shadow),0 20px 34px #0424154d;display:grid;gap:.1rem;height:180px;place-items:center;width:180px}.final-score-value{color:var(--jungle-900);font-family:var(--font-display);font-size:3.6rem;line-height:1}.final-score-label{color:var(--bark-deep);font-size:.9rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}@media (max-width:860px){.hero{grid-template-columns:1fr}.monkey-stage{order:-1}}
/*# sourceMappingURL=main.53991258.css.map*/