:root{--bg-dark:#0a0a2e;--bg-card:#1e1e64b3;--bg-card-solid:#1a1a5e;--purple-deep:#2d1b69;--purple-mid:#4a2c8a;--purple-light:#7c5cbf;--blue-deep:#1a237e;--blue-mid:#283593;--blue-bright:#3f51b5;--gold:#ffc107;--gold-light:#ffd54f;--gold-dark:#f9a825;--green:#4caf50;--green-light:#81c784;--red:#ef5350;--red-light:#ef9a9a;--coral:#ff7043;--white:#fff;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--font-display:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-glow:0 0 30px #7c5cbf4d;--shadow-card:0 8px 32px #0000004d;--shadow-button:0 4px 15px #0000004d;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(135deg, var(--bg-dark) 0%, var(--purple-deep) 40%, #1a0a3e 70%, #0d1b3e 100%);font-size:18px;font-weight:600;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.floating-numbers{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-number{font-family:var(--font-display);color:#ffffff0f;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:700;animation:20s linear infinite floatAround;position:absolute}.app-container{z-index:1;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.audio-toggle-btn{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;top:16px;right:16px}.audio-toggle-btn:hover{background:#fff3;transform:scale(1.1)}.home-btn{z-index:100;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex;position:fixed;top:16px;left:16px}.home-btn:hover{background:#fff3;transform:scale(1.05)}.journey-bar{z-index:90;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#0a0a2ed9;border:1px solid #ffffff14;border-top:none;align-items:center;gap:0;padding:10px 24px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.journey-step{align-items:center;gap:6px;display:flex;position:relative}.journey-step-dot{width:28px;height:28px;color:var(--text-muted);transition:var(--transition);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.journey-step.active .journey-step-dot{background:var(--gold);border-color:var(--gold);color:#1a1a2e;box-shadow:0 0 12px #ffc10766}.journey-step.completed .journey-step-dot{background:var(--green);border-color:var(--green);color:#fff}.journey-step-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600}.journey-step.active .journey-step-label{color:var(--gold)}.journey-step.completed .journey-step-label{color:var(--green-light)}.journey-connector{background:#ffffff26;width:20px;height:2px;margin:0 4px}.journey-connector.filled{background:var(--green)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #ffffff1a;padding:40px}.btn{border-radius:var(--radius-md);font-family:var(--font-display);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-button);text-shadow:0 1px 2px #0003;border:none;justify-content:center;align-items:center;gap:10px;min-width:180px;padding:18px 36px;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1a2e;text-shadow:none}.btn-secondary{color:var(--blue-deep);text-shadow:none;background:#fffffff2}.btn-green{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32)}.btn-outline{color:var(--text-primary);background:0 0;border:3px solid #fff6;font-weight:700}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-sm{min-width:auto;padding:12px 24px;font-size:1.1rem;font-weight:700}.btn-lg{padding:24px 56px;font-size:1.8rem;font-weight:700}.progress-dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.progress-dot{width:12px;height:12px;transition:var(--transition);background:#fff3;border-radius:50%}.progress-dot.active{background:var(--gold);box-shadow:0 0 8px var(--gold)}.progress-dot.completed{background:var(--green)}.progress-bar-container{flex-direction:column;gap:4px;width:100%;display:flex}.progress-bar-label{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.progress-bar-track{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--purple-light), var(--gold));height:100%;transition:width .5s}.hud{justify-content:space-between;align-items:center;width:100%;max-width:700px;margin-bottom:8px;padding:12px 0;display:flex}.hud-item{border-radius:var(--radius-full);background:#ffffff14;align-items:center;gap:6px;padding:6px 16px;font-size:1rem;font-weight:700;display:flex}.hearts{gap:4px;font-size:1.4rem;display:flex}.question-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;background:#1e1e5099;border:1px solid #ffffff14;width:100%;max-width:700px;padding:40px;position:relative}.question-text{font-family:var(--font-display);text-shadow:0 2px 6px #0006;margin:16px 0 24px;font-size:1.8rem;font-weight:700;line-height:1.6}.options-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.option-btn{border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:var(--transition);text-align:center;text-shadow:0 2px 4px #0000004d;background:#ffffff14;border:3px solid #fff3;padding:20px;font-size:1.5rem;font-weight:700}.option-btn:hover:not(.disabled){border-color:var(--gold);background:#ffc10726;transform:scale(1.02)}.option-btn.selected{border-color:var(--gold);background:#ffc10740}.option-btn.correct{border-color:var(--green);background:#4caf504d;animation:.5s correctPulse}.option-btn.wrong{border-color:var(--red);background:#ef53504d;animation:.4s shake}.option-btn.disabled{pointer-events:none;opacity:.6}.hint-text{color:var(--gold-light);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.9rem;font-style:italic;display:flex}.ten-frame{grid-template-columns:repeat(5,1fr);gap:6px;max-width:300px;margin:16px auto;display:grid}.ten-frame-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#ffffff08;border:2px solid #fff3;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.ten-frame-cell.filled{background:linear-gradient(135deg, var(--gold), var(--gold-dark));border-color:var(--gold);animation:.3s bounceIn}.ten-frame-cell:hover:not(.filled){border-color:var(--gold-light);background:#ffc1071a}.blocks-area{justify-content:center;align-items:flex-end;gap:32px;min-height:200px;padding:24px;display:flex}.tens-column,.ones-column{flex-direction:column;align-items:center;gap:6px;display:flex}.column-label{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.9rem;font-weight:600}.ten-stick{background:linear-gradient(135deg,#ff9800,#e65100);border:2px solid #ffb74d;border-radius:6px;width:32px;height:120px;animation:.3s bounceIn;position:relative}.ten-stick:after{content:"";background:repeating-linear-gradient(#0000,#0000 10px,#00000026 10px 12px);border-radius:3px;position:absolute;inset:4px}.unit-cube{background:linear-gradient(135deg,#42a5f5,#1565c0);border:2px solid #64b5f6;border-radius:4px;width:32px;height:32px;animation:.3s bounceIn}.blocks-controls{justify-content:center;gap:16px;margin-top:16px;display:flex}.block-control-group{align-items:center;gap:8px;display:flex}.block-control-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#ffffff14;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.block-control-btn:hover{border-color:var(--gold);background:#ffffff26}.matching-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:500px;margin:16px auto;display:grid}.match-card{border-radius:var(--radius-md);font-family:var(--font-display);cursor:pointer;transition:var(--transition);text-align:center;background:#ffffff0d;border:2px solid #ffffff26;justify-content:center;align-items:center;min-height:50px;padding:14px 8px;font-size:1rem;font-weight:600;display:flex}.match-card:hover:not(.matched){border-color:var(--gold);transform:scale(1.05)}.match-card.selected{border-color:var(--gold);background:#ffc10726;box-shadow:0 0 12px #ffc1074d}.match-card.matched{border-color:var(--green);pointer-events:none;background:#4caf5033}.match-card.wrong{border-color:var(--red);animation:.4s shake}.mascot-container{justify-content:center;align-items:center;gap:16px;margin:16px 0;display:flex}.mascot{background:linear-gradient(135deg, var(--gold), var(--gold-dark));width:80px;height:80px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex;box-shadow:0 4px 20px #ffc1074d}.mascot.happy{animation:.6s celebrate}.mascot.thinking{animation:1s infinite wobble}.speech-bubble{color:#333;background:#fff;border-radius:16px;max-width:220px;padding:12px 18px;font-size:.95rem;font-weight:600;position:relative;box-shadow:0 4px 12px #0000001a}.speech-bubble:before{content:"";border:6px solid #0000;border-right-color:#fff;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.feature-cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);text-align:center;min-width:140px;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1a;padding:20px 28px}.feature-card:hover{background:#ffffff1f;transform:translateY(-4px)}.feature-card-icon{margin-bottom:8px;font-size:2rem}.feature-card-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.number-display{border:6px solid var(--gold);background:#ffc1070d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;margin:24px auto;animation:.4s bounceIn;display:flex;box-shadow:0 0 40px #ffc10726}.number-display .big-number{font-family:var(--font-display);color:var(--white);text-shadow:0 4px 10px #00000080;font-size:5rem;font-weight:700}.number-display .number-word{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px 5px #0006;text-transform:uppercase;letter-spacing:2px;font-size:1.5rem;font-weight:700}.station-header{text-align:center;margin-bottom:16px}.station-header h2{font-family:var(--font-display);color:var(--text-secondary);font-size:1.4rem;font-weight:600}.place-value-chart{font-family:var(--font-display);justify-content:center;gap:2px;margin:16px 0;display:flex}.pv-column{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;display:flex}.pv-label{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.pv-value{font-size:2.5rem;font-weight:700}.skip-link{color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:.9rem;font-family:var(--font-body);background:0 0;border:none;text-decoration:underline}.skip-link:hover{color:var(--text-secondary)}.feedback-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.feedback-content{text-align:center;border-radius:var(--radius-xl);max-width:400px;padding:40px;animation:.4s bounceIn}.feedback-content.correct{background:linear-gradient(135deg,#4caf50e6,#2e7d32e6)}.feedback-content.wrong{background:linear-gradient(135deg,#ef5350e6,#c62828e6)}.feedback-content .feedback-emoji{margin-bottom:12px;font-size:4rem}.feedback-content .feedback-message{font-family:var(--font-display);text-shadow:0 2px 6px #0000004d;margin-bottom:8px;font-size:2.2rem;font-weight:700}.feedback-content .feedback-sub{color:#ffffffe6;font-size:1.2rem;font-weight:600}.xp-popup{z-index:300;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1a2e;font-family:var(--font-display);padding:10px 20px;font-size:1.1rem;font-weight:700;animation:1.5s forwards floatUp;position:fixed;top:80px;right:30px;box-shadow:0 4px 15px #ffc10766}.score-circle{border:6px solid var(--gold);background:#ffc10714;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;animation:.6s bounceIn;display:flex}.score-circle .score-number{font-family:var(--font-display);color:var(--gold);font-size:3rem;font-weight:700}.score-circle .score-label{color:var(--text-secondary);font-size:.85rem}.streak-fire{animation:.5s pulse}.intro-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:24px;display:flex}.intro-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#ffffff1a;margin-bottom:8px;padding:8px 24px;font-size:.85rem;font-weight:600}.intro-title{font-family:var(--font-display);text-shadow:0 4px 15px #00000080;margin-bottom:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.2}.intro-desc{color:var(--white);max-width:500px;font-size:1.3rem;font-weight:600;line-height:1.6}.intro-start-btn{margin-top:8px;animation:.6s bounceIn}.intro-journey-map{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;width:100%;max-width:600px;margin-top:16px;padding:20px 28px}.intro-journey-title{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.9rem}.intro-journey-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.intro-journey-step{align-items:center;gap:8px;display:flex}.intro-journey-icon{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex}.intro-journey-info{text-align:left}.intro-journey-label{font-family:var(--font-display);font-size:.8rem;font-weight:600}.intro-journey-desc{color:var(--text-muted);font-size:.65rem}.intro-journey-arrow{color:var(--text-muted);margin:0 4px;font-size:.8rem}.wonder-phase{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 40px;display:flex;position:relative;overflow:hidden}.wonder-particles{pointer-events:none;z-index:0;position:fixed;inset:0}.wonder-particle{opacity:.15;animation:10s ease-in-out infinite wonderFloat;position:absolute}.wonder-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:600px;display:flex;position:relative}.wonder-qmark{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(0)}.wonder-qmark.revealed{transform:scale(1)}.wonder-qmark-icon{font-family:var(--font-display);color:#fff;font-size:4rem;font-weight:700}.wonder-qmark-glow{background:radial-gradient(circle,#6366f14d,#0000 70%);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-10px}.wonder-mascot{opacity:0;transition:all .5s .3s;transform:translateY(20px)}.wonder-mascot.visible{opacity:1;transform:translateY(0)}.wonder-bubble{font-size:.9rem!important}.wonder-question-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);opacity:0;background:#ffffff14;border:1px solid #ffffff26;padding:32px 28px;transition:all .6s .5s;transform:translateY(30px)}.wonder-question-card.visible{opacity:1;transform:translateY(0)}.wonder-emoji{margin-bottom:12px;font-size:3rem}.wonder-question-text{font-family:var(--font-display);text-shadow:0 2px 8px #0006;margin-bottom:12px;font-size:2rem;font-weight:700;line-height:1.5}.wonder-subtext{color:var(--white);font-size:1.2rem;font-style:italic;font-weight:600}.btn-wonder{color:#fff;border-radius:var(--radius-full);opacity:0;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:20px 48px;font-size:1.6rem;font-weight:700;transition:all .5s;position:relative;overflow:hidden;transform:translateY(20px)}.btn-wonder.visible{opacity:1;transform:translateY(0)}.btn-wonder:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 30px #6366f166;transform:translateY(-3px)!important}.wonder-btn-sparkle{animation:1.5s infinite twinkle}.story-phase{flex-direction:column;align-items:center;gap:20px;width:100%;min-height:100vh;padding:80px 24px 40px;display:flex}.story-progress{align-items:center;gap:12px;width:100%;max-width:650px;display:flex}.story-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;flex:1;height:6px;overflow:hidden}.story-progress-fill{background:linear-gradient(90deg, #8b5cf6, var(--gold));border-radius:var(--radius-full);height:100%;transition:width .5s}.story-progress-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.story-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:650px;box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #ffffff1a;overflow:hidden}.story-card.flipping{opacity:.5;transform:scale(.98)}.story-image-section{width:100%;height:240px;position:relative;overflow:hidden}.story-image{object-fit:cover;width:100%;height:100%}.story-image-overlay{background:linear-gradient(#0000,#1e1e64e6);height:60px;position:absolute;bottom:0;left:0;right:0}.story-text-section{padding:24px 28px}.story-title{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px 4px #00000080;margin-bottom:12px;font-size:1.8rem;font-weight:700}.story-text{color:var(--white);opacity:0;font-size:1.3rem;font-weight:600;line-height:1.7;transition:all .5s;transform:translateY(10px)}.story-text.revealed{opacity:1;transform:translateY(0)}.story-highlight{border-radius:var(--radius-md);opacity:0;background:#ffc1071a;border:1px solid #ffc1074d;justify-content:center;align-items:center;gap:8px;margin:16px 0;padding:12px 20px;transition:all .4s;display:flex;transform:scale(.9)}.story-highlight.visible{opacity:1;transform:scale(1)}.story-highlight-text{font-family:var(--font-display);color:var(--gold);font-size:1.1rem;font-weight:600}.story-mascot{align-items:center;gap:12px;margin-top:12px;display:flex}.story-nav{justify-content:space-between;align-items:center;width:100%;max-width:650px;display:flex}.story-dots{gap:8px;display:flex}.story-dot{width:10px;height:10px;transition:var(--transition);background:#fff3;border-radius:50%}.story-dot.active{background:var(--gold);box-shadow:0 0 8px #ffc10766}.story-dot.completed{background:var(--green)}.simulate-phase{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:80px 24px 40px;display:flex}.simulate-header{text-align:center;margin-bottom:16px}.simulate-label{font-family:var(--font-display);color:var(--gold);margin-bottom:4px;font-size:1.1rem}.simulate-sublabel{color:var(--text-muted);font-size:.85rem}.simulate-tip{border-radius:var(--radius-md);color:var(--gold-light);background:#ffc1071a;border:1px solid #ffc10733;margin-bottom:16px;padding:10px 16px;font-size:.85rem}.simulate-dot-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.simulate-dot-label{font-size:.75rem}.play-phase{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:80px 24px 40px;display:flex}.play-header{text-align:center;margin-bottom:24px}.play-title{font-family:var(--font-display);text-shadow:0 4px 10px #0006;margin-bottom:8px;font-size:2.5rem;font-weight:700}.play-subtitle{color:var(--white);font-size:1.3rem;font-weight:600}.play-xp-badge{border-radius:var(--radius-full);color:var(--gold);background:#ffc10726;border:1px solid #ffc1074d;margin-top:8px;padding:6px 16px;font-weight:700;display:inline-block}.play-world-badge{border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);margin-bottom:12px;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.world-map{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.world-card{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:#ffffff0f;border:2px solid #ffffff1a;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex;position:relative}.world-card.unlocked:hover{border-color:var(--world-color);background:#ffffff1a;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.world-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.world-card.completed{border-color:var(--green)}.world-lock{font-size:1.2rem;position:absolute;top:12px;right:12px}.world-icon{font-size:2.5rem}.world-name{font-family:var(--font-display);text-shadow:0 1px 3px #0006;font-size:1.6rem;font-weight:700}.world-desc{color:var(--white);font-size:1rem;font-weight:600}.world-stars{align-items:center;gap:4px;margin-top:4px;font-size:1.1rem;display:flex}.world-score{color:var(--text-muted);margin-left:8px;font-size:.8rem}.world-play-btn{border-radius:var(--radius-full);background:var(--world-color);color:#fff;font-family:var(--font-display);margin-top:8px;padding:8px 24px;font-size:.9rem;font-weight:600}.world-path{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute}.world-connector{background:#ffffff1a;border-radius:2px;width:3px;height:20px}.world-connector.active{background:var(--green)}.world-complete-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;border:1px solid #ffffff1a;width:100%;max-width:450px;padding:40px;animation:.5s bounceIn}.world-complete-icon{margin-bottom:12px;font-size:4rem}.world-complete-title{font-family:var(--font-display);text-shadow:0 2px 6px #0000004d;margin-bottom:8px;font-size:2.2rem;font-weight:700}.world-complete-score{font-family:var(--font-display);color:var(--gold);text-shadow:0 4px 12px #ffc10766;margin:12px 0;font-size:3rem;font-weight:700}.world-complete-stars{justify-content:center;gap:8px;margin-bottom:8px;font-size:2.5rem;display:flex}.world-star{opacity:.2;transition:var(--transition)}.world-star.earned{opacity:1;animation:.4s backwards bounceIn}.world-complete-xp{color:var(--gold);font-size:1.2rem;font-weight:700}.reflect-phase{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:80px 24px 40px;display:flex}.reflect-header{text-align:center;margin-bottom:20px}.reflect-label{font-family:var(--font-display);color:var(--gold);margin-bottom:4px;font-size:1.1rem}.reflect-sublabel{color:var(--text-muted);font-size:.85rem}.reflect-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;border:1px solid #ffffff1a;width:100%;max-width:550px;padding:32px;animation:.4s slideUp}.reflect-card-title{font-family:var(--font-display);text-shadow:0 2px 6px #0000004d;margin-bottom:12px;font-size:2rem;font-weight:700}.reflect-mascot-row{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.reflect-options{flex-direction:column;gap:16px;margin:16px 0;display:flex}.reflect-option{border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:var(--transition);text-align:left;background:#ffffff0d;border:3px solid #fff3;align-items:center;gap:12px;padding:18px 24px;font-size:1.3rem;font-weight:700;display:flex}.reflect-option:hover:not(:disabled){border-color:var(--gold);background:#ffc1071a;transform:scale(1.02)}.reflect-option.correct{border-color:var(--green);background:#4caf5033}.reflect-option.wrong{border-color:var(--red);opacity:.6;background:#ef535026}.reflect-option:disabled{cursor:default}.reflect-option-emoji{font-size:1.4rem}.reflect-progress{justify-content:center;gap:8px;margin-top:20px;display:flex}.reflect-dot{width:10px;height:10px;transition:var(--transition);background:#fff3;border-radius:50%}.reflect-dot.active{background:var(--gold)}.reflect-dot.done{background:var(--green)}.fav-num-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.fav-num-btn{border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:2px solid #ffffff26;padding:14px;font-size:1.3rem;font-weight:700}.fav-num-btn:hover{border-color:var(--gold);background:#ffc1071a}.fav-num-btn.selected{border-color:var(--gold);background:#ffc10733;box-shadow:0 0 15px #ffc1074d}.fav-num-display{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;margin-top:16px;padding:20px}.fav-num-big{font-family:var(--font-display);color:var(--gold);text-shadow:0 4px 10px #0006;font-size:4rem;font-weight:700}.fav-num-word{font-family:var(--font-display);color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:1.6rem;font-weight:700}.fav-num-decomp{color:var(--gold-light);margin-bottom:12px;font-size:.9rem}.fav-num-blocks{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;display:flex}.confidence-grid{flex-direction:column;gap:12px;display:flex}.confidence-btn{border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:2px solid #ffffff1a;align-items:center;gap:16px;padding:18px 24px;font-size:1rem;display:flex}.confidence-btn:hover{border-color:var(--conf-color);background:#ffffff1a}.confidence-btn.selected{border-color:var(--conf-color);background:#ffffff26;box-shadow:0 0 20px #ffffff1a}.confidence-emoji{font-size:2rem}.confidence-label{font-weight:600}.certificate-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;border:2px solid #ffc1074d;width:100%;max-width:500px;padding:40px;animation:.6s bounceIn}.cert-badge{margin-bottom:12px;font-size:4.5rem;animation:.8s celebrate}.cert-title{font-family:var(--font-display);text-shadow:0 2px 8px #0000004d;margin-bottom:8px;font-size:2.5rem;font-weight:700}.cert-subtitle{color:var(--white);margin-bottom:20px;font-size:1.2rem;font-weight:600}.cert-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.cert-stat{border-radius:var(--radius-md);background:#ffffff0d;padding:16px 8px}.cert-stat-value{font-family:var(--font-display);color:var(--gold);font-size:1.8rem;font-weight:700}.cert-stat-label{color:var(--white);margin-top:4px;font-size:.9rem;font-weight:600}.cert-worlds{flex-direction:column;gap:8px;margin:16px 0;display:flex}.cert-world-item{border-radius:var(--radius-sm);background:#ffffff0a;justify-content:center;align-items:center;gap:12px;padding:8px;font-size:.9rem;display:flex}.confetti-container{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes celebrate{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-10deg)scale(1.15)}75%{transform:rotate(10deg)scale(1.15)}to{transform:rotate(0)scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes floatAround{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.06}90%{opacity:.06}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wonderFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (width<=768px){.glass-card{padding:24px}.question-text{font-size:1.1rem}.options-grid{grid-template-columns:1fr}.matching-grid{grid-template-columns:repeat(2,1fr)}.number-display{width:140px;height:140px}.number-display .big-number{font-size:3rem}.feature-cards{flex-direction:column;align-items:center}.btn-lg{padding:16px 32px;font-size:1.1rem}.blocks-area{gap:16px}.journey-bar{padding:8px 12px}.journey-step-label{display:none}.journey-connector{width:12px}.story-image-section{height:180px}.intro-journey-steps{flex-direction:column;gap:8px}.intro-journey-arrow{transform:rotate(90deg)}.wonder-qmark{width:90px;height:90px}.wonder-qmark-icon{font-size:3rem}.wonder-question-text{font-size:1.2rem}.cert-stats{grid-template-columns:1fr}}@media (width<=480px){.glass-card{margin:8px;padding:16px}.hud{padding:8px}.mascot{width:60px;height:60px;font-size:1.6rem}.reflect-card{padding:20px}.certificate-card{padding:24px}.fav-num-grid{grid-template-columns:repeat(3,1fr);gap:8px}}