@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Nunito:wght@300..900&display=swap";:root{--color-frog-green:#58cc02;--color-frog-green-hover:#61e002;--color-frog-green-dark:#3b9c00;--color-pond-blue:#29b6f6;--color-pond-blue-dark:#0288d1;--color-pond-bg-light:#f1fcf4;--color-charcoal:#1f2d23;--color-cream:#fafdfb;--color-border:#e5ede7;--color-streak:#ff9800;--color-gem:#00bcd4;--color-heart:#ff5252;--color-correct-bg:#d7ffb8;--color-correct-text:#58a700;--color-correct-border:#84d300;--color-incorrect-bg:#ffdfe0;--color-incorrect-text:#ea2b2b;--color-incorrect-border:#ff9396;--color-locked:#afb8b1;--color-locked-bg:#e5e8e6;--font-family:"Fredoka", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:260px}body.dark-mode{--color-pond-bg-light:#0d1611;--color-cream:#14221a;--color-charcoal:#f0f7f2;--color-border:#213529;--color-correct-bg:#203e13;--color-correct-text:#8bf03b;--color-correct-border:#4d8f16;--color-incorrect-bg:#441719;--color-incorrect-text:#ff7679;--color-incorrect-border:#972e32;--color-locked:#5d6760;--color-locked-bg:#232d26}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--color-pond-bg-light);color:var(--color-charcoal);transition:background-color .3s,color .3s;overflow-x:hidden}#root{width:100vw;min-height:100vh;display:flex}.app-container{width:100%;display:flex;position:relative}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:1000px;min-height:100vh;margin-right:auto;padding:40px 40px 80px}@media (width<=900px){.main-content{margin-left:0;padding:20px 20px 100px}}.sidebar-desktop{width:var(--sidebar-width);background-color:var(--color-cream);border-right:2px solid var(--color-border);z-index:100;flex-direction:column;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-emoji{filter:drop-shadow(0 4px 6px #0000001a);font-size:2.2rem;animation:4s ease-in-out infinite logo-bounce}.logo-text{color:var(--color-frog-green-dark);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:12px;display:flex}.nav-item{cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:14px 20px;transition:all .2s;display:flex}.nav-icon{font-size:1.5rem}.nav-label{color:#77847a;font-size:1.1rem;font-weight:700}.nav-item:hover{background-color:#58cc0214}.nav-item.active{border-color:var(--color-frog-green);background-color:#58cc021f}.nav-item.active .nav-label{color:var(--color-frog-green-dark)}.sidebar-footer-stats{border-top:2px solid var(--color-border);flex-direction:column;gap:10px;padding-top:20px;display:flex}.footer-stat-row{color:#66756a;align-items:center;gap:12px;font-size:1rem;display:flex}.footer-stat-row strong{color:var(--color-charcoal)}.sidebar-mobile{background-color:var(--color-cream);border-top:2px solid var(--color-border);z-index:1000;justify-content:space-around;align-items:center;height:72px;padding:8px 16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.mobile-nav-item{cursor:pointer;color:#77847a;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.mobile-nav-icon{font-size:1.4rem}.mobile-nav-label{font-size:.75rem;font-weight:700}.mobile-nav-item.active{color:var(--color-frog-green-dark);transition:transform .2s;transform:translateY(-2px)}@media (width<=900px){.sidebar-desktop{display:none}.sidebar-mobile{display:flex}}.top-stats-bar{background-color:var(--color-cream);border:2px solid var(--color-border);border-radius:20px;justify-content:flex-end;align-items:center;gap:24px;margin-bottom:30px;padding:12px 24px;display:flex;box-shadow:0 4px 12px #00000005}.stat-badge{cursor:pointer;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;transition:transform .2s;display:flex}.stat-badge:hover{transform:scale(1.05)}.stat-badge.streak{color:var(--color-streak)}.stat-badge.gems{color:var(--color-gem)}.stat-badge.hearts{color:var(--color-heart)}.mode-toggle-btn{cursor:pointer;background:0 0;border:none;font-size:1.3rem;transition:transform .2s}.mode-toggle-btn:hover{transform:rotate(20deg)scale(1.1)}@media (width<=600px){.top-stats-bar{justify-content:space-between;gap:10px;padding:8px 16px}}.path-map-container{flex-direction:column;align-items:center;width:100%;display:flex}.subject-header{text-align:center;width:100%;margin-bottom:24px}.main-title{color:var(--color-charcoal);margin-bottom:20px;font-size:2rem;font-weight:800}.subject-tabs{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.subject-tab-btn{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom:4px solid var(--color-border);cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:12px 24px;transition:all .15s;display:flex}.subject-tab-btn:hover{background-color:#00000005;transform:translateY(-2px)}.subject-tab-btn.active{background-color:var(--color-cream);border-color:var(--subject-color);border-bottom-width:4px;box-shadow:0 4px 12px #0000000d}.subject-tab-btn.active .subject-label{color:var(--subject-text-color);font-weight:800}.subject-icon{font-size:1.4rem}.subject-label{color:#77847a;font-size:1.05rem;font-weight:700}.subject-info-banner{background-color:var(--color-cream);border:2px solid var(--color-border);border-left:8px solid var(--color-frog-green);text-align:center;border-radius:16px;width:100%;max-width:600px;margin-bottom:40px;padding:16px 20px;box-shadow:0 4px 12px #00000005}.subject-desc{color:#5d6d62;font-size:1.05rem;line-height:1.4}.path-road{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:600px;padding-bottom:60px;display:flex;position:relative}.path-node-wrapper{z-index:5;justify-content:center;width:100%;display:flex;position:relative}.pos-center{transform:translate(0)}.pos-right{transform:translate(70px)}.pos-left{transform:translate(-70px)}@media (width<=480px){.pos-right{transform:translate(45px)}.pos-left{transform:translate(-45px)}}.path-line{background-color:var(--color-border);z-index:-1;width:6px;height:48px;position:absolute;top:75px;left:50%;transform:translate(-3px)}.path-line.completed{background-color:var(--subject-color)}.path-node{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:76px;height:72px;display:flex;position:relative}.node-inner{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:800;transition:transform .1s;display:flex;box-shadow:0 6px #00000026}.path-node:active .node-inner{transform:translateY(4px);box-shadow:0 2px #00000026}.path-node.locked .node-inner{background-color:var(--color-locked-bg);color:var(--color-locked);box-shadow:0 6px #b3b7b4}.path-node.active .node-inner{background-color:var(--subject-color);color:#fff;box-shadow:0 6px 0 var(--subject-text-color)}.path-node.completed .node-inner{color:#fff;background-color:#ffd54f;box-shadow:0 6px #f5b000}.pulse-ring{border:4px solid var(--subject-color);pointer-events:none;border-radius:50%;animation:2s infinite node-pulse;position:absolute;inset:-10px}.node-popup-card{background-color:var(--color-cream);border:2px solid var(--color-border);z-index:20;border-radius:20px;flex-direction:column;width:290px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popup-bounce;display:flex;position:absolute;top:-245px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 25px #0000001f}.popup-arrow{background-color:var(--color-cream);border-right:2px solid var(--color-border);border-bottom:2px solid var(--color-border);z-index:-1;width:18px;height:18px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.node-popup-card .popup-header{color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.popup-header h3{font-size:.95rem;font-weight:800}.popup-subject-tag{background-color:#ffffff40;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:700}.node-popup-card .popup-body{flex-direction:column;gap:8px;padding:16px;display:flex}.popup-title{color:var(--color-charcoal);font-size:1.1rem;font-weight:800}.popup-description{color:#66756a;font-size:.85rem;line-height:1.4}.popup-status{margin:4px 0}.status-badge{border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.status-badge.completed{color:#f57f17;background-color:#fff9c4}.status-badge.locked{color:#757575;background-color:#f5f5f5}.status-badge.active{color:#2e7d32;background-color:#e8f5e9}.popup-warning{color:var(--color-heart);text-align:center;background-color:#ffebee;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.8rem}.popup-cta-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:14px;margin-top:8px;padding:12px;font-size:1rem;font-weight:800;transition:transform .1s;box-shadow:0 4px #0000001f}.popup-cta-btn:active:not(.disabled){transform:translateY(2px);box-shadow:0 2px #0000001f}.popup-cta-btn.disabled{color:var(--color-locked);box-shadow:none;cursor:not-allowed;background-color:var(--color-locked-bg)!important}.popup-mascot-footer{border-top:1px solid var(--color-border);background-color:#00000003;align-items:center;gap:8px;padding:10px 16px;display:flex}.popup-mascot-quote{color:#556057;font-size:.75rem;font-style:italic;line-height:1.3}.quiz-container{background-color:var(--color-cream);z-index:10000;flex-direction:column;width:100vw;min-height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.quiz-header{align-items:center;gap:20px;width:100%;max-width:800px;margin:0 auto 24px;padding:10px 0;display:flex}.quiz-close-btn{color:#aeb8b0;cursor:pointer;background:0 0;border:none;font-size:1.6rem;transition:color .2s}.quiz-close-btn:hover{color:var(--color-charcoal)}.progress-bar-container{background-color:var(--color-border);border-radius:12px;flex:1;height:16px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#7ad836,#58cc02);border-radius:12px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-shine{background-color:#ffffff4d;border-radius:10px;height:4px;position:absolute;top:2px;left:2%;right:2%}.quiz-hearts{color:var(--color-heart);align-items:center;gap:6px;font-size:1.2rem;font-weight:800;display:flex}.quiz-main{align-items:center;gap:40px;width:100%;max-width:800px;margin:auto;padding-bottom:140px;display:flex}@media (width<=768px){.quiz-main{flex-direction:column;gap:20px;padding-bottom:160px}}.quiz-mascot-side{flex-direction:column;flex:.8;align-items:center;gap:16px;display:flex}.quiz-mascot-balloon{background-color:var(--color-cream);border:2px solid var(--color-border);text-align:center;border-radius:16px;max-width:220px;padding:12px 16px;font-size:.95rem;font-weight:700;position:relative;box-shadow:0 4px 10px #00000008}.quiz-mascot-balloon:after{content:"";background-color:var(--color-cream);border-top:2px solid var(--color-border);border-right:2px solid var(--color-border);width:14px;height:14px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)rotate(45deg)}@media (width<=768px){.quiz-mascot-balloon:after{border-top:2px solid var(--color-border);border-right:2px solid var(--color-border);border-bottom:none;border-left:none;top:-8px;left:50%;right:auto;transform:translate(-50%)rotate(-45deg)}}.quiz-question-side{flex:1.2;width:100%}.question-card{width:100%}.question-type-tag{color:var(--color-pond-blue-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:800;display:block}.question-text{color:var(--color-charcoal);white-space:pre-line;margin-bottom:24px;font-size:1.5rem;font-weight:800;line-height:1.35}.quiz-options-list{flex-direction:column;gap:12px;display:flex}.option-btn{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom:4px solid var(--color-border);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .15s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--color-locked);background-color:#00000003}.option-letter{border:2px solid var(--color-border);color:#77847a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:800;display:flex}.option-content{color:var(--color-charcoal);flex:1;font-size:1rem;font-weight:700}.option-btn.selected{border-color:var(--color-pond-blue);border-bottom-color:var(--color-pond-blue-dark);background-color:#29b6f614}.option-btn.selected .option-letter{border-color:var(--color-pond-blue);background-color:var(--color-pond-blue);color:#fff}.option-btn.correct{border-color:var(--color-correct-border);border-bottom-color:var(--color-correct-text);background-color:var(--color-correct-bg)}.option-btn.correct .option-letter{border-color:var(--color-correct-text);background-color:var(--color-correct-text);color:#fff}.option-btn.incorrect{border-color:var(--color-incorrect-border);border-bottom-color:var(--color-incorrect-text);background-color:var(--color-incorrect-bg)}.option-btn.incorrect .option-letter{border-color:var(--color-incorrect-text);background-color:var(--color-incorrect-text);color:#fff}.option-btn.disabled{opacity:.6;cursor:not-allowed}.quiz-fill-container{flex-direction:column;gap:12px;display:flex}.quiz-fill-input{border:2px solid var(--color-border);background-color:var(--color-cream);width:100%;color:var(--color-charcoal);border-bottom-width:4px;border-radius:16px;outline:none;padding:16px 20px;font-size:1.15rem;font-weight:700;transition:all .2s}.quiz-fill-input:focus{border-color:var(--color-pond-blue)}.quiz-fill-input.correct{border-color:var(--color-correct-border);background-color:var(--color-correct-bg)}.quiz-fill-input.incorrect{border-color:var(--color-incorrect-border);background-color:var(--color-incorrect-bg)}.fill-help-text{color:#77847a;font-size:.85rem;font-style:italic}.quiz-footer-banner{background-color:var(--color-cream);border-top:2px solid var(--color-border);z-index:1000;padding:24px 30px;transition:background-color .25s,border-color .25s;position:fixed;bottom:0;left:0;right:0}.footer-banner-content{justify-content:space-between;align-items:center;gap:20px;max-width:800px;margin:0 auto;display:flex}@media (width<=600px){.footer-banner-content{text-align:center;flex-direction:column;align-items:stretch}}.banner-placeholder{color:#77847a;font-size:1.05rem;font-weight:700}.quiz-footer-banner.correct{background-color:var(--color-correct-bg);border-top-color:var(--color-correct-border)}.quiz-footer-banner.correct .banner-result-title{color:var(--color-correct-text);margin-bottom:6px;font-size:1.25rem;font-weight:800}.quiz-footer-banner.incorrect{background-color:var(--color-incorrect-bg);border-top-color:var(--color-incorrect-border)}.quiz-footer-banner.incorrect .banner-result-title{color:var(--color-incorrect-text);margin-bottom:6px;font-size:1.25rem;font-weight:800}.banner-correct-answer{color:var(--color-incorrect-text);margin-bottom:6px;font-size:1rem}.banner-explanation{color:var(--color-charcoal);margin-top:4px;font-size:.9rem;line-height:1.4}.quiz-check-btn,.quiz-continue-btn{cursor:pointer;border:none;border-radius:16px;padding:16px 40px;font-size:1.1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0000001a}.quiz-check-btn{background-color:var(--color-frog-green);color:#fff;box-shadow:0 4px 0 var(--color-frog-green-dark)}.quiz-check-btn:disabled{background-color:var(--color-border);color:#aeb8b0;box-shadow:none;cursor:not-allowed}.quiz-check-btn:active:not(:disabled){box-shadow:0 2px 0 var(--color-frog-green-dark);transform:translateY(2px)}.quiz-continue-btn{background-color:var(--color-frog-green);color:#fff;box-shadow:0 4px 0 var(--color-frog-green-dark)}.quiz-footer-banner.incorrect .quiz-continue-btn{background-color:var(--color-incorrect-text);box-shadow:0 4px #9c1515}.modal-overlay{z-index:11000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-cream);border:2px solid var(--color-border);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:28px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popup-bounce;box-shadow:0 12px 30px #00000026}.modal-content h3{color:var(--color-charcoal);margin-bottom:12px;font-size:1.4rem;font-weight:800}.modal-content p{color:#66756a;margin-bottom:24px;font-size:.95rem;line-height:1.5}.modal-actions{gap:12px;display:flex}.modal-btn-cancel,.modal-btn-confirm{cursor:pointer;border:none;border-radius:16px;flex:1;padding:14px;font-size:1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0000001a}.modal-btn-cancel{background-color:var(--color-border);color:#556057}.modal-btn-confirm{background-color:var(--color-heart);color:#fff;box-shadow:0 4px #bc3a3a}.modal-btn-confirm:active,.modal-btn-cancel:active{transform:translateY(2px);box-shadow:0 2px #0000001a}.quiz-summary-card{background-color:var(--color-cream);border:2px solid var(--color-border);text-align:center;border-radius:28px;width:100%;max-width:500px;margin:auto;padding:40px;box-shadow:0 12px 30px #0000000a}.summary-title{color:var(--color-frog-green-dark);margin-top:15px;margin-bottom:8px;font-size:2rem;font-weight:900}.summary-subtitle{color:#66756a;margin-bottom:30px;font-size:1.05rem}.summary-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.summary-stat-box{background-color:var(--color-cream);border:2px solid var(--color-border);border-radius:18px;flex-direction:column;align-items:center;padding:16px 10px;display:flex}.summary-stat-icon{margin-bottom:8px;font-size:1.6rem}.summary-stat-value{color:var(--color-charcoal);margin-bottom:4px;font-size:1.3rem;font-weight:800}.summary-stat-label{color:#77847a;font-size:.75rem;font-weight:700}.perfect-score-banner{color:#f57f17;background:linear-gradient(135deg,#fff9c4,#fff59d);border:2px solid #fbc02d;border-radius:16px;margin-bottom:30px;padding:12px;font-size:.95rem;font-weight:800;animation:2s infinite bounce}.quiz-btn-primary{background-color:var(--color-frog-green);color:#fff;cursor:pointer;width:100%;box-shadow:0 6px 0 var(--color-frog-green-dark);border:none;border-radius:16px;padding:18px;font-size:1.15rem;font-weight:800;transition:transform .1s}.quiz-btn-primary:active{box-shadow:0 2px 0 var(--color-frog-green-dark);transform:translateY(4px)}.failed-actions{width:100%;margin-top:24px}.shop-container{width:100%}.shop-header{border-bottom:2px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:24px;display:flex}.shop-title{color:var(--color-charcoal);margin-bottom:6px;font-size:2rem;font-weight:800}.shop-subtitle{color:#66756a;font-size:1.05rem}.shop-gems-display{background-color:var(--color-cream);border:2px solid var(--color-border);border-radius:20px;align-items:center;gap:8px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #00000005}.shop-gems-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.8rem}.shop-gems-value{color:var(--color-gem);font-size:1.5rem;font-weight:800}.shop-gems-label{color:#77847a;font-size:.95rem;font-weight:700}.shop-section{margin-bottom:40px}.shop-section-title{color:var(--color-charcoal);margin-bottom:16px;font-size:1.4rem;font-weight:800}.shop-section-desc{color:#66756a;margin-bottom:20px;font-size:.95rem}.shop-items-grid{flex-direction:column;gap:16px;display:flex}.shop-item-card{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:20px;align-items:center;gap:20px;padding:20px;transition:transform .2s;display:flex}@media (width<=600px){.shop-item-card{text-align:center;flex-direction:column;padding:24px}}.shop-item-emoji{filter:drop-shadow(0 4px 6px #0000001a);font-size:2.5rem}.shop-item-details{flex:1}.shop-item-details h3{margin-bottom:4px;font-size:1.15rem;font-weight:800}.shop-item-details p{color:#66756a;margin-bottom:8px;font-size:.9rem;line-height:1.4}.shop-item-cost{color:var(--color-gem);align-items:center;gap:4px;font-size:1rem;display:flex}.shop-buy-btn{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom:4px solid var(--color-border);cursor:pointer;color:var(--color-frog-green-dark);border-radius:14px;padding:12px 24px;font-weight:800;transition:all .1s}.shop-buy-btn:hover:not(.disabled){background-color:#58cc020d}.shop-buy-btn.disabled{background-color:var(--color-border);color:#aeb8b0;cursor:not-allowed;border-bottom-width:2px;transform:none}.shop-buy-btn.equip{background-color:var(--color-pond-blue);color:#fff;border-color:var(--color-pond-blue);border-bottom-color:var(--color-pond-blue-dark)}.shop-buy-btn.equip:hover{background-color:var(--color-pond-blue-dark)}.shop-buy-btn.active{background-color:var(--color-frog-green);color:#fff;border-color:var(--color-frog-green);border-bottom-color:var(--color-frog-green-dark)}.outfits-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.outfit-card{background-color:var(--color-cream);border:2px solid var(--color-border);text-align:center;border-bottom-width:4px;border-radius:24px;flex-direction:column;align-items:center;padding:20px;transition:all .2s;display:flex}.outfit-card.active-outfit{border-color:var(--color-frog-green);box-shadow:0 8px 20px #58cc0214}.outfit-preview{justify-content:center;align-items:center;height:120px;margin-bottom:12px;display:flex}.outfit-info h3{margin-bottom:6px;font-size:1.1rem;font-weight:800}.outfit-info p{color:#66756a;height:48px;margin-bottom:16px;font-size:.8rem;line-height:1.4;overflow:hidden}.outfit-info .shop-buy-btn{width:100%}.leaderboard-container{width:100%;max-width:650px;margin:0 auto}.leaderboard-header{align-items:center;gap:24px;margin-bottom:30px;padding-bottom:24px;display:flex}.league-trophy-box{filter:drop-shadow(0 4px 8px #0000001a);font-size:3.5rem}.league-title{color:var(--color-charcoal);margin-bottom:4px;font-size:2rem;font-weight:800}.league-desc{color:#66756a;font-size:1.05rem;line-height:1.4}.leaderboard-board{background-color:var(--color-cream);border:2px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000005}.board-header-row{border-bottom:2px solid var(--color-border);color:#77847a;text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:.85rem;font-weight:800;display:flex}.board-row{border-bottom:1px solid var(--color-border);align-items:center;padding:16px 24px;transition:background-color .2s;display:flex}.board-row:last-child{border-bottom:none}.board-row.player-row{background-color:#58cc0214}.board-row.player-row .user-name-text{color:var(--color-frog-green-dark);font-weight:800}.col-rank{justify-content:center;width:70px;font-size:1.15rem;font-weight:800;display:flex}.col-user{flex:1}.col-xp{text-align:right;width:100px}.user-info-cell{align-items:center;gap:16px;display:flex}.leaderboard-avatar-wrapper{background-color:#00000005;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.user-name-text{color:var(--color-charcoal);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.player-tag{background-color:var(--color-frog-green);color:#fff;text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:.7rem;font-weight:800}.xp-value-text{color:#556057;font-size:1.05rem;font-weight:800}.rank-number{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.rank-number.r-1,.rank-number.r-2,.rank-number.r-3{font-size:1.4rem}.leaderboard-footer{margin-top:24px}.footer-tip{background-color:#00bcd40d;border:1px solid #00bcd426;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.footer-tip span{font-size:1.5rem}.footer-tip p{color:#455a64;font-size:.85rem;line-height:1.4}.profile-container{width:100%}.profile-header-card{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:28px;align-items:center;gap:30px;margin-bottom:40px;padding:30px;display:flex;box-shadow:0 4px 15px #00000005}@media (width<=600px){.profile-header-card{text-align:center;flex-direction:column;gap:16px;padding:24px}}.profile-username{color:var(--color-charcoal);margin-bottom:4px;font-size:1.8rem;font-weight:800}.profile-tagline{color:#66756a;margin-bottom:12px;font-size:1.05rem}.active-outfit-badge{background-color:var(--color-border);color:#4a544d;border-radius:12px;padding:6px 12px;font-size:.8rem;display:inline-block}.section-title{color:var(--color-charcoal);margin-bottom:20px;font-size:1.4rem;font-weight:800}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.profile-stats-grid .stat-box{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}.profile-stats-grid .stat-icon{font-size:2.2rem}.stat-details{flex-direction:column;display:flex}.stat-details strong{color:var(--color-charcoal);font-size:1.4rem;font-weight:800}.stat-details span{color:#77847a;font-size:.85rem;font-weight:700}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.achievement-card{background-color:var(--color-cream);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.achievement-icon-box{border:2px solid var(--color-border);background-color:#00000005;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.8rem;display:flex;position:relative}.achievement-lock-overlay{border:1px solid var(--color-border);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.75rem;display:flex;position:absolute;bottom:-4px;right:-4px}.achievement-card.locked{opacity:.55}.achievement-card.locked .achievement-icon-box{filter:grayscale()}.achievement-info h3{margin-bottom:2px;font-size:1.05rem;font-weight:800}.achievement-info p{color:#66756a;font-size:.8rem;line-height:1.35}@keyframes logo-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.05)}}@keyframes node-pulse{0%{opacity:.8;transform:scale(.95);box-shadow:0 0 #58cc0266}70%{opacity:0;transform:scale(1.1);box-shadow:0 0 0 16px #58cc0200}to{opacity:0;transform:scale(.95);box-shadow:0 0 #58cc0200}}@keyframes popup-bounce{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}70%{transform:translate(-50%)translateY(-5px)scale(1.03)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scaleY(.97)scaleX(1.02)}}.animate-frog-idle{animation:3s ease-in-out infinite breathing}@keyframes frog-bounce-anim{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-15px)scaleY(1.05)scaleX(.95)}60%{transform:translateY(0)scaleY(.95)scaleX(1.05)}}.animate-frog-bounce{animation:.8s ease-in-out infinite frog-bounce-anim}@keyframes frog-dance-anim{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(-8deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-12px)rotate(8deg)}}.animate-frog-dance{animation:1s linear infinite frog-dance-anim}@keyframes frog-sad-anim{0%,to{transform:rotate(0)scale(.95)}50%{transform:rotate(-4deg)scale(.92)}}.animate-frog-sad{animation:2.5s ease-in-out infinite frog-sad-anim}@keyframes gems-spin-anim{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(15deg)}}.animate-gem-spin{animation:3s ease-in-out infinite gems-spin-anim}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-shake{animation:.4s ease-in-out shake}@keyframes thinking-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-thinking-bubbles{transform-origin:50%;animation:2s ease-in-out infinite thinking-bob}@keyframes zzz-anim{0%{opacity:0;transform:translate(0)scale(.6)}50%{opacity:.8}to{opacity:0;transform:translate(12px,-24px)scale(1.1)}}.animate-zzz-float text{transform-origin:0 100%;animation:2.5s linear infinite zzz-anim}.animate-zzz-float .z1{animation-delay:0s}.animate-zzz-float .z2{animation-delay:.8s}.animate-zzz-float .z3{animation-delay:1.6s}@keyframes sleep-breath{0%,to{transform:scale(1)}50%{transform:scaleY(.95)scaleX(1.02)}}.animate-frog-sleep{animation:4s ease-in-out infinite sleep-breath}.fireflies-container{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.firefly{filter:blur(1px)drop-shadow(0 0 4px #d4fc34);opacity:0;background-color:#d4fc34;border-radius:50%;width:6px;height:6px;animation:15s ease-in-out infinite firefly-glow-fly;position:absolute}.firefly:first-child{animation-delay:0s;top:20%;left:10%}.firefly:nth-child(2){animation-delay:3s;top:60%;left:30%}.firefly:nth-child(3){animation-delay:6s;top:15%;left:70%}.firefly:nth-child(4){animation-delay:9s;top:75%;left:85%}.firefly:nth-child(5){animation-delay:12s;top:40%;left:50%}@keyframes firefly-glow-fly{0%,to{opacity:0;transform:translate(0)scale(1)}30%{opacity:.8;transform:translate(15px,-30px)scale(1.2)}60%{opacity:.3;transform:translate(-10px,-60px)scale(.8)}80%{opacity:.7;transform:translate(25px,-90px)scale(1.1)}}