.sight-words-game{font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;background:linear-gradient(135deg,#fff8e7,#ffe4b5);min-height:100vh;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.screen{max-width:800px;margin:0 auto;text-align:center;padding:40px 20px}.home-screen .title{font-size:3rem;color:#ff6b35;margin-bottom:30px;text-shadow:3px 3px 6px rgba(0,0,0,.1);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stars-display{background:#fff;border-radius:20px;padding:30px;margin:30px 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.star-count{font-size:2rem;color:gold;margin-bottom:15px}.words-count{font-size:1.5rem;color:#4a90e2}.big-button{font-size:2rem;padding:25px 50px;background:linear-gradient(135deg,#ffb347,#ff6b35);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 6px 20px rgba(255,107,53,.3);transition:all .3s ease;font-family:inherit;margin:10px}.big-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,.4)}.big-button:active{transform:translateY(0)}.mode-select-screen h2{font-size:2.5rem;color:#ff6b35;margin-bottom:40px}.mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0}.mode-button{background:#fff;border:4px solid #ffb347;border-radius:20px;padding:30px 20px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;font-family:inherit;font-weight:700;color:#2c3e50}.mode-button:hover{transform:scale(1.05);background:#fff8e7;box-shadow:0 6px 20px rgba(255,179,71,.3)}.mode-icon{font-size:3rem}.game-screen{max-width:900px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:20px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.back-button,.exit-button,.home-button{background:#87ceeb;color:#fff;border:none;padding:15px 30px;border-radius:30px;font-size:1.2rem;cursor:pointer;font-weight:700;transition:all .3s ease;font-family:inherit;margin:10px}.back-button:hover,.exit-button:hover,.home-button:hover{background:#5dade2;transform:translateY(-2px)}.progress-display{font-size:1.3rem;color:#2c3e50;font-weight:700}.stars-mini{font-size:1.5rem}.see-say-mode{background:#fff;border-radius:30px;padding:60px 40px;box-shadow:0 6px 25px rgba(0,0,0,.1)}.word-display{cursor:pointer;transition:transform .2s ease}.word-display:active{transform:scale(.95)}.illustration{font-size:6rem;margin-bottom:30px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.word-large{font-size:5rem;color:#ff6b35;font-weight:700;margin:30px 0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.tap-hint{font-size:1.3rem;color:#4a90e2;margin-top:20px}.next-button{background:linear-gradient(135deg,#90ee90,#32cd32);color:#fff;border:none;padding:20px 40px;border-radius:40px;font-size:1.8rem;cursor:pointer;font-weight:700;margin-top:30px;box-shadow:0 6px 20px rgba(50,205,50,.3);transition:all .3s ease;font-family:inherit}.next-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(50,205,50,.4)}.trace-mode{background:#fff;border-radius:30px;padding:60px 40px;box-shadow:0 6px 25px rgba(0,0,0,.1)}.word-trace{font-size:5rem;color:#ffb347;font-weight:700;padding:40px;border:5px dashed #ffb347;border-radius:20px;margin:30px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.word-trace.tracing{background:linear-gradient(135deg,#fff8e7,#ffe4b5);border-color:#ff6b35;color:#ff6b35;animation:sparkle .5s ease}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trace-hint{font-size:1.5rem;color:#4a90e2;margin-top:20px}.find-mode{background:#fff;border-radius:30px;padding:40px;box-shadow:0 6px 25px rgba(0,0,0,.1)}.find-mode h2{font-size:2.5rem;color:#ff6b35;margin-bottom:40px}.word-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:40px 0}.word-option{background:#fff8e7;border:5px solid #ffb347;border-radius:25px;padding:40px 30px;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:20px;font-family:inherit;font-weight:700;color:#2c3e50}.word-option:hover:not(:disabled){transform:scale(1.05);background:#fff;box-shadow:0 6px 20px rgba(255,179,71,.3)}.word-option.correct{background:#90ee90;border-color:#32cd32;animation:correctBounce .5s ease}.word-option.incorrect{background:#ffb6c1;border-color:#ff69b4;animation:shake .5s ease}@keyframes correctBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.option-illustration{font-size:4rem}.option-word{font-size:2.5rem;color:#ff6b35}.memory-mode{background:#fff;border-radius:30px;padding:40px;box-shadow:0 6px 25px rgba(0,0,0,.1)}.memory-mode h2{font-size:2.5rem;color:#ff6b35;margin-bottom:40px}.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:500px;margin:0 auto}.memory-card{aspect-ratio:1;background:#ffb347;border-radius:20px;cursor:pointer;transition:all .3s ease;position:relative;perspective:1000px;min-height:150px}.memory-card:hover:not(.matched){transform:scale(1.05)}.card-back,.card-front{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;backface-visibility:hidden;transition:transform .6s}.card-front{background:linear-gradient(135deg,#ffb347,#ff6b35);color:#fff;font-size:4rem;font-weight:700}.card-back{background:#fff;border:5px solid #ffb347}.card-back,.memory-card.flipped .card-front{transform:rotateY(180deg)}.memory-card.flipped .card-back{transform:rotateY(0)}.memory-card.matched{opacity:.6;cursor:default}.memory-card.matched .card-back{background:#90ee90;border-color:#32cd32}.card-illustration{font-size:3rem;margin-bottom:10px}.card-word{font-size:2rem;color:#ff6b35;font-weight:700}.completion-screen{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.completion-screen h1{font-size:3.5rem;color:#ff6b35;margin-bottom:40px;animation:bounce 1s ease infinite}.completion-stats{background:#fff;border-radius:20px;padding:40px;margin:30px 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.stat{font-size:2rem;margin:15px 0;color:#2c3e50;font-weight:700}.encouragement-message{font-size:1.8rem;color:#4a90e2;margin:30px 0;padding:30px;background:#fff8e7;border-radius:20px;font-weight:700}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.celebration-content{text-align:center}.confetti{font-size:5rem;animation:confettiFall 1s ease}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0deg);opacity:0}50%{opacity:1}to{transform:translateY(0) rotate(1turn);opacity:1}}.celebration-text{font-size:3rem;color:#ff6b35;font-weight:700;margin-top:20px;animation:bounce .5s ease}@media (max-width:768px){.home-screen .title{font-size:2rem}.word-large{font-size:3.5rem}.illustration{font-size:4rem}.mode-buttons,.word-options{grid-template-columns:1fr}.big-button{font-size:1.5rem;padding:20px 40px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}