*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:#2d3436;background:linear-gradient(135deg,#a8edea,#fed6e3);min-height:100vh}body{min-height:100vh;display:flex;justify-content:center;padding:1rem}#root{width:100%;max-width:600px}.app{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem}.header h1{font-size:1.5rem;color:#6c5ce7}.score{font-size:1.2rem;font-weight:700;color:#fdcb6e;background:#0000001a;border-radius:999px;padding:.3rem 1rem}.timer-bar{display:flex;align-items:center;gap:.5rem;background:#fff9;border-radius:999px;padding:.4rem 1rem}.timer-label{font-size:.95rem;font-weight:600;color:#636e72}.timer-btn{padding:.3rem .8rem;font-size:.9rem;font-weight:600;border:2px solid #6c5ce7;border-radius:999px;background:#fff;color:#6c5ce7;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.timer-btn:hover{background:#6c5ce7;color:#fff}.timer-display{font-size:1.3rem;font-weight:700;color:#6c5ce7;font-variant-numeric:tabular-nums}.timer-warning{color:#e17055;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card{background:#fff;border-radius:1.5rem;padding:2rem 1.5rem;box-shadow:0 8px 30px #0000001a;width:100%;text-align:center}.card.finished{padding:3rem 2rem}.instruction{font-size:1.1rem;color:#636e72;margin-bottom:.5rem}.sight-word{font-size:4rem;font-weight:800;color:#6c5ce7;-webkit-user-select:none;user-select:none;padding:.25rem 0;margin-bottom:1.5rem}.pictures{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.picture-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;border:3px solid #dfe6e9;border-radius:1rem;background:#fafafa;cursor:pointer;transition:transform .15s,border-color .2s,opacity .3s;font-family:inherit}.picture-btn:hover{border-color:#6c5ce7;transform:scale(1.04)}.picture-btn:active{transform:scale(.97)}.picture-btn .emoji{font-size:3.5rem;line-height:1}.picture-btn.selected{border-color:#6c5ce7;background:#ede9fe}.picture-btn.correct{border-color:#00b894;background:#e0fcef}.picture-btn.dim{opacity:.4}.btn-submit{margin-top:1rem;padding:.7rem 2.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:999px;background:#6c5ce7;color:#fff;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;font-family:inherit}.btn-submit:hover:not(:disabled){background:#5a4bd1;transform:scale(1.04)}.btn-submit:disabled{opacity:.4;cursor:default}.feedback{margin-top:1rem;padding:1rem;border-radius:1rem;font-size:1.2rem;font-weight:700}.feedback.correct{background:#e0fcef;color:#00b894}.feedback.wrong{background:#fff3e0;color:#e17055}.btn-next{margin-top:.75rem;padding:.6rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:999px;background:#6c5ce7;color:#fff;cursor:pointer;transition:background .2s,transform .15s;font-family:inherit}.btn-next:hover{background:#5a4bd1;transform:scale(1.04)}.score-final{font-size:1.5rem;margin:1rem 0;color:#636e72}.btn-restart{padding:.8rem 2.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:999px;background:#6c5ce7;color:#fff;cursor:pointer;transition:background .2s,transform .15s;font-family:inherit}.btn-restart:hover{background:#5a4bd1;transform:scale(1.04)}.progress{font-size:.95rem;color:#636e72;background:#fff9;border-radius:999px;padding:.3rem 1rem}.finished h1{font-size:2.5rem;color:#6c5ce7}.btn-back{padding:.4rem 1rem;font-size:.95rem;font-weight:700;border:2px solid #6c5ce7;border-radius:999px;background:#fff;color:#6c5ce7;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.btn-back:hover{background:#6c5ce7;color:#fff}.finished .btn-back{margin-top:.75rem}.menu-header{text-align:center;padding:2rem 1rem 1rem}.menu-header h1{font-size:2.2rem;color:#6c5ce7}.menu-subtitle{font-size:1.2rem;color:#636e72;margin-top:.25rem}.game-cards{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0 .5rem}.game-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1.5rem;background:#fff;border:3px solid #dfe6e9;border-radius:1.5rem;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;font-family:inherit}.game-card:hover{border-color:#6c5ce7;transform:scale(1.03);box-shadow:0 6px 20px #6c5ce726}.game-card:active{transform:scale(.98)}.game-card-icon{font-size:3.5rem;line-height:1}.game-card-title{font-size:1.5rem;font-weight:800;color:#6c5ce7}.game-card-desc{font-size:1rem;color:#636e72}.wr-target-word{cursor:pointer}.wr-hint{font-size:.85rem;color:#b2bec3;margin-top:-.5rem;margin-bottom:1rem}.wr-duration-picker{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.timer-btn-active{background:#6c5ce7;color:#fff}.wr-play-btn{font-size:1.4rem;padding:.8rem 3rem}.wr-header-target{font-size:1.2rem;color:#636e72;cursor:pointer}.wr-target-inline{font-weight:800;color:#6c5ce7;font-size:1.4rem}.wr-timer-bar{display:flex;justify-content:center;background:#fff9;border-radius:999px;padding:.3rem 1rem}.wr-play-area{position:relative;width:100%;background:#fff6;border-radius:1.5rem;overflow:hidden;touch-action:manipulation;transition:background .1s}.wr-play-area.wr-flash-wrong{background:#e170554d}.wr-falling-word{position:absolute;transform:translate(-50%);padding:.5rem 1.2rem;font-size:1.3rem;font-weight:700;border:2px solid #6c5ce7;border-radius:999px;background:#fff;color:#2d3436;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .2s,transform .1s}.wr-falling-word:active{transform:translate(-50%) scale(.9)}.wr-falling-word.correct{background:#e0fcef;border-color:#00b894;color:#00b894;opacity:0;pointer-events:none}.wr-falling-word.wrong{background:#fff3e0;border-color:#e17055;color:#e17055;opacity:0;pointer-events:none}.wc-hud{display:flex;align-items:center;gap:.5rem}.wc-lives{font-size:1.2rem;letter-spacing:.1rem}.wc-player{position:absolute;bottom:8px;transform:translate(-50%);font-size:2.5rem;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;transition:left .05s linear}