:root{--emerald: #10b981;--emerald-dark: #059669;--emerald-light: #34d399;--card-bg: rgba(16, 185, 129, .07);--card-border: rgba(16, 185, 129, .25)}body{background:radial-gradient(ellipse at top,#052e16,#0a1a12,#0a0a1a)}@keyframes glow-pulse-green{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b981cc,0 0 70px #10b9814d}}@keyframes streak-pulse{0%,to{box-shadow:0 0 15px #10b98166}50%{box-shadow:0 0 35px #10b981e6,0 0 60px #10b98166}}@keyframes card-enter{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem 2rem;position:relative;z-index:1}.screen{display:none;width:100%;max-width:640px}.screen.active{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.start-icon{font-size:5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(16,185,129,.7))}.start-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;background:linear-gradient(135deg,#34d399,#06b6d4,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;text-align:center;line-height:1.2}.start-desc{color:var(--text-muted);font-size:1.05rem;font-weight:600;text-align:center;line-height:1.6;max-width:480px}.start-rules{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.25rem;padding:1.25rem 1.5rem;width:100%;display:flex;flex-direction:column;gap:.6rem;backdrop-filter:blur(10px)}.rule-item{display:flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.rule-icon{font-size:1.1rem}.btn-primary{padding:1rem 2.5rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);border:none;border-radius:.875rem;color:#fff;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 20px #10b98180;animation:glow-pulse-green 3s ease-in-out infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b981b3}.btn-primary:active{transform:scale(.97)}.btn-secondary{padding:.85rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.875rem;color:var(--text-muted);font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.btn-secondary:hover{background:#ffffff1a;color:var(--text)}.btn-danger{padding:.65rem 1.25rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:.75rem;color:#fca5a5;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-danger:hover{background:#ef444438;border-color:#ef444499}.btn-danger:active{transform:scale(.97)}.top-bar{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.stat-chip{display:flex;flex-direction:column;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:.5rem 1rem;min-width:80px;backdrop-filter:blur(10px)}.stat-chip-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-chip-value{font-size:1.3rem;font-weight:900;color:var(--emerald-light)}.verb-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;padding:2rem;width:100%;text-align:center;backdrop-filter:blur(16px);transition:border-color .3s ease,box-shadow .3s ease;animation:card-enter .4s ease both}.verb-card.streak-active{border-color:#10b98199;animation:streak-pulse 1.5s ease-in-out infinite}.verb-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.5rem}.verb-text{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;color:var(--text);line-height:1;margin-bottom:.5rem}.counter-text{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-top:.5rem}.streak-badge{display:inline-block;margin-top:.75rem;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.4);border-radius:9999px;padding:.3rem 1rem;font-size:.85rem;font-weight:700;color:#6ee7b7;animation:bounce-in .3s ease both}.inputs-wrap{display:flex;flex-direction:column;gap:.75rem;width:100%}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.verb-input{width:100%;padding:.85rem 1rem;background:#10b9810f;border:1.5px solid rgba(16,185,129,.2);border-radius:.75rem;color:var(--text);font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:700;outline:none;transition:border-color .2s ease,background .2s ease}.verb-input:focus{border-color:#10b98199;background:#10b9811a}.verb-input:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.verb-input.correct{border-color:var(--emerald);background:#10b9811a}.verb-input.wrong{border-color:var(--red);background:#ef44441a;animation:shake .4s ease}.check-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:.875rem;color:#fff;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 15px #10b98166}.check-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}.check-btn:active{transform:scale(.98)}.check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-actions{display:flex;gap:.75rem;width:100%;align-items:stretch}.game-actions .check-btn{flex:1}.feedback-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease}.feedback-overlay.show{opacity:1;pointer-events:all}.feedback-overlay.correct-overlay{background:#10b9811f}.feedback-overlay.wrong-overlay{background:#ef44441f}.feedback-box{background:#0a0a1aeb;border-radius:1.5rem;padding:2rem 3rem;text-align:center;backdrop-filter:blur(20px);animation:bounce-in .3s ease both;border:1px solid rgba(255,255,255,.08)}.feedback-icon{font-size:3rem}.feedback-title{font-size:1.8rem;font-weight:900;margin-top:.5rem}.feedback-overlay.correct-overlay .feedback-title{color:var(--emerald)}.feedback-overlay.wrong-overlay .feedback-title{color:var(--red)}.feedback-answer{margin-top:.5rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.feedback-answer strong{color:var(--text)}.float-text{position:fixed;font-size:1.4rem;font-weight:900;pointer-events:none;animation:float-text 1s ease forwards;z-index:200}.results-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;background:linear-gradient(135deg,#34d399,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:slide-up .5s ease both}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;animation:slide-up .5s .1s ease both;opacity:0;animation-fill-mode:forwards}.results-stat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1rem .5rem;text-align:center}.results-stat-value{font-size:1.9rem;font-weight:900;color:var(--emerald-light)}.results-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.25rem}.results-section{width:100%;animation:slide-up .5s .2s ease both;opacity:0;animation-fill-mode:forwards}.results-section-title{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.section-mastered .results-section-title{color:var(--emerald-light)}.section-trouble .results-section-title{color:#fca5a5}.section-neutral .results-section-title{color:#93c5fd}.verb-pills{display:flex;flex-wrap:wrap;gap:.5rem}.verb-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:700;border:1px solid}.pill-mastered{background:#10b9811f;border-color:#10b98159;color:#6ee7b7}.pill-trouble{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.pill-neutral{background:#6366f11a;border-color:#6366f14d;color:#a5b4fc}.pill-count{background:#00000040;border-radius:9999px;padding:.05rem .45rem;font-size:.75rem}.trouble-table-wrap{width:100%;overflow-x:auto}.trouble-table{width:100%;border-collapse:collapse;font-size:.9rem;font-weight:600}.trouble-table th{background:#ef44441a;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;text-align:left}.trouble-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text)}.trouble-table tr:last-child td{border-bottom:none}.miss-count{color:#fca5a5;font-weight:800}.hit-count{color:#6ee7b7;font-weight:800}.results-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:slide-up .5s .35s ease both;opacity:0;animation-fill-mode:forwards}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;pointer-events:none;z-index:300;animation:confetti-fall linear forwards}.back-link{position:fixed;top:1rem;left:1rem;display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.9rem;font-weight:700;text-decoration:none;padding:.4rem .75rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:background .2s ease,color .2s ease;z-index:50}.back-link:hover{background:#ffffff1a;color:var(--text)}.back-link:focus-visible{outline:2px solid var(--emerald);outline-offset:3px}.empty-state{color:var(--text-muted);font-size:.9rem;font-weight:600;font-style:italic;text-align:center;padding:.5rem 0}@media(max-width:480px){.start-rules{padding:1rem}.top-bar{gap:.5rem}.stat-chip{padding:.4rem .75rem}}