@keyframes confetti-burst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1) rotate(180deg);opacity:0}}@keyframes card-enter{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes streak-pulse{0%,to{box-shadow:0 0 15px #f59e0b66}50%{box-shadow:0 0 35px #f59e0be6,0 0 60px #f59e0b66}}@keyframes timer-pulse-red{0%,to{color:var(--red)}50%{color:#fca5a5}}@keyframes progress-fill{0%{width:0%}}.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(139,92,246,.7))}.start-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;background:linear-gradient(135deg,#a78bfa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.start-desc{color:var(--text-muted);font-size:1.05rem;font-weight:600;text-align:center;line-height:1.6;max-width:420px}.start-rules{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1.25rem 1.5rem;width:100%;display:flex;flex-direction:column;gap:.6rem}.rule-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.rule-icon{font-size:1.1rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);border:none;border-radius:.875rem;color:#fff;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px #8b5cf680;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{box-shadow:0 8px 30px #8b5cf6b3;transform:translateY(-2px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.35);border-radius:.75rem;color:#c4b5fd;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-secondary:hover{background:#8b5cf640;transform:translateY(-1px)}.top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.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}.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(--text)}.stat-chip-value.score-animate{animation:score-pop .4s ease}.stat-chip-value.timer-urgent{animation:timer-pulse-red .6s ease-in-out infinite}.progress-wrap{width:100%;display:flex;flex-direction:column;gap:.35rem}.progress-label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-align:right}.progress-track{width:100%;height:8px;background:#ffffff14;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:9999px;transition:width .4s ease}.verb-card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;padding:2rem;text-align:center;position:relative;overflow:hidden;animation:card-enter .4s ease both;backdrop-filter:blur(10px)}.verb-card.streak-active{animation:glow-pulse 2s ease-in-out infinite;border-color:#f59e0b80}.verb-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 3s linear infinite}.verb-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.verb-text{font-size:clamp(2.5rem,10vw,4rem);font-weight:900;background:linear-gradient(135deg,#a78bfa,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;line-height:1.2}.streak-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:800;color:var(--amber);animation:bounce-in .3s ease}.inputs-wrap{width:100%;display:flex;flex-direction:column;gap:.75rem}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.85rem;font-weight:700;color:var(--text-muted);padding-left:.25rem}.verb-input{width:100%;padding:.85rem 1rem;background:#ffffff0d;border:1.5px solid rgba(139,92,246,.25);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:var(--purple);background:#8b5cf61a}.verb-input:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.verb-input.correct{border-color:var(--emerald);background:#10b9811a}.verb-input.wrong{border-color:var(--red);background:#ef44441a}.check-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6);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 #8b5cf666}.check-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699}.check-btn:active{transform:scale(.98)}.check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.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:#10b98126}.feedback-overlay.wrong-overlay{background:#ef444426}.feedback-box{background:#0a0a1ae6;border-radius:1.5rem;padding:2rem 3rem;text-align:center;backdrop-filter:blur(20px);animation:bounce-in .3s ease both}.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;color:var(--emerald);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,#a78bfa,#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(2,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;text-align:center}.results-stat-value{font-size:2rem;font-weight:900;color:var(--purple)}.results-stat-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.25rem}.results-table-wrap{width:100%;overflow-x:auto;animation:slide-up .5s .2s ease both;opacity:0;animation-fill-mode:forwards}.results-table{width:100%;border-collapse:collapse;font-size:.9rem;font-weight:600}.results-table th{background:#8b5cf626;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;text-align:left}.results-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text)}.results-table tr:last-child td{border-bottom:none}.results-table tr.row-correct td{background:#10b9810d}.results-table tr.row-wrong td{background:#ef44440d}.check-mark{color:var(--emerald);font-size:1.1rem}.cross-mark{color:var(--red);font-size:1.1rem}.correct-answer{color:var(--text-muted);font-size:.8rem}.results-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:slide-up .5s .3s 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(--purple);outline-offset:3px}@media(max-width:480px){.feedback-box{padding:1.5rem}.start-rules{padding:1rem}.top-bar{gap:.5rem}.stat-chip{padding:.4rem .75rem;min-width:70px}}