@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Lilita+One&display=swap";:root{--crimson: #9e1b32;--crimson-dark: #7a1628;--crimson-light: #c42847;--gold: #ffd700;--gold-dark: #daa520;--bg-field: #0a3d0a;--bg-card: rgba(11, 58, 111, .95);--bg-card-dark: rgba(2, 8, 19, .98);--text-primary: #f5f5f5;--text-secondary: #a5b4fc;--text-accent: #7aa8ff;--gradient-blue: linear-gradient(145deg, #3b82f6, #06b6d4);--gradient-green: linear-gradient(135deg, #22c55e, #16a34a);--gradient-purple: linear-gradient(135deg, #8b5cf6, #a855f7);--gradient-crimson: linear-gradient(135deg, #9e1b32, #c42847);font-family:Fredoka,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a3d0a;color:#f5f5f5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.app{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(30,100,30,.6) 0%,transparent 60%),linear-gradient(180deg,#1a6b1a,#0f5510,#0a3d0a 60%,#072d07)}.field-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45}.endzone-alabama{position:absolute;top:0;left:0;right:0;height:12%;background:linear-gradient(180deg,var(--crimson) 0%,var(--crimson-dark) 100%);border-bottom:4px solid #ffffff;overflow:hidden;display:flex;align-items:center;justify-content:center}.checkered-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 25px,rgba(255,255,255,.12) 25px,rgba(255,255,255,.12) 50px),repeating-linear-gradient(90deg,transparent,transparent 25px,rgba(255,255,255,.12) 25px,rgba(255,255,255,.12) 50px)}.endzone-text-alabama{position:relative;font-family:Lilita One,Fredoka,sans-serif;font-size:4rem;font-weight:900;color:#fff;letter-spacing:.5em;text-shadow:3px 3px 0 var(--crimson),-1px -1px 0 rgba(0,0,0,.5),0 0 40px rgba(255,255,255,.3);transform:perspective(300px) rotateX(15deg)}.goal-post{position:absolute;bottom:0;width:80px;height:70px}.goal-post.left{left:5%}.goal-post.right{right:5%}.post-vertical{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:100%;background:linear-gradient(90deg,#daa520,gold,#daa520);border-radius:3px;box-shadow:0 0 10px #ffd70080}.post-crossbar{position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:6px;background:linear-gradient(180deg,#daa520,gold,#daa520);border-radius:3px;box-shadow:0 0 10px #ffd70080}.post-left-upright,.post-right-upright{position:absolute;top:-25px;width:6px;height:30px;background:linear-gradient(90deg,#daa520,gold,#daa520);border-radius:3px;box-shadow:0 0 10px #ffd70080}.post-left-upright{left:0}.post-right-upright{right:0}.grass-animation{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,80,0,.08) 3px,rgba(0,80,0,.08) 6px);animation:grass-sway 8s ease-in-out infinite}@keyframes grass-sway{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.yard-line{position:absolute;left:5%;right:5%;height:3px;background:#ffffff4d;border-top:2px dashed rgba(255,255,255,.5)}.y10{top:18%}.y20{top:32%}.y30{top:46%}.y40{top:60%}.y50{top:74%;background:#ffd70066;height:4px}.yard-number{position:absolute;top:-28px;font-size:1.2rem;font-weight:700;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.yard-number.left{left:8%}.yard-number.right{right:8%}.yard-number.center{left:50%;transform:translate(-50%);top:-28px;color:#ffd700cc;font-size:1.4rem}.card{width:100%;max-width:560px;background:linear-gradient(180deg,#0f4178f7,#08234bfa,#020813fc);border-radius:32px;border:3px solid rgba(255,255,255,.18);box-shadow:0 30px 60px #00000080,0 0 120px #7b61ff14,inset 0 1px #ffffff26,inset 0 -1px #0003;padding:24px;position:relative;z-index:10;animation:card-appear .5s cubic-bezier(.175,.885,.32,1.275)}.game-card{padding-top:12px}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.btn-back{background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:var(--text-secondary);padding:8px 14px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-back:hover{background:#ffffff26;color:#fff;transform:translate(-2px)}.game-mode-label{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#fff;background:#ffffff14;padding:6px 16px;border-radius:20px}.game-mode-icon{font-size:1.2rem}.game-score-pill{display:flex;align-items:center;gap:4px;background:#ffd70026;border:2px solid rgba(255,215,0,.3);color:var(--gold);padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:700}.mini-streak{font-size:.8rem}.game-progress-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:20px}.game-progress-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px currentColor}.game-feedback{text-align:center;font-size:1.15rem;font-weight:700;min-height:2em;margin:16px 0;padding:10px 20px;border-radius:16px;transition:all .3s ease;animation:feedback-slide-in .3s ease}.game-feedback.good{background:#4ade8026;color:#4ade80;border:2px solid rgba(74,222,128,.3)}.game-feedback.oops{background:#f8717126;color:#f87171;border:2px solid rgba(248,113,113,.3)}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-game{border:none;padding:16px 32px;border-radius:18px;font-size:1.1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-game-primary{background:var(--gradient-green);color:#fff;box-shadow:0 6px #15803d,0 8px 20px #0000004d}.btn-game-primary:hover{transform:translateY(-2px);box-shadow:0 8px #15803d,0 12px 24px #0000004d}.btn-game-primary:active{transform:translateY(4px);box-shadow:0 2px #15803d,0 4px 8px #0000004d}.btn-game-secondary{background:#ffffff14;color:var(--text-secondary);border:2px solid rgba(255,255,255,.15)}.btn-game-secondary:hover{background:#ffffff26;color:#fff}.mode-selector{width:100%;max-width:560px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:10;position:relative}.mode-selector.visible{opacity:1;transform:translateY(0)}.mode-selector-content{background:linear-gradient(180deg,#0f4178f7,#08234bfa,#020813fc);border-radius:32px;border:3px solid rgba(255,255,255,.18);box-shadow:0 30px 60px #00000080,0 0 120px #7b61ff14,inset 0 1px #ffffff26;padding:32px 24px}.mode-header{text-align:center;margin-bottom:28px}.mode-header-icon{font-size:3.5rem;margin-bottom:8px;animation:bounce-gentle 2s ease-in-out infinite}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mode-title{font-family:Lilita One,Fredoka,sans-serif;font-size:2.2rem;font-weight:700;background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 6px;letter-spacing:.02em}.mode-subtitle{font-size:1.05rem;color:var(--text-accent);font-weight:500;margin:0}.mode-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mode-card{display:flex;align-items:center;gap:16px;background:#ffffff0d;border:3px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 24px;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);font-family:inherit;color:#fff;text-align:left;position:relative;overflow:hidden;animation:card-slide-in .4s ease backwards}@keyframes card-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mode-card:hover:not(.locked),.mode-card.hovered:not(.locked){background:#ffffff1a;border-color:var(--mode-color);transform:translate(6px) scale(1.02);box-shadow:0 8px 30px #0000004d,0 0 20px color-mix(in srgb,var(--mode-color) 30%,transparent)}.mode-card:active:not(.locked){transform:translate(6px) scale(.98)}.mode-card.locked{opacity:.4;cursor:not-allowed}.mode-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mode-gradient);opacity:0;transition:opacity .3s ease;pointer-events:none}.mode-card:hover:not(.locked) .mode-card-glow{opacity:.08}.mode-card-icon{font-size:2.8rem;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:18px;transition:transform .3s ease}.mode-card:hover:not(.locked) .mode-card-icon{transform:scale(1.1) rotate(-5deg)}.mode-card-info{flex:1;min-width:0}.mode-card-name{font-family:Lilita One,Fredoka,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:2px}.mode-card-desc{font-size:.9rem;color:var(--text-secondary);font-weight:500}.mode-card-unlock{font-size:.75rem;color:#f87171;font-weight:600;margin-top:4px}.mode-card-play{font-size:.75rem;color:var(--gold);font-weight:700;letter-spacing:.1em;margin-top:4px;opacity:.7;transition:opacity .2s ease}.mode-card:hover:not(.locked) .mode-card-play{opacity:1}.mode-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:16px;border-top:2px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.95rem;font-weight:600}.mode-mascot{font-size:2rem;animation:elephant-rock 1.5s ease-in-out infinite}@keyframes elephant-rock{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.phonics-mode,.picture-mode{padding:0}.phonics-content,.picture-content{text-align:center}.phonics-prompt{margin-bottom:24px}.phonics-speaker-icon{font-size:4rem;cursor:pointer;display:inline-block;transition:transform .2s ease;animation:speaker-pulse 2s ease-in-out infinite}.phonics-speaker-icon:hover{transform:scale(1.15)}@keyframes speaker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.phonics-instruction{font-size:1.15rem;color:var(--text-secondary);font-weight:600;margin:12px 0}.btn-hear-sound{background:var(--gradient-purple);color:#fff;border:none;padding:12px 24px;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px #6d28d9,0 6px 16px #0000004d;margin:8px 0}.btn-hear-sound:hover{transform:translateY(-2px);box-shadow:0 6px #6d28d9,0 10px 20px #0000004d}.btn-hear-sound:active{transform:translateY(2px);box-shadow:0 2px #6d28d9,0 4px 8px #0000004d}.phonics-hint{font-size:.9rem;color:var(--text-accent);font-style:italic;margin-top:8px}.phonics-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:360px;margin:0 auto 16px}.phonics-choice-btn{padding:20px;border-radius:20px;border:3px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;animation:choice-pop-in .3s ease backwards;position:relative;overflow:hidden}@keyframes choice-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.phonics-choice-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05)}.phonics-choice-btn:active:not(:disabled){transform:scale(.95)}.phonics-choice-letter{font-family:Lilita One,Fredoka,sans-serif;font-size:2.5rem;font-weight:700;display:block}.phonics-choice-btn.correct{background:#4ade8033!important;border-color:#4ade80!important;animation:correct-bounce .4s ease}.phonics-choice-btn.wrong{background:#f8717133!important;border-color:#f87171!important;animation:wrong-shake .4s ease}.phonics-choice-btn.reveal-correct{border-color:#4ade80!important;box-shadow:0 0 20px #4ade8066}@keyframes correct-bounce{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.phonics-item-counter,.picture-item-counter{text-align:center;font-size:.85rem;color:#fff6;margin-top:12px;font-weight:600}.picture-display{margin-bottom:24px}.picture-emoji-container{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#ffffff0f;border-radius:28px;border:3px solid rgba(255,255,255,.12);margin-bottom:12px;animation:picture-float 3s ease-in-out infinite}@keyframes picture-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.picture-emoji{font-size:4.5rem;line-height:1}.picture-instruction{font-size:1.15rem;color:var(--text-secondary);font-weight:600;margin:0}.picture-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:400px;margin:0 auto 16px}.picture-choice-btn{padding:18px 16px;border-radius:18px;border:3px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;animation:choice-pop-in .3s ease backwards}.picture-choice-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05)}.picture-choice-btn:active:not(:disabled){transform:scale(.95)}.picture-choice-word{font-family:Lilita One,Fredoka,sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.picture-choice-btn.correct{background:#4ade8033!important;border-color:#4ade80!important;animation:correct-bounce .4s ease}.picture-choice-btn.wrong{background:#f8717133!important;border-color:#f87171!important;animation:wrong-shake .4s ease}.picture-choice-btn.reveal-correct{border-color:#4ade80!important;box-shadow:0 0 20px #4ade8066}.phonics-result,.picture-result{text-align:center;padding:12px 0}.phonics-result-card,.picture-result-card{animation:result-appear .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes result-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-emoji{font-size:5rem;margin-bottom:8px;animation:trophy-bounce .6s ease infinite alternate}.result-title{font-family:Lilita One,Fredoka,sans-serif;font-size:1.6rem;color:var(--gold);margin:0 0 16px}.result-score{margin-bottom:4px}.result-score-number{font-size:3rem;font-weight:800;color:#4ade80}.result-score-total{font-size:1.5rem;color:var(--text-secondary)}.result-percent{font-size:1.1rem;color:var(--text-accent);font-weight:600;margin-bottom:12px}.result-message{font-size:1.1rem;color:#7ef28a;margin-bottom:24px;line-height:1.5}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.header-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}.level-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);flex-shrink:0;border:3px solid rgba(255,255,255,.2);animation:badge-glow 3s ease-in-out infinite}@keyframes badge-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.level-number{font-family:Lilita One,Fredoka,sans-serif;font-size:2rem;line-height:1}.level-name{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.title-section{flex:1}.title{font-family:Lilita One,Fredoka,sans-serif;font-size:1.6rem;font-weight:800;background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px;letter-spacing:-.02em}.subtitle{font-size:.9rem;color:var(--text-accent);font-weight:500}.progress-section{margin-bottom:20px}.progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:10px;color:var(--text-secondary);font-weight:600}.streak-badge{display:flex;align-items:center;gap:6px;background:#ff643233;padding:5px 14px;border-radius:999px;color:#ff8c5a;font-weight:700;font-size:.85rem;transition:all .3s ease}.streak-badge.active{background:#ff64324d;animation:streak-pulse 1s ease infinite;box-shadow:0 0 15px #ff8c5a4d}.fire-emoji{animation:fire-pulse .5s ease infinite alternate}@keyframes fire-pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}@keyframes streak-pulse{0%,to{box-shadow:0 0 #ff8c5a66}50%{box-shadow:0 0 20px 5px #ff8c5a33}}.progress-bar-bg{width:100%;height:14px;border-radius:999px;background:#ffffff14;overflow:hidden;border:2px solid rgba(255,255,255,.08)}.progress-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px currentColor;position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 999px 999px 0}.level-almost-complete{text-align:center;margin-top:10px;font-size:.9rem;color:var(--gold);font-weight:700;animation:pulse-text 1s ease infinite alternate}@keyframes pulse-text{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.word-section{text-align:center;margin-bottom:20px}.target-word{font-family:Lilita One,Fredoka,sans-serif;font-size:3.2rem;font-weight:800;letter-spacing:.15em;margin-bottom:10px;color:#fff;text-shadow:0 0 40px rgba(123,97,255,.5),0 4px 8px rgba(0,0,0,.3);animation:word-appear .4s ease}@keyframes word-appear{0%{opacity:0;transform:scale(.8) translateY(10px)}60%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.hint-text{font-size:1rem;color:var(--text-secondary);font-style:italic;min-height:1.5em;margin-bottom:8px}.helper-hint{font-size:.9rem;color:var(--gold);font-weight:600;background:#ffd7001a;border:2px solid rgba(255,215,0,.25);border-radius:12px;padding:8px 16px;margin-bottom:10px;display:inline-block;animation:hint-appear .3s ease}.helper-hint strong{font-size:1.1em;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}@keyframes hint-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-hear-again{background:var(--gradient-purple);color:#fff;border:none;padding:10px 20px;border-radius:16px;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px #6d28d9,0 6px 16px #8b5cf64d;font-family:inherit}.btn-hear-again:hover{transform:translateY(-2px);box-shadow:0 6px #6d28d9,0 10px 20px #8b5cf666}.btn-hear-again:active{transform:translateY(2px);box-shadow:0 2px #6d28d9,0 4px 8px #8b5cf64d}.answer-slot{display:flex;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.slot-box{width:58px;height:58px;border-radius:16px;border:3px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-family:Lilita One,Fredoka,sans-serif;font-size:2rem;font-weight:700;background:#00000026;transition:all .2s ease;position:relative}.slot-box:after{content:"";position:absolute;bottom:6px;left:25%;right:25%;height:3px;background:#ffffff26;border-radius:999px}.slot-box.filled{border-color:#4ade80;border-style:solid;background:#4ade801a;color:#4ade80;box-shadow:0 0 20px #4ade804d;animation:slot-pop .3s cubic-bezier(.175,.885,.32,1.275)}.slot-box.filled:after{display:none}@keyframes slot-pop{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1)}}.slot-box.shake{animation:slot-shake .4s ease}@keyframes slot-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-4px) rotate(-1deg)}80%{transform:translate(4px) rotate(1deg)}}.letters-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 16px}.letter-btn{width:68px;height:68px;border-radius:18px;border:none;font-family:Lilita One,Fredoka,sans-serif;font-size:2rem;font-weight:800;background:var(--gradient-blue);color:#fff;box-shadow:0 6px #1e40af,0 8px 24px #0000004d;cursor:pointer;transition:all .12s ease;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;overflow:hidden}.letter-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:18px 18px 0 0;pointer-events:none}.letter-btn:hover:not(.used){transform:translateY(-3px);box-shadow:0 9px #1e40af,0 14px 28px #0000004d}.letter-btn:active:not(.used){transform:translateY(4px);box-shadow:0 2px #1e40af,0 4px 8px #0000004d}.letter-btn.used{opacity:.15;cursor:not-allowed;transform:scale(.9);box-shadow:none}.letter-btn.pressed{transform:translateY(4px);box-shadow:0 2px #1e40af,0 4px 8px #0000004d}.feedback{text-align:center;font-size:1.15rem;font-weight:700;min-height:2em;margin:16px 0;padding:10px 20px;border-radius:16px;transition:all .3s ease}.feedback.good{background:#4ade8026;color:#4ade80;border:2px solid rgba(74,222,128,.3);animation:feedback-pop .4s ease}.feedback.oops{background:#f8717126;color:#f87171;border:2px solid rgba(248,113,113,.3)}@keyframes feedback-pop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.controls{display:flex;justify-content:center;gap:12px;margin-top:8px}.btn-secondary,.btn-primary,.btn-reset{border-radius:16px;padding:14px 28px;font-size:1rem;border:none;cursor:pointer;font-weight:700;transition:all .2s ease;font-family:inherit}.btn-secondary{background:#ffffff14;color:#e0e7ff;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:6px}.btn-secondary:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-green);color:#fff;box-shadow:0 4px #15803d,0 6px 20px #22c55e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px #15803d,0 10px 24px #22c55e66}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #15803d,0 4px 8px #22c55e4d}.btn-reset{width:52px;height:52px;padding:0;background:#ffffff0d;color:#6068a8;font-size:1.4rem;border:2px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-reset:hover{background:#ffffff1f;color:#e5e9ff;transform:rotate(-90deg)}.btn-skip{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107}.btn-skip:hover{background:#ffc10733}.level-dots{display:flex;justify-content:center;gap:10px;margin-top:24px;padding-top:20px;border-top:2px solid rgba(255,255,255,.08)}.level-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;transition:all .3s ease}.level-dot.current{background:var(--level-color);color:#fff;box-shadow:0 0 20px var(--level-color);animation:dot-pulse 2s ease infinite;border:3px solid rgba(255,255,255,.3)}.level-dot.completed{background:#4ade80;color:#064e3b;border:3px solid rgba(74,222,128,.5)}.level-dot.locked{background:#ffffff0d;color:#6068a8;border:2px dashed rgba(255,255,255,.1)}@keyframes dot-pulse{0%,to{box-shadow:0 0 20px var(--level-color)}50%{box-shadow:0 0 30px var(--level-color),0 0 50px var(--level-color)}}.sound-toggle,.theme-toggle,.stats-toggle{position:fixed;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0006;font-size:1.4rem;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d}.sound-toggle:hover,.theme-toggle:hover,.stats-toggle:hover{background:#0009;transform:scale(1.1);border-color:#ffffff59}.sound-toggle{top:20px;left:20px}.theme-toggle{top:20px;left:82px}.stats-toggle{top:20px;left:144px}.app.dark{background:radial-gradient(ellipse at 50% 0%,rgba(15,50,15,.4) 0%,transparent 60%),linear-gradient(180deg,#0d2f0d,#061f06,#031503)}.app.dark .card,.app.dark .mode-selector-content{background:linear-gradient(180deg,#051e3cfa,#01050afc);border-color:#ffffff1a}.practice-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffc10726,#ff980026);border:2px solid rgba(255,193,7,.35);border-radius:14px;padding:12px 18px;margin-bottom:20px;font-size:.9rem;font-weight:700;color:#ffc107}.btn-exit-practice{background:#ffffff1a;border:2px solid rgba(255,193,7,.4);color:#ffc107;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-exit-practice:hover{background:#ffc10733}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.confetti-piece{position:absolute;width:10px;height:28px;background:linear-gradient(180deg,#ffd43b,#ff6b6b);top:-30px;opacity:.95;border-radius:999px;animation:confetti-fall 1.5s ease-out forwards}.confetti-piece:nth-child(3n){background:linear-gradient(180deg,#51cf66,#339af0);width:8px;height:20px}.confetti-piece:nth-child(4n){background:linear-gradient(180deg,#ff922b,#e64980)}.confetti-piece:nth-child(5n){background:linear-gradient(180deg,gold,#ff8c00);width:12px;height:12px;border-radius:50%}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(0,110vh,0) rotate(720deg);opacity:0}}.firework-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25;overflow:hidden}.firework-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent 70%);animation:flash-pulse .3s ease-out}@keyframes flash-pulse{0%{opacity:1}to{opacity:0}}.trailing-spark{position:absolute;width:4px;height:4px;border-radius:50%;animation:trail-fall 2s ease-out forwards}@keyframes trail-fall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(300px) scale(0);opacity:0}}.firework-burst-container{position:absolute;width:0;height:0;animation:burst-appear .1s ease-out forwards}@keyframes burst-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.burst-core{position:absolute;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);animation:core-expand .6s ease-out forwards;filter:blur(10px)}@keyframes core-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(2);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.firework-particle-enhanced{position:absolute;top:0;left:0;transform-origin:center;animation:particle-burst 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes particle-burst{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:1}30%{opacity:1}to{transform:rotate(var(--angle)) translateY(calc(-180px * var(--velocity))) scale(.3);opacity:0}}.particle-head{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--color-primary),var(--color-secondary));box-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 30px var(--color-secondary)}.particle-trail{position:absolute;width:3px;height:30px;background:linear-gradient(to top,transparent,var(--color-primary));transform:translateY(-15px);opacity:.6;animation:trail-fade 1.2s ease-out forwards}@keyframes trail-fade{0%{opacity:.8;height:40px}to{opacity:0;height:10px}}.sparkle-ring{position:absolute;width:100px;height:100px;border:2px solid;border-radius:50%;transform:translate(-50%,-50%);animation:ring-expand .8s ease-out forwards}@keyframes ring-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.roll-tide-banner{position:absolute;top:20%;left:50%;transform:translate(-50%) scale(0);background:linear-gradient(135deg,var(--crimson),var(--crimson-dark));padding:16px 40px;border-radius:16px;border:3px solid var(--gold);box-shadow:0 0 40px #9e1b3299,0 0 80px #ffd7004d,inset 0 1px #fff3;animation:roll-tide-pop .6s cubic-bezier(.68,-.55,.265,1.275) forwards;z-index:40}@keyframes roll-tide-pop{0%{transform:translate(-50%) scale(0) rotate(-10deg)}70%{transform:translate(-50%) scale(1.1) rotate(2deg)}to{transform:translate(-50%) scale(1) rotate(0)}}.roll-tide-text{font-family:Lilita One,Fredoka,sans-serif;font-size:2.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 0 var(--crimson),-1px -1px 0 rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5);letter-spacing:.1em}.roll-tide-elephant{position:absolute;font-size:3rem;animation:elephant-stomp .4s ease infinite alternate}.roll-tide-elephant.left{left:-50px;top:50%;transform:translateY(-50%)}.roll-tide-elephant.right{right:-50px;top:50%;transform:translateY(-50%) scaleX(-1)}@keyframes elephant-stomp{0%{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.1)}}.streak-celebration{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:30;animation:streak-pop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes streak-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg);opacity:0}70%{transform:translate(-50%,-50%) scale(1.1) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.streak-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:3px solid;transform:translate(-50%,-50%)}.ring-1{width:120px;height:120px;border-color:#ffd7004d;animation:ring-pulse-1 1.5s ease-in-out infinite}.ring-2{width:150px;height:150px;border-color:#ff6b0033;animation:ring-pulse-2 1.5s ease-in-out infinite .2s}.ring-3{width:180px;height:180px;border-color:#ff006626;animation:ring-pulse-3 1.5s ease-in-out infinite .4s}@keyframes ring-pulse-1{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}@keyframes ring-pulse-2{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}}@keyframes ring-pulse-3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.streak-number{font-family:Lilita One,Fredoka,sans-serif;font-size:5rem;font-weight:900;background:linear-gradient(180deg,gold,#ff6b00,#f06);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;position:relative;z-index:1;animation:number-glow .5s ease infinite alternate}@keyframes number-glow{0%{filter:brightness(1) drop-shadow(0 0 20px rgba(255,215,0,.5))}to{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,215,0,.8))}}.streak-label{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,107,0,.5);letter-spacing:.1em;margin-top:5px;position:relative;z-index:1}.streak-flames{display:flex;justify-content:center;gap:6px;margin-top:10px;position:relative;z-index:1}.flame{font-size:1.5rem;animation:flame-dance .5s ease infinite alternate}.flame:nth-child(2){animation-delay:.1s}.flame:nth-child(3){animation-delay:.2s}@keyframes flame-dance{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.3) rotate(5deg)}}.floating-celebration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.float-emoji{position:absolute;bottom:-50px;animation:float-up-emoji 2.5s ease-out forwards;opacity:0}@keyframes float-up-emoji{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-100vh) rotate(360deg) scale(1.2);opacity:0}}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;transform:scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.level-up-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto}.level-up-content{text-align:center;padding:40px;position:relative;z-index:10}.trophy{font-size:7rem;animation:trophy-bounce .6s ease infinite alternate;margin-bottom:16px;filter:drop-shadow(0 0 30px rgba(255,215,0,.5))}@keyframes trophy-bounce{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.level-up-text{font-family:Lilita One,Fredoka,sans-serif;font-size:2.2rem;font-weight:800;color:var(--gold);text-shadow:0 0 30px rgba(255,215,0,.5);letter-spacing:.1em;margin-bottom:10px}.level-up-name{font-family:Lilita One,Fredoka,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:24px}.next-level{background:#ffffff14;border-radius:24px;padding:24px 40px;margin:20px 0;border:3px solid rgba(255,255,255,.15);animation:next-level-glow 2s ease-in-out infinite}@keyframes next-level-glow{0%,to{border-color:#ffffff26}50%{border-color:#ffd70066}}.next-level-label{font-size:.85rem;color:#aaa;text-transform:uppercase;letter-spacing:.25em;margin-bottom:10px;font-weight:700}.next-level-name{font-family:Lilita One,Fredoka,sans-serif;font-size:2rem;font-weight:700;margin-bottom:5px}.next-level-subtitle{font-size:.9rem;color:#aaa}.level-up-stars{margin:24px 0}.star{font-size:3.5rem;margin:0 8px;animation:star-twinkle .5s ease infinite alternate;display:inline-block}.star:nth-child(2){animation-delay:.1s}.star:nth-child(3){animation-delay:.2s}@keyframes star-twinkle{0%{transform:scale(1) rotate(-10deg);opacity:.7}to{transform:scale(1.25) rotate(10deg);opacity:1}}.level-up-message{font-size:1.15rem;color:#7ef28a;margin-top:16px;font-weight:600}.level-up-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.floating-emoji{position:absolute;font-size:2rem;opacity:.6;animation:float-up 3s ease-in-out infinite}@keyframes float-up{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) rotate(20deg);opacity:.8}}.coach-sam{position:fixed;top:20px;right:20px;display:flex;align-items:flex-start;gap:10px;z-index:30;transform:translate(120%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.coach-sam.show{transform:translate(0)}.coach-avatar{width:52px;height:52px;background:linear-gradient(135deg,var(--crimson),#c42847);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 20px #9e1b3266;animation:coach-bounce .5s ease infinite alternate;border:3px solid rgba(255,215,0,.4)}@keyframes coach-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.coach-bubble{background:#fff;color:#1a1a2e;padding:12px 18px;border-radius:20px 20px 4px;max-width:250px;box-shadow:0 4px 20px #0000004d}.coach-name{font-size:.75rem;font-weight:800;color:var(--crimson);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.coach-message{font-size:.95rem;line-height:1.4;font-weight:600}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;transform:scale(.9);transition:all .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.victory-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto}.victory-content{text-align:center;padding:40px;position:relative;z-index:10;max-width:500px}.victory-trophy{font-size:8rem;animation:trophy-shine 1s ease infinite alternate;margin-bottom:16px;filter:drop-shadow(0 0 30px rgba(255,215,0,.5))}@keyframes trophy-shine{0%{transform:scale(1) rotate(-5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}to{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 50px rgba(255,215,0,.8))}}.victory-title{font-family:Lilita One,Fredoka,sans-serif;font-size:2.4rem;font-weight:900;color:var(--gold);text-shadow:0 0 40px rgba(255,215,0,.5);letter-spacing:.05em;margin-bottom:10px}.victory-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:28px}.victory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.victory-stat{background:#ffffff14;border-radius:20px;padding:20px;border:2px solid rgba(255,215,0,.3)}.victory-stat-value{font-family:Lilita One,Fredoka,sans-serif;font-size:2.2rem;font-weight:800;color:var(--gold);margin-bottom:5px}.victory-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.victory-message{font-size:1.2rem;color:#7ef28a;margin:28px 0;line-height:1.5}.victory-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.victory-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.victory-emoji{position:absolute;font-size:2.5rem;opacity:.6;animation:victory-float 4s ease-in-out infinite}@keyframes victory-float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-60px) rotate(25deg);opacity:.8}}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:.7}}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:55;opacity:0;transform:scale(.95);transition:all .3s ease;pointer-events:none}.stats-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto}.stats-content{background:linear-gradient(180deg,#0f4178fa,#020813fc);border-radius:28px;border:3px solid rgba(255,255,255,.15);padding:36px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.stats-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit}.stats-close:hover{background:#fff3;transform:rotate(90deg)}.stats-header{text-align:center;margin-bottom:28px}.stats-icon{font-size:4rem;margin-bottom:8px}.stats-header h2{font-family:Lilita One,Fredoka,sans-serif;font-size:1.8rem;background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.stat-card{background:#ffffff0d;border-radius:18px;padding:20px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .2s ease}.stat-card:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-value{font-family:Lilita One,Fredoka,sans-serif;font-size:2.2rem;font-weight:800;color:#4ade80;margin-bottom:5px}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stats-section h3{font-size:1.1rem;color:var(--text-secondary);margin-bottom:16px;text-align:center;font-weight:700}.difficult-words{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.difficult-word{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.difficult-word-text{font-weight:700;color:#f87171;text-transform:uppercase;letter-spacing:.05em}.difficult-word-count{font-size:.8rem;color:var(--text-secondary);background:#f8717133;padding:4px 10px;border-radius:20px;font-weight:600}.no-difficult-words{text-align:center;color:#7ef28a;padding:20px;font-style:italic}.stats-actions{display:flex;justify-content:center;margin-top:20px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}@media (max-width: 520px){.app{padding:10px}.card{padding:18px;border-radius:26px}.game-card{padding-top:8px}.mode-selector-content{padding:24px 16px;border-radius:26px}.mode-title{font-size:1.8rem}.mode-card{padding:16px 18px}.mode-card-icon{width:56px;height:56px;font-size:2.4rem}.mode-card-name{font-size:1.2rem}.title{font-size:1.3rem}.level-badge{width:62px;height:62px}.level-number{font-size:1.6rem}.target-word{font-size:2.6rem}.slot-box{width:50px;height:50px;font-size:1.6rem}.letter-btn{width:60px;height:60px;font-size:1.7rem;border-radius:16px}.letters-row{gap:10px}.coach-sam{top:10px;right:10px}.coach-bubble{max-width:180px;padding:10px 14px}.level-up-text{font-size:1.6rem}.level-up-name{font-size:2.2rem}.sound-toggle,.theme-toggle,.stats-toggle{width:44px;height:44px;font-size:1.2rem}.sound-toggle{top:12px;left:12px}.theme-toggle{top:12px;left:66px}.stats-toggle{top:12px;left:120px}.victory-stats{grid-template-columns:1fr;gap:12px}.stats-grid{grid-template-columns:1fr}.stats-content{padding:20px;margin:10px}.victory-title{font-size:1.8rem}.controls{gap:8px}.btn-secondary,.btn-primary,.btn-skip{padding:12px 20px;font-size:.9rem}.btn-game{padding:14px 24px;font-size:1rem}.game-top-bar{flex-wrap:wrap;gap:6px}.btn-back{font-size:.8rem;padding:6px 12px}.phonics-choices{gap:10px}.phonics-choice-letter{font-size:2rem}.phonics-choice-btn{padding:16px}.picture-emoji-container{width:100px;height:100px}.picture-emoji{font-size:3.5rem}.picture-choice-word{font-size:1.2rem}.picture-choices{gap:10px}.picture-choice-btn{padding:14px 12px}}@media (max-width: 380px){.letter-btn{width:52px;height:52px;font-size:1.5rem}.slot-box{width:44px;height:44px;font-size:1.4rem;border-radius:12px}.target-word{font-size:2.2rem}.mode-card{padding:14px;gap:12px}.mode-card-icon{width:48px;height:48px;font-size:2rem;border-radius:14px}.phonics-choices{grid-template-columns:repeat(2,1fr);max-width:280px}}@media (min-width: 768px){.card{padding:32px}.mode-selector-content{padding:40px 32px}.letter-btn{width:72px;height:72px;font-size:2.2rem}.slot-box{width:64px;height:64px;font-size:2.2rem}.target-word{font-size:3.5rem}.phonics-choice-letter{font-size:3rem}.picture-emoji{font-size:5rem}.picture-emoji-container{width:140px;height:140px}}@media (hover: none){.mode-card-play{opacity:.7}.letter-btn:hover:not(.used){transform:none;box-shadow:0 6px #1e40af,0 8px 24px #0000004d}}.home-coach-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffd7001f;color:#fff3bf;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 14px;margin-bottom:14px}.kid-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.kid-stat-card{display:grid;justify-items:center;gap:4px;padding:12px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.kid-stat-emoji{font-size:1.6rem}.kid-stat-value{font-size:1.4rem;font-weight:900}.kid-stat-label{color:var(--text-secondary);font-size:.82rem}.home-quick-actions{display:flex;gap:12px;margin-bottom:14px}.quick-action-card{flex:1;text-align:left;padding:16px;border-radius:22px;color:#fff;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.quick-action-card.daily{background:linear-gradient(135deg,#0ea5e959,#6366f159)}.quick-action-card.practice{background:linear-gradient(135deg,#22c55e4d,#eab3084d)}.quick-action-title{font-size:1.05rem;font-weight:900;margin-bottom:6px}.quick-action-subtitle{color:#dbeafe;font-size:.9rem}.gear-strip{display:grid;gap:8px;margin-bottom:16px}.gear-strip-title{font-weight:800}.gear-strip-items{display:flex;gap:8px;flex-wrap:wrap}.gear-chip{display:grid;justify-items:center;gap:2px;padding:8px 10px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff}.gear-chip small{color:#dbeafe;font-size:.72rem}.reward-drive-card{display:grid;gap:10px;padding:14px;border-radius:24px;margin-bottom:16px;background:#04173099;border:1px solid rgba(255,255,255,.14)}.reward-drive-header,.reward-drive-stats{display:flex;justify-content:space-between;align-items:center;gap:12px}.reward-drive-track{position:relative;height:20px;border-radius:999px;background:#ffffff1a;overflow:hidden}.reward-drive-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444);transition:width .35s ease}.reward-drive-ball{position:absolute;top:-10px;font-size:1.6rem;transition:left .35s ease}.reward-drive-stats{flex-wrap:wrap;font-size:.92rem;color:#dbeafe}.unlock-banner,.stats-callout{background:#ffd7001f;color:#fff3bf;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 14px}.support-word{color:#fff7cc;text-shadow:0 0 14px rgba(255,215,0,.25)}.feedback.helper,.game-feedback.helper{background:#0ea5e91f;color:#dbeafe;border:2px solid rgba(59,130,246,.24)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#020813b8;z-index:45}.confirm-card{width:min(100%,460px);background:#020813f5;border-radius:28px;padding:24px;color:#fff;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.14)}.confirm-card h3{margin-top:0}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.stats-grid.kid-friendly .stat-card{background:#ffffff1a}.home-streak-note{margin-top:6px;font-size:.9rem;color:#fde68a}.gear-strip-subtitle{color:#bfdbfe;font-size:.9rem}.avatar-rank-badge{position:absolute;top:10px;left:12px;padding:6px 10px;border-radius:999px;background:#ffd70033;border:1px solid rgba(255,255,255,.18);color:#fff3bf;font-size:.75rem;font-weight:800}.avatar-trophy-row,.avatar-locker-gearlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.avatar-trophy-row span,.avatar-gear-pill{padding:7px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e0f2fe;font-size:.85rem}.field-drive-card{display:grid;gap:12px}.field-drive-topline,.field-drive-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.field-drive-title{font-size:1rem;font-weight:800}.field-drive-subtitle{font-size:.9rem;color:#bfdbfe}.daily-streak-pill{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#e0f2fe;font-size:.85rem}.daily-streak-pill.claimed{background:#4ade801f;color:#dcfce7}.mini-field{position:relative;overflow:hidden;min-height:104px;border-radius:24px;background:linear-gradient(180deg,#166534f2,#0c4a6ef2);border:2px solid rgba(255,255,255,.12)}.mini-field-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.08) 58px 60px)}.mini-field-marker{position:absolute;top:10px;transform:translate(-50%);color:#ffffffb8;font-size:.72rem;font-weight:800}.mini-field-progress{position:absolute;left:0;bottom:0;height:10px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#fbbf24,#f97316);box-shadow:0 0 18px #fbbf2459}.mini-field-player{position:absolute;bottom:18px;display:flex;align-items:center;gap:4px;transition:left .45s cubic-bezier(.22,1,.36,1)}.mini-player-emoji{font-size:1.7rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));animation:runner-bounce .7s ease-in-out infinite alternate}.mini-player-ball{font-size:1rem}@keyframes runner-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.parent-gate-card{text-align:center}.parent-gate-icon{font-size:2rem;margin-bottom:8px}.parent-gate-progress{height:14px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.parent-gate-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width .08s linear}.stats-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.avatar-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.avatar-slot-card{display:grid;place-items:center;gap:4px;padding:10px 6px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#dbeafe}.avatar-slot-emoji{font-size:1.35rem}.parent-settings-panel{max-width:560px}.parent-settings-list{display:grid;gap:12px;margin:18px 0}.parent-setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer}.parent-setting-row p{margin:4px 0 0;color:#bfdbfe;font-size:.9rem}.touchdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at center,#fbbf2433,#020813d6);z-index:60}.touchdown-card{width:min(100%,520px);border-radius:30px;padding:28px 22px;text-align:center;color:#fff;background:linear-gradient(180deg,#9e1b32f5,#08234bfa);border:2px solid rgba(255,255,255,.16);box-shadow:0 24px 70px #00000073}.touchdown-lights{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.touchdown-light{width:10px;height:10px;border-radius:50%;background:#fde68a;box-shadow:0 0 12px #fde68ae6;animation:touchdown-blink .6s ease-in-out infinite alternate}.touchdown-light:nth-child(odd){animation-delay:.2s}@keyframes touchdown-blink{0%{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.touchdown-label,.touchdown-count{color:#fde68a;font-weight:800}.touchdown-card h2{margin:10px 0;font-size:clamp(2rem,7vw,3.5rem)}.sentence-mode{display:grid;gap:18px}.sentence-card{display:grid;gap:14px;justify-items:center;text-align:center;padding:20px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.sentence-prompt{font-family:Lilita One,Fredoka,sans-serif;font-size:clamp(1.6rem,5vw,2.5rem);color:#fff;line-height:1.25}.sentence-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sentence-choice{padding:18px 14px;border-radius:20px;border:2px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#22c55e2e,#0ea5e92e);color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.sentence-choice:hover,.sentence-choice.selected{transform:translateY(-2px);border-color:#ffffff47}@media (max-width: 720px){.home-coach-strip,.reward-drive-header,.reward-drive-stats,.confirm-actions,.field-drive-topline,.field-drive-meta{flex-direction:column;align-items:stretch}.home-quick-actions{flex-direction:column}.kid-dashboard-grid,.avatar-slot-grid,.sentence-choices{grid-template-columns:1fr 1fr}}