@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@300..800&display=swap";*,:before,:after{box-sizing:border-box}:root{--color-sky:#b3e5fc;--color-pink:#ffcdd2;--color-grass:#c8e6c9;--color-sun:#fff59d;--color-lavender:#e1bee7;--color-cream:#fffbf0;--color-dark:#4e342e;--color-light-brown:#8d6e63;--color-white:#fff;--color-sand:#ffe082;--color-border:#4e342e;--card-shadow:0 8px 0 var(--color-border);--button-shadow:0 5px 0 var(--color-border);--border-radius-card:28px;--border-radius-button:50px;color:var(--color-dark);background-color:var(--color-cream);font-family:Outfit,Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.5}.academy-mode{--color-sky:#0f766e;--color-pink:#581c87;--color-grass:#065f46;--color-sun:#9a3412;--color-lavender:#4c1d95;--color-cream:#090d16;--color-dark:#f8fafc;--color-light-brown:#64748b;--color-white:#0f172abf;--color-sand:#1e293b80;--color-border:#ffffff14;--card-shadow:0 20px 40px #0000004d;--button-shadow:0 8px 20px #0003;color:#f8fafc;background-color:#090d16}body{background-color:var(--color-cream);background-image:linear-gradient(#faf6f0e0,#faf6f0e0),url(/jungle_bg.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:0;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow-x:hidden}.academy-mode{color:#f8fafc;background-color:#090d16}.academy-mode body{background-image:linear-gradient(#090d16f0,#090d16f0),url(/jungle_bg.png)}.sky-decorations{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}@keyframes drift{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}.cloud-item{filter:blur(4px);opacity:.7;background:#fff9;border-radius:100px;animation:linear infinite drift;position:absolute}.academy-mode .cloud-item{filter:blur(8px);background:#ffffff05}.cloud-1{width:180px;height:60px;animation-duration:95s;top:10%}.cloud-2{width:250px;height:80px;animation-duration:130s;animation-delay:-30s;top:30%}.cloud-3{width:120px;height:45px;animation-duration:75s;animation-delay:-10s;top:60%}h1,h2,h3,h4,h5,h6{color:var(--color-dark);letter-spacing:.01em;margin-top:0;margin-bottom:.5em;font-family:Fredoka,sans-serif;font-weight:700}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.35rem}h4{font-size:1.15rem}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.3deg)}to{transform:translateY(0)rotate(0)}}@keyframes wobble{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-1deg)scale(1.015)}75%{transform:rotate(1deg)scale(1.015)}}@keyframes pulse-gently{0%,to{box-shadow:var(--card-shadow);transform:scale(1)}50%{transform:scale(1.01);box-shadow:0 16px 48px #3e272314}}.animate-float{animation:4s ease-in-out infinite float}.animate-wobble:hover{animation:.3s ease-in-out infinite wobble}.bubble-card{background:var(--color-white);border:3.5px solid var(--color-border);border-radius:var(--border-radius-card);box-shadow:var(--card-shadow);padding:24px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative}.bubble-card:hover{box-shadow:0 12px 0 var(--color-border);transform:translateY(-4px)}.academy-mode .bubble-card{border-width:1.5px}.academy-mode .bubble-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0006}.bubble-card.pink{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-pink) 100%)}.bubble-card.sky{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-sky) 100%)}.bubble-card.grass{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-grass) 100%)}.bubble-card.sun{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-sun) 100%)}.bubble-card.lavender{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-lavender) 100%)}.bubble-card.sand{background:linear-gradient(135deg, #ffffffd9 0%, var(--color-sand) 100%)}.bubble-button{color:var(--color-dark);background:var(--color-white);border:3.5px solid var(--color-border);border-radius:var(--border-radius-button);box-shadow:var(--button-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.bubble-button:before{content:"";background:linear-gradient(#ffffff59 0%,#fff0 100%);width:200%;height:45%;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.bubble-button:hover{box-shadow:0 8px 0 var(--color-border);filter:brightness(1.02);transform:translateY(-3px)}.bubble-button:active{box-shadow:0 2px 0 var(--color-border);transform:translateY(2px)}.bubble-button.pink{background:linear-gradient(135deg, #fff5f7 0%, var(--color-pink) 100%)}.bubble-button.sky{background:linear-gradient(135deg, #f0f8ff 0%, var(--color-sky) 100%)}.bubble-button.grass{background:linear-gradient(135deg, #f5fff7 0%, var(--color-grass) 100%)}.bubble-button.sun{background:linear-gradient(135deg, #fffffd 0%, var(--color-sun) 100%)}.bubble-button.lavender{background:linear-gradient(135deg, #faf8ff 0%, var(--color-lavender) 100%)}.bubble-button.sand{background:linear-gradient(135deg, #fffdf8 0%, var(--color-sand) 100%)}.bubble-button:disabled{cursor:not-allowed;color:#9e988f!important;box-shadow:none!important;background:#eae5dd!important;border-color:#0000!important;transform:none!important}.chat-prompt-btn{color:var(--color-dark);background:linear-gradient(135deg, #fffdf8 0%, var(--color-sand) 100%);border:2px solid var(--color-border);box-shadow:0 3px 0 var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:14px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:.72rem;font-weight:800;transition:all .2s;display:inline-flex}.chat-prompt-btn:hover{box-shadow:0 5px 0 var(--color-border);filter:brightness(1.02);transform:translateY(-2px)}.chat-prompt-btn:active{box-shadow:0 1px 0 var(--color-border);transform:translateY(1px)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.bubble-input,.bubble-select{width:100%;color:var(--color-dark);background:var(--color-white);border:3.5px solid var(--color-border);border-radius:16px;outline:none;padding:12px 18px;font-family:inherit;font-size:1.02rem;font-weight:600;transition:all .2s;box-shadow:inset 0 2px #0000000d}.bubble-input:focus,.bubble-select:focus{background:var(--color-sun)}.academy-mode .bubble-input,.academy-mode .bubble-select{border-width:1.5px}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;padding:24px;display:flex}.app-header{background:var(--color-white);border:3.5px solid var(--color-border);box-shadow:var(--card-shadow);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 28px;display:flex;position:relative}.logo-container{align-items:center;gap:14px;display:flex}.logo-icon{background:var(--color-sun);border:1.5px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.65rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0000000d}.logo-text{color:var(--color-dark);margin:0;font-size:1.85rem;font-weight:800}.game-grid{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:24px;display:grid}@media (width<=960px){.game-grid{grid-template-columns:1fr}}.map-node{cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.map-node:hover{filter:drop-shadow(0 8px 16px #00000014);transform:scale(1.15)translateY(-3px)}.map-node.locked{cursor:not-allowed;opacity:.55}.flower-container{justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative}.flower-stem{background:#689f38;border:1px solid #0000001a;border-radius:3px;width:4.5px;height:20px;position:absolute;bottom:6px}.flower-head{background:var(--color-pink);z-index:2;border-radius:50%;width:24px;height:24px;transition:all .4s;position:absolute;top:8px;box-shadow:0 2px 6px #0000001a}.flower-center{background:var(--color-sun);z-index:3;border-radius:50%;width:9px;height:9px;position:absolute;top:15px}.flower-petal{background:var(--color-pink);z-index:1;border-radius:50%;width:11px;height:11px;position:absolute}.petal-1{top:1px;left:14px}.petal-2{top:14px;right:1px}.petal-3{bottom:1px;left:14px}.petal-4{top:14px;left:1px}.speech-bubble{background:var(--color-white);border:1.5px solid var(--color-border);box-shadow:var(--card-shadow);border-radius:20px;padding:16px 20px;position:relative}.speech-bubble:after,.speech-bubble:before{content:"";border-style:solid;width:0;display:block;position:absolute}.speech-bubble:after{border-color:var(--color-white) transparent;z-index:10;border-width:6px 6px 0;bottom:-12px;left:24px}.speech-bubble:before{border-color:var(--color-border) transparent;z-index:9;border-width:7.5px 7.5px 0;bottom:-15px;left:22px}.academy-mode .speech-bubble:after{border-color:#1e293b #0000}.speech-bubble.bot-bubble:after{bottom:-12px;left:auto;right:32px}.speech-bubble.bot-bubble:before{bottom:-15px;left:auto;right:30px}@keyframes spin{to{transform:rotate(360deg)}}.screen-fade-in{animation:.45s cubic-bezier(.175,.885,.32,1.15) forwards pop-in}.teacher-console-drawer{background:linear-gradient(135deg, var(--color-white) 0%, var(--color-sand) 100%);border:1.5px solid var(--color-border);box-shadow:var(--card-shadow);border-radius:28px;margin-top:32px;padding:24px}.console-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:.9rem}.console-table th{background:var(--color-dark);color:var(--color-cream);text-align:left;border-bottom:2px solid var(--color-border);padding:10px;font-weight:700}.console-table td{background:var(--color-white);border-bottom:1.5px solid var(--color-border);color:var(--color-dark);padding:10px;font-weight:600}.console-table tr:nth-child(2n) td{background:var(--color-sand)}.confetti-wrapper{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti-particle{border-radius:4px;width:12px;height:12px;animation:2s ease-out infinite confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(300px)rotate(360deg)}}.playroom-cell{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.playroom-cell:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 6px 12px #0000000f;background-color:#fffde7!important}@keyframes bubble-pulsate{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.playroom-pulse{animation:2.5s ease-in-out infinite bubble-pulsate}.facing-right-avatar{display:inline-block;transform:scaleX(-1)}.leaderboard-card{height:680px!important}@media (width<=960px){.leaderboard-card{height:auto!important}}