@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--purple:#a78bfa;--purple-dark:#7c5fc0;--green:#51CF66;--green-dark:#2a9e4a;--red:#FF6B6B;--red-dark:#c03030;--teal:#4ECDC4;--teal-dark:#2b9e96;--gold:#FFD700;--flag:#ff9800;--flag-dark:#e65100}body{font-family:Nunito,sans-serif;min-height:100vh;background:linear-gradient(160deg,#ffecd2,#fcb69f,#ffeaa7);display:flex;flex-direction:column;align-items:center;padding:16px 12px 40px;overflow-x:hidden}.bg-shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.15;animation:floatShape linear infinite}@keyframes floatShape{0%{transform:translateY(110vh) rotate(0)}to{transform:translateY(-20vh) rotate(360deg)}}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.burst-star{position:absolute;animation:burstOut 1s ease-out forwards}@keyframes burstOut{0%{transform:translate(0) scale(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.3) rotate(var(--dr));opacity:0}}.animal-shower{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:190;overflow:hidden}.shower-animal{position:absolute;top:-80px;font-size:2.2rem;animation:showerFall linear forwards}@keyframes showerFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.4}}.wander-wrap{position:fixed;bottom:80px;z-index:195;pointer-events:none;animation:wanderAcross 4s ease-in-out forwards}@keyframes wanderAcross{0%{left:-120px;opacity:0}10%{opacity:1}85%{opacity:1}to{left:calc(100vw + 120px);opacity:0}}.wander-animal{font-size:3.8rem;display:inline-block;animation:wanderBob .5s ease-in-out infinite alternate}@keyframes wanderBob{0%{transform:translateY(0) scaleX(1)}to{transform:translateY(-12px) scaleX(1)}}.wander-speech{background:#fff;border-radius:18px;border:3px solid #ffcc80;padding:7px 14px;font-family:Fredoka One,cursive;font-size:1.05rem;color:#e05020;position:absolute;bottom:64px;white-space:nowrap;box-shadow:0 4px 14px #00000026;animation:speechPop .3s .2s cubic-bezier(.175,.885,.32,1.275) both}.wander-speech:after{content:"";position:absolute;bottom:-12px;left:18px;border:6px solid transparent;border-top-color:#ffcc80}@keyframes speechPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.container{position:relative;z-index:2;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:14px}h1{font-family:Fredoka One,cursive;font-size:clamp(2rem,9vw,2.8rem);color:#fff;text-shadow:3px 4px 0 #e07040,0 0 24px rgba(255,200,100,.6);text-align:center;animation:bounce 2.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#pickerScreen{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.picker-title{font-family:Fredoka One,cursive;font-size:clamp(1.3rem,5.5vw,1.9rem);color:#fff;text-shadow:2px 3px 0 #e07040;text-align:center}.picker-sub{background:#ffffffbf;border-radius:14px;padding:9px 16px;font-weight:800;font-size:.9rem;color:#776050;text-align:center;width:100%}.animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.animal-card{background:#fff;border-radius:22px;border:4px solid #ffe0a0;padding:16px 8px 12px;text-align:center;cursor:pointer;box-shadow:0 6px #e8c090;transition:transform .15s,border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;position:relative}.animal-card:hover{transform:translateY(-4px);border-color:var(--purple)}.animal-card:active{transform:translateY(2px);box-shadow:0 2px #e8c090}.animal-card.selected{border-color:var(--purple);background:linear-gradient(135deg,#f3eeff,#e9dfff);box-shadow:0 6px 0 var(--purple-dark)}.parent-link{background:none;border:none;font-family:Nunito,sans-serif;font-weight:700;font-size:.8rem;color:#ffffffb3;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px 6px;border-radius:6px;transition:color .15s}.parent-link:hover{color:#fff}.animal-card .animal-emoji{font-size:2.6rem;display:block;margin-bottom:4px}.animal-card .animal-name{font-weight:900;font-size:.82rem;color:#554040}.btn-start{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border:none;border-radius:50px;padding:16px 48px;margin-top:4px;font-family:Nunito,sans-serif;font-weight:900;font-size:1.15rem;cursor:pointer;box-shadow:0 6px #5a3fa0;transition:all .12s;display:none}.btn-start:active{transform:translateY(4px);box-shadow:0 2px #5a3fa0}#parentPanel,#gameParentPanel,#revParentPanel{width:100%;background:#ffffffed;border-radius:22px;padding:18px 18px 16px;box-shadow:0 4px 20px #00000021;border:3px solid #ffd0a0;display:none;animation:popIn .3s ease}.parent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.parent-title{font-family:Fredoka One,cursive;font-size:1.2rem;color:#7a4000}.parent-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#a07040;padding:4px 8px;border-radius:8px}.parent-close:hover{background:#ffe0a0}.flagged-list{display:flex;flex-direction:column;gap:8px}.flagged-row{display:flex;align-items:center;justify-content:space-between;background:#fff8f0;border-radius:12px;padding:9px 12px;border:2px solid #ffe0a0}.flagged-word{font-family:Fredoka One,cursive;font-size:1.35rem;color:#2c3e50;letter-spacing:2px}.flagged-meta{font-size:.75rem;font-weight:700;color:#a08060}.btn-unflag{background:var(--flag);color:#fff;border:none;border-radius:50px;padding:6px 13px;font-family:Nunito,sans-serif;font-weight:900;font-size:.8rem;cursor:pointer;box-shadow:0 3px 0 var(--flag-dark);transition:all .1s}.btn-unflag:active{transform:translateY(2px);box-shadow:0 1px 0 var(--flag-dark)}.no-flagged{font-weight:700;color:#b09070;font-size:.9rem;text-align:center;padding:12px 0}.parent-note{font-size:.76rem;font-weight:700;color:#b09070;margin-top:10px;text-align:center;line-height:1.5}.rescue-bar{background:#ffffffe0;border-radius:22px;padding:12px 18px;width:100%;box-shadow:0 4px 16px #0000001a;border:3px solid #ffe0a0}.rescue-label{font-weight:900;font-size:.75rem;color:#a08060;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;text-align:center}.rescue-pen{display:flex;flex-wrap:wrap;gap:5px;min-height:34px;justify-content:center;align-items:center}.rescue-animal{font-size:1.75rem;animation:rescueIn .5s cubic-bezier(.175,.885,.32,1.275);display:inline-block}@keyframes rescueIn{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.rescue-empty{font-size:.82rem;font-weight:700;color:#c0a888;font-style:italic}.score-strip{display:flex;gap:14px;align-items:center;background:#ffffffd9;border-radius:50px;padding:9px 20px;box-shadow:0 4px 16px #0000001a;font-weight:800;font-size:.95rem;flex-wrap:wrap;justify-content:center}.score-pill{display:flex;align-items:center;gap:5px}.score-pill span.num{font-family:Fredoka One,cursive;font-size:1.25rem;color:#e05020}.prog-strip{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center}.prog-dot{font-size:1.35rem;opacity:.28;transition:all .35s;display:inline-block;transform:scale(.8)}.prog-dot.cur{opacity:1;transform:scale(1.15);animation:progPop 1s ease-in-out infinite}.prog-dot.ok{opacity:1;transform:scale(1);filter:drop-shadow(0 0 4px rgba(80,200,80,.7))}.prog-dot.miss{opacity:.55;transform:scale(.85);filter:grayscale(60%)}@keyframes progPop{0%,to{transform:scale(1.15)}50%{transform:scale(1.32)}}.char{font-size:3.4rem;text-align:center;animation:charBob 2s ease-in-out infinite;display:block}@keyframes charBob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}.card-scene{width:100%;perspective:900px}.card-flipper{width:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.card-flipper.flipped{transform:rotateY(180deg)}.card-face{background:#fff;border-radius:28px;padding:26px 32px 22px;text-align:center;box-shadow:0 8px #e8c090,0 12px 30px #0000001f;border:4px solid #ffe0a0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:border-color .3s}.card-face.is-flagged{border-color:var(--flag);box-shadow:0 8px 0 var(--flag-dark),0 12px 30px #ff980038}.card-face.card-back{position:absolute;top:0;left:0;width:100%;transform:rotateY(180deg);background:linear-gradient(135deg,#f0e8ff,#e0d4ff);border-color:#c4a8ff;box-shadow:0 8px #a070d0,0 12px 30px #7850c82e}.flag-badge{position:absolute;top:-6px;right:16px;background:var(--flag);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:1px;padding:4px 10px;border-radius:0 0 10px 10px;box-shadow:0 3px 0 var(--flag-dark);display:none;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.card-scene.is-flagged .flag-badge{display:block}@keyframes shakeCard{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}.word-label{font-size:.75rem;font-weight:800;color:#c0a080;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}.the-word{font-family:Fredoka One,cursive;font-size:clamp(3.8rem,16vw,7rem);color:#2c3e50;line-height:1.05;text-shadow:3px 3px 0 #e0d4c0;letter-spacing:4px;transition:color .4s;-webkit-user-select:none;user-select:none}.word-num{font-size:.8rem;color:#c8b898;font-weight:700;margin-top:8px}.phonics-label{font-size:.75rem;font-weight:800;color:#9060c0;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.phonics-chunks{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.phonics-chunk{font-family:Fredoka One,cursive;font-size:clamp(2.2rem,10vw,4rem);color:#5a2090;background:#ffffffb3;border-radius:14px;padding:6px 14px;border:3px solid #c4a8ff;letter-spacing:2px;line-height:1.1;animation:chunkPop .4s cubic-bezier(.175,.885,.32,1.275) both}.phonics-chunk:nth-child(1){animation-delay:.05s}.phonics-chunk:nth-child(2){animation-delay:.15s}.phonics-chunk:nth-child(3){animation-delay:.25s}.phonics-chunk:nth-child(4){animation-delay:.35s}.phonics-chunk:nth-child(5){animation-delay:.45s}@keyframes chunkPop{0%{transform:scale(.6) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.phonics-hint-note{font-size:.82rem;font-weight:800;color:#9060c0;margin-top:10px}.choices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-btn{background:#fff;border:4px solid #ffe0a0;border-radius:20px;padding:16px 8px;font-family:Fredoka One,cursive;font-size:clamp(1.4rem,6vw,2rem);color:#2c3e50;letter-spacing:2px;cursor:pointer;box-shadow:0 6px #e8c090;transition:transform .1s,box-shadow .1s,background .18s,border-color .18s;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.choice-btn:hover:not(:disabled){background:#fff8ec;border-color:var(--purple);transform:translateY(-3px);box-shadow:0 9px #e8c090}.choice-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #e8c090}.choice-btn.correct{background:#d4f8d4;border-color:var(--green);color:#1a6e1a;box-shadow:0 6px 0 var(--green-dark);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.choice-btn.wrong{background:#fde8e8;border-color:var(--red);color:#8b1a1a;box-shadow:0 6px 0 var(--red-dark);animation:shakeBtn .35s ease}.choice-btn.dim{opacity:.35;cursor:not-allowed}.choice-btn:disabled{cursor:not-allowed}@keyframes shakeBtn{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.btn-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.btn{padding:13px 20px;border-radius:50px;border:none;font-family:Nunito,sans-serif;font-weight:900;font-size:.93rem;cursor:pointer;transition:all .12s;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(3px)}.btn-say{background:var(--teal);color:#fff;box-shadow:0 5px 0 var(--teal-dark)}.btn-say:active{box-shadow:0 2px 0 var(--teal-dark)}.btn-hint{background:#c4a8ff;color:#4a1090;box-shadow:0 5px #9060c0}.btn-hint:active{box-shadow:0 2px #9060c0}@keyframes flagFlash{0%{background:var(--flag);transform:scale(1)}30%{background:#ffe0b2;transform:scale(1.12)}60%{background:var(--flag);transform:scale(1.06)}to{background:var(--flag);transform:scale(1)}}@keyframes unflagFlash{0%{background:#fff;transform:scale(1)}30%{background:#ffe0b2;transform:scale(1.08)}to{background:#fff;transform:scale(1)}}.btn-flag{background:var(--flag);color:#fff;box-shadow:0 5px 0 var(--flag-dark)}.btn-flag:active{box-shadow:0 2px 0 var(--flag-dark)}.btn-flag.is-flagged{background:#fff;color:var(--flag-dark);border:3px solid var(--flag);box-shadow:0 5px #e0b060}.btn-flag.flashing{animation:flagFlash .45s ease}.btn-flag.is-flagged.flashing{animation:unflagFlash .45s ease}.btn-next{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark);font-size:1.05rem;padding:14px 30px;flex:1;display:none}.btn-next:active{box-shadow:0 2px 0 var(--red-dark)}.result-box{width:100%;border-radius:20px;padding:14px 18px;text-align:center;font-size:.93rem;font-weight:800;display:none;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275)}.result-box.good{background:#d4f8d4;color:#1a6e1a;border:3px solid var(--green);display:block}.result-box.bad{background:#fde8e8;color:#8b1a1a;border:3px solid var(--red);display:block}.rescue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;pointer-events:none}.rescue-popup{background:#fff;border-radius:32px;border:6px solid var(--green);padding:26px 32px;text-align:center;box-shadow:0 12px 40px #0000002e;animation:rescuePopup .5s cubic-bezier(.175,.885,.32,1.275) forwards,rescueFade .4s .9s ease forwards;display:flex;flex-direction:column;align-items:center;gap:5px}@keyframes rescuePopup{0%{transform:scale(.4) translateY(60px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes rescueFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.rescue-popup-emoji{font-size:4.2rem;animation:rescueWiggle .6s ease-in-out infinite alternate}@keyframes rescueWiggle{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.1)}}.rescue-popup-text{font-family:Fredoka One,cursive;font-size:1.35rem;color:#1a6e1a}.rescue-popup-sub{font-weight:800;font-size:.88rem;color:#51cf66}.finish{background:#fff;border-radius:28px;padding:30px 24px;text-align:center;box-shadow:0 8px #e8c090,0 12px 30px #0000001f;border:4px solid #ffe0a0;width:100%;display:none;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.finish-big{font-size:3.6rem}.finish-title{font-family:Fredoka One,cursive;font-size:2.3rem;color:#2c3e50;margin:8px 0 4px}.finish-sub{color:#888;font-size:.92rem;font-weight:700;margin-bottom:10px}.finish-score{font-family:Fredoka One,cursive;font-size:2.8rem;color:#e05020}.finish-pen{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:12px 0;font-size:2rem}.btn-restart{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border:none;border-radius:50px;padding:14px 38px;margin-top:12px;font-family:Nunito,sans-serif;font-weight:900;font-size:1.1rem;cursor:pointer;box-shadow:0 5px #5a3fa0;transition:all .12s}.btn-restart:active{transform:translateY(4px);box-shadow:0 1px #5a3fa0}#revisionScreen{width:100%;display:none;flex-direction:column;align-items:center;gap:14px;animation:popIn .4s ease}.revision-card{background:#fff;border-radius:28px;padding:22px 20px;width:100%;box-shadow:0 8px #e8c090,0 12px 30px #0000001f;border:4px solid #ffe0a0}.revision-title{font-family:Fredoka One,cursive;font-size:1.6rem;color:#2c3e50;text-align:center;margin-bottom:4px}.revision-sub{font-size:.82rem;font-weight:700;color:#a08060;text-align:center;margin-bottom:16px}.revision-list{display:flex;flex-direction:column;gap:8px}.rev-row{display:flex;align-items:center;gap:10px;background:#fffdf8;border-radius:14px;padding:10px 14px;border:2px solid #ffe8c0;transition:background .15s}.rev-row.rev-correct{border-color:#b8f0c0;background:#f4fff5}.rev-row.rev-wrong{border-color:#fdd;background:#fff8f8}.rev-word{font-family:Fredoka One,cursive;font-size:1.6rem;color:#2c3e50;letter-spacing:3px;flex:1}.rev-result{font-size:1.2rem;flex-shrink:0}.btn-rev-hear{background:var(--teal);color:#fff;border:none;border-radius:50px;padding:7px 14px;font-size:.85rem;font-weight:900;font-family:Nunito,sans-serif;cursor:pointer;box-shadow:0 3px 0 var(--teal-dark);flex-shrink:0;transition:all .1s;-webkit-tap-highlight-color:transparent}.btn-rev-hear:active{transform:translateY(2px);box-shadow:0 1px 0 var(--teal-dark)}.revision-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.btn-save-round{background:linear-gradient(135deg,#51cf66,#2a9e4a);color:#fff;border:none;border-radius:50px;padding:13px 28px;font-family:Nunito,sans-serif;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 5px #1a7a30;transition:all .12s}.btn-save-round:active{transform:translateY(3px);box-shadow:0 2px #1a7a30}.btn-save-round:disabled{background:#b0d8b8;box-shadow:0 3px #80a888;cursor:not-allowed}.btn-to-play{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border:none;border-radius:50px;padding:13px 28px;font-family:Nunito,sans-serif;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 5px #5a3fa0;transition:all .12s}.btn-to-play:active{transform:translateY(3px);box-shadow:0 2px #5a3fa0}.save-confirm{font-size:.82rem;font-weight:800;color:var(--green-dark);text-align:center;display:none;animation:popIn .3s ease}.past-rounds-section{margin-top:14px;border-top:2px solid #ffe0a0;padding-top:14px}.past-rounds-title{font-family:Fredoka One,cursive;font-size:1rem;color:#7a4000;margin-bottom:10px}.round-summary{background:#fffdf8;border-radius:14px;border:2px solid #ffe0a0;margin-bottom:8px;overflow:hidden}.round-summary-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .15s}.round-summary-header:hover{background:#fff8ec}.round-date{font-weight:800;font-size:.82rem;color:#a08060}.round-score-badge{font-family:Fredoka One,cursive;font-size:.95rem;color:#e05020}.round-chevron{font-size:.85rem;color:#c0a080;transition:transform .25s}.round-chevron.open{transform:rotate(90deg)}.round-words-list{padding:0 14px 12px;display:none;flex-direction:column;gap:6px}.round-words-list.open{display:flex}.round-word-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border-radius:10px;border:2px solid #ffe8c0}.round-word-row.rw-correct{border-color:#b8f0c0;background:#f4fff5}.round-word-row.rw-wrong{border-color:#fdd;background:#fff8f8}.round-word-text{font-family:Fredoka One,cursive;font-size:1.3rem;color:#2c3e50;letter-spacing:2px;flex:1}.round-word-result{font-size:1rem;flex-shrink:0}.btn-rw-hear{background:var(--teal);color:#fff;border:none;border-radius:50px;padding:5px 11px;font-size:.78rem;font-weight:900;font-family:Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 0 var(--teal-dark);flex-shrink:0;-webkit-tap-highlight-color:transparent}.btn-rw-hear:active{transform:translateY(1px)}.no-past-rounds{font-weight:700;color:#b09070;font-size:.85rem;text-align:center;padding:8px 0}.btn-clear-rounds{background:none;border:none;color:#c08060;font-size:.75rem;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-top:6px;padding:2px 4px}