*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Chalkboard SE,Arial Rounded MT Bold,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#333}#app{text-align:center;width:100%;max-width:600px;padding:2rem}.menu-title{font-size:clamp(2rem,5vw,3.5rem);color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.2);margin-bottom:.5rem}.menu-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffd9;margin-bottom:2rem}.menu-btn{display:block;width:100%;padding:1.2rem 2rem;margin:1rem 0;font-size:1.5rem;font-weight:700;border:none;border-radius:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit}.menu-btn:hover,.menu-btn:focus{transform:scale(1.05);box-shadow:0 8px 25px #0000004d;outline:3px solid rgba(255,255,255,.8);outline-offset:3px}.menu-btn:active{transform:scale(.98)}.menu-btn--digits{background:#ff6b6b;color:#fff}.menu-btn--letters{background:#4ecdc4;color:#fff}.menu-btn--both{background:#ffe66d;color:#333}.menu-btn--easy{background:#2ed573;color:#fff}.menu-btn--normal{background:#ffa502;color:#fff}.menu-btn--hard{background:#ff4757;color:#fff}.menu-btn--en{background:#3498db;color:#fff}.menu-btn--es{background:#e74c3c;color:#fff}.menu-btn--it{background:#2ecc71;color:#fff}.mobile-input{position:absolute;opacity:0;width:1px;height:1px;border:none;padding:0;pointer-events:none}.char-display{font-weight:700;color:#fff;text-shadow:4px 4px 0 rgba(0,0,0,.2);text-transform:uppercase;background:#ffffff26;border-radius:2rem;padding:1rem 2rem;margin:1rem 0 2rem;min-height:12rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.char-display[data-length="1"]{font-size:clamp(8rem,20vw,16rem)}.char-display[data-length="2"],.char-display[data-length="3"]{font-size:clamp(4rem,12vw,8rem)}.char-display[data-length="4"],.char-display[data-length="5"]{font-size:clamp(3rem,8vw,6rem)}.char-display[data-length="6"],.char-display[data-length="7"]{font-size:clamp(2rem,6vw,4.5rem)}.char-display[data-length="8"],.char-display[data-length="9"],.char-display[data-length="10"]{font-size:clamp(1.5rem,5vw,3.5rem)}.char-display--complete{animation:word-complete 1.2s ease-in-out forwards}@keyframes word-complete{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.12);filter:brightness(1.4)}60%{transform:scale(1.12);filter:brightness(1.4)}to{transform:scale(.6);opacity:0;filter:brightness(1)}}.char-display--enter{animation:word-enter .5s ease-out}@keyframes word-enter{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.target-char{display:inline-block;margin:0 .1em;padding-bottom:.1em;transition:opacity .15s,transform .15s}.target-char--typed{opacity:.35}.target-char--active{border-bottom:.08em solid #ffe66d;animation:pulse-active 1s ease-in-out infinite}.target-char--pending{opacity:.7}@keyframes pulse-active{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes flash-correct{0%{background:#2ed57399}to{background:#ffffff26}}@keyframes flash-wrong{0%{background:#ff475799}to{background:#ffffff26}}.feedback-correct{animation:flash-correct .35s ease-out}.feedback-wrong{animation:flash-wrong .35s ease-out}.key-press{position:fixed;top:50%;left:50%;translate:-50% -50%;font-size:10rem;font-weight:700;color:#fff;border-radius:1.5rem;width:14rem;height:14rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;pointer-events:none;opacity:0;transform:scale(.5)}.key-press--correct{background:#2ed573d9;text-shadow:0 2px 8px rgba(0,0,0,.3)}.key-press--wrong{background:#ff4757d9;text-shadow:0 2px 8px rgba(0,0,0,.3)}.key-press--visible{animation:key-pop 1.2s ease-out forwards}@keyframes key-pop{0%{opacity:1;transform:scale(1.3)}20%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.score-panel{position:fixed;top:1rem;right:1rem;display:flex;gap:.75rem;z-index:10}.score-item{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;padding:.5rem 1rem;text-align:center}.score-label{font-size:.7rem;color:#fffc;text-transform:uppercase}.score-value{font-size:1.5rem;font-weight:700;color:#fff}.sound-toggle{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:.75rem;padding:.5rem .75rem;font-size:1.3rem;cursor:pointer;line-height:1;transition:background .15s}.sound-toggle:hover{background:#ffffff59}.back-btn{margin-top:2rem;padding:.6rem 1.5rem;font-size:1rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:.5rem;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}.back-btn:hover{background:#ffffff59;transform:scale(1.05)}.credits{position:fixed;bottom:2rem;left:0;right:0;text-align:center;font-size:.85rem;color:#ffffff80;font-family:Chalkboard SE,Arial Rounded MT Bold,sans-serif}.credits a{color:#ffffffb3;text-decoration:none}.credits a:hover{color:#fff;text-decoration:underline}#credits-btn{cursor:pointer}.credits-support{color:#fff;font-weight:500}.about-message{font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffe6;line-height:1.6;margin:1.5rem 0 2rem}.about-version{color:#ffffffe6;font-family:inherit}.coffee-btn{display:inline-block;padding:1rem 2rem;margin-bottom:1rem;font-size:1.3rem;font-weight:700;font-family:inherit;background:#fd0;color:#333;border:none;border-radius:1rem;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.coffee-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #0000004d}.menu-btn--back{background:#fff3;color:#fff}