*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warn:#d97706;--bg:#f0f4f8;--card:#fff;--text:#1e293b;--muted:#64748b;--radius:12px;--shadow:0 4px 16px #00000014}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{background:var(--primary);color:#fff;align-items:center;padding:.75rem 1.5rem;display:flex}.app__brand{color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:700;text-decoration:none}.app__main{flex:1;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex}.page{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;display:flex}.page__title{color:var(--primary);font-size:1.5rem;font-weight:700}.page__hint{color:var(--muted)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--secondary{color:var(--text);background:#e2e8f0}.btn--secondary:hover{background:#cbd5e1}.btn--large{padding:.9rem 2rem;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:default}.page--home{align-items:center;gap:2rem}.home__logo{text-align:center}.home__logo-icon{font-size:4rem}.home__title{color:var(--primary);font-size:2.5rem;font-weight:800}.home__subtitle{color:var(--muted);font-size:1.1rem}.home__select-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1rem;width:100%;padding:2rem;display:flex}.home__label{font-weight:600}.home__rallye-list{flex-direction:column;gap:.5rem;display:flex}.home__rallye-btn{border-radius:var(--radius);cursor:pointer;background:#f8fafc;border:2px solid #0000;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.8rem 1rem;transition:border-color .15s,background .15s;display:flex}.home__rallye-btn strong{font-size:1rem}.home__rallye-btn span{color:var(--muted);font-size:.85rem}.home__rallye-btn--active{border-color:var(--primary);background:#eff6ff}.page--identification{max-width:480px}.identification__form{flex-direction:column;gap:1.2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{font-size:.95rem;font-weight:600}.field input{border-radius:var(--radius);border:2px solid #e2e8f0;outline:none;padding:.7rem 1rem;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--primary)}.optional{color:var(--muted);font-size:.85rem;font-weight:400}.page--instructions{align-items:center}.instructions__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1.2rem;width:100%;padding:2.5rem 2rem;display:flex}.instructions__icon{font-size:4rem}.instructions__title{font-size:1.6rem;font-weight:700}.instructions__text{color:var(--muted);font-size:1.05rem;line-height:1.6}.instructions__dots{gap:.5rem;display:flex}.dot{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.dot--active{background:var(--primary)}.page--exercise-title{align-items:center}.exercise-title__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;padding:3rem 2rem}.exercise-title__num{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.exercise-title__name{margin-top:.5rem;font-size:1.8rem;font-weight:700}.exercise-title__countdown{color:var(--primary);margin-top:1rem;font-size:5rem;font-weight:900;animation:.5s ease-in-out pulse}@keyframes pulse{0%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.timer{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.timer__display{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.timer--warning .timer__display{color:var(--danger);animation:1s step-start infinite blink}@keyframes blink{50%{opacity:.4}}.timer__bar-bg{background:#e2e8f0;border-radius:4px;width:120px;height:8px;overflow:hidden}.timer__bar{border-radius:4px;height:100%;transition:width 1s linear,background-color .5s}.progress{flex:1;align-items:center;gap:.75rem;display:flex}.progress__label{color:var(--muted);white-space:nowrap;font-size:.85rem}.progress__bar-bg{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress__bar{background:var(--primary);border-radius:4px;height:100%;transition:width .4s}.progress__count{color:var(--muted);white-space:nowrap;font-size:.85rem}.page--playing{gap:1rem}.playing__header{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.question-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.question-card__counter{color:var(--muted);font-size:.85rem}.question-card__enonce{font-size:1.5rem;font-weight:700;line-height:1.4}.question-card__form{gap:.75rem;display:flex}.question-card__input{border-radius:var(--radius);font-variant-numeric:tabular-nums;border:2px solid #e2e8f0;outline:none;flex:1;padding:.7rem 1rem;font-size:1.1rem}.question-card__input:focus{border-color:var(--primary)}.numpad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.numpad__key{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:.85rem;font-size:1.1rem;font-weight:600;transition:background .1s}.numpad__key:hover{background:#e2e8f0}.numpad__key:active{background:#cbd5e1}.numpad__key--del{color:var(--danger);background:#fff5f5;border-color:#fecaca}.numpad__key--ok{background:var(--primary);color:#fff;border-color:var(--primary);grid-column:span 3}.numpad__key--ok:hover{background:var(--primary-dark)}.page--feedback{align-items:center}.feedback__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:3rem 2rem;display:flex}.feedback--correct{border-left:6px solid var(--success)}.feedback--wrong{border-left:6px solid var(--danger)}.feedback__icon{font-size:3.5rem}.feedback__message{font-size:1.2rem;font-weight:600}.page--exercise-end{align-items:center}.exercise-end__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:3rem 2rem;display:flex}.exercise-end__score{color:var(--primary);font-size:3rem;font-weight:900}.page--results{max-width:700px}.scoreboard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.scoreboard__medal{font-size:4rem}.scoreboard__title{font-size:1.4rem;font-weight:700}.scoreboard__total{color:var(--primary);font-size:2rem;font-weight:700}.scoreboard__pct{color:var(--muted);font-size:1.2rem}.scoreboard__table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.9rem}.scoreboard__table th,.scoreboard__table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.6rem .8rem}.scoreboard__table th{color:var(--muted);font-weight:600}.row--good td:first-child:before{content:"✅ "}.row--bad td:first-child:before{content:"❌ "}.results__actions{justify-content:center;gap:1rem;display:flex}.page--loading{align-items:center;gap:1rem}.spinner{border:4px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.app__main{padding:1rem .75rem}.question-card__enonce{font-size:1.2rem}.timer__bar-bg{width:80px}}