*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f0eb;--color-surface: #ffffff;--color-text: #2c3e2d;--color-text-light: #6b7c6b;--color-primary: #4a7c59;--color-primary-hover: #3d6a4a;--color-correct: #2d8a4e;--color-correct-bg: #d4edda;--color-wrong: #c0392b;--color-wrong-bg: #f8d7da;--color-border: #ddd;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background .6s ease}body[data-domain=plants]{background:radial-gradient(circle at 15% 0%,rgba(74,124,89,.16),transparent 55%),radial-gradient(circle at 100% 20%,rgba(45,138,78,.14),transparent 50%),linear-gradient(180deg,#eaf3e6,#f5f0eb 55%)}body[data-domain=boletes]{background:radial-gradient(circle at 15% 0%,rgba(139,94,60,.18),transparent 55%),radial-gradient(circle at 100% 20%,rgba(176,96,42,.14),transparent 50%),linear-gradient(180deg,#f6ecd9,#f5f0eb 55%)}#app{max-width:640px;margin:0 auto;padding:1rem}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s,transform .1s}button:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-correct{background:var(--color-correct);color:#fff}.btn-wrong{background:var(--color-wrong);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.home[data-v-a0f0510f]{text-align:center;padding:2rem 0}h1[data-v-a0f0510f]{font-size:2rem;margin-bottom:.5rem;color:var(--color-primary)}.subtitle[data-v-a0f0510f]{color:var(--color-text-light);margin-bottom:2rem;font-size:1.1rem}.domain-tabs[data-v-a0f0510f]{display:flex;gap:.4rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.domain-btn[data-v-a0f0510f]{padding:.5rem 1rem;border-radius:var(--radius);background:var(--color-surface);border:2px solid var(--color-border);font-weight:600;font-size:.9rem;color:var(--color-text);transition:border-color .2s,background-color .2s,color .2s}.domain-btn[data-v-a0f0510f]:hover{opacity:.85}.domain-btn.active[data-v-a0f0510f]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.domain-icon[data-v-a0f0510f]{margin-right:.2rem}.section-label[data-v-a0f0510f]{font-weight:600;margin-bottom:.5rem;font-size:1rem}.difficulty[data-v-a0f0510f]{margin-bottom:2rem}.difficulty-buttons[data-v-a0f0510f]{display:flex;gap:.4rem;justify-content:center;margin-bottom:.5rem;flex-wrap:wrap}.diff-btn[data-v-a0f0510f]{padding:.5rem 1rem;border-radius:var(--radius);background:var(--color-surface);border:2px solid var(--color-border);font-weight:600;font-size:.9rem;color:var(--color-text);transition:border-color .2s,background-color .2s,color .2s}.diff-btn[data-v-a0f0510f]:hover{opacity:.85}.diff-btn.active[data-v-a0f0510f]{color:#fff}.item-count[data-v-a0f0510f]{color:var(--color-text-light);font-size:.9rem}.trait-legend[data-v-a0f0510f]{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--color-text-light)}.legend-item[data-v-a0f0510f]{display:inline-flex;align-items:center;gap:.3rem}.legend-dot[data-v-a0f0510f]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.modes[data-v-a0f0510f]{display:flex;flex-direction:column;gap:1rem}.mode-card[data-v-a0f0510f]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s;cursor:pointer;font-size:1rem}.mode-card[data-v-a0f0510f]:hover{box-shadow:0 4px 16px #0000001f}.mode-icon[data-v-a0f0510f]{font-size:2rem}.mode-title[data-v-a0f0510f]{font-size:1.3rem;font-weight:700;color:var(--color-text)}.mode-desc[data-v-a0f0510f]{color:var(--color-text-light);font-size:.9rem}.plant-image-container[data-v-86dfa6e9]{width:100%;aspect-ratio:4 / 3;background:#e8e0d8;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.plant-image-link[data-v-86dfa6e9]{display:contents;cursor:pointer}.plant-image[data-v-86dfa6e9]{width:100%;height:100%;object-fit:contain}.trait-badge[data-v-20b90a0a]{display:inline-flex;align-items:center;gap:.3em;font-size:.75rem;font-weight:600;color:var(--trait-color)}.trait-dot[data-v-20b90a0a]{width:8px;height:8px;border-radius:50%;background:var(--trait-color);flex-shrink:0}.trait-icon[data-v-20b90a0a]{line-height:1}.scoreboard[data-v-f0ae8f95]{text-align:center}.score-inline[data-v-f0ae8f95]{font-weight:600;color:var(--color-text-light)}.scoreboard-final[data-v-f0ae8f95]{padding:2rem 1rem}h2[data-v-f0ae8f95]{font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary)}.score-big[data-v-f0ae8f95]{font-size:3rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.score-percent[data-v-f0ae8f95]{font-size:1.2rem;color:var(--color-text-light);margin-bottom:1rem}.score-message[data-v-f0ae8f95]{font-size:1.1rem;margin-bottom:2rem}button[data-v-f0ae8f95]{font-size:1.1rem}.failed-section[data-v-f0ae8f95]{text-align:left;margin-bottom:1.5rem}.failed-section h3[data-v-f0ae8f95]{font-size:1.1rem;color:var(--color-wrong);margin-bottom:.75rem;text-align:center}.failed-list[data-v-f0ae8f95]{display:flex;flex-direction:column;gap:.5rem}.failed-item[data-v-f0ae8f95]{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.thumb-wrap[data-v-f0ae8f95]{position:relative;flex-shrink:0}.failed-thumb[data-v-f0ae8f95]{width:50px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer}.failed-preview[data-v-f0ae8f95]{display:none;position:absolute;left:60px;top:50%;transform:translateY(-50%);width:250px;border-radius:var(--radius);box-shadow:0 4px 20px #0000004d;z-index:10;pointer-events:none}.thumb-wrap:hover .failed-preview[data-v-f0ae8f95]{display:block}.failed-info[data-v-f0ae8f95]{display:flex;flex-direction:column}.failed-name[data-v-f0ae8f95]{font-weight:600;font-size:.95rem}.failed-latin[data-v-f0ae8f95]{font-size:.85rem;color:var(--color-text-light)}.failed-note[data-v-f0ae8f95]{font-size:.8rem;color:#7a5c00;margin-top:.15rem}.quiz-header[data-v-4df4c0bd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.btn-small[data-v-4df4c0bd]{padding:.4rem .8rem;font-size:.85rem}.progress[data-v-4df4c0bd]{font-weight:600;color:var(--color-text-light)}.question[data-v-4df4c0bd]{text-align:center;font-size:1.1rem;font-weight:600;margin:.5rem 0}.choices[data-v-4df4c0bd]{display:flex;flex-direction:column;gap:.4rem}.btn-choice[data-v-4df4c0bd]{text-align:left;padding:.6rem .85rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:.1rem;transition:border-color .2s,background-color .2s}.btn-choice[data-v-4df4c0bd]:not(:disabled):hover{border-color:var(--color-primary)}.choice-name[data-v-4df4c0bd]{font-weight:600}.choice-latin[data-v-4df4c0bd]{font-size:.85rem;color:var(--color-text-light)}.choice-correct[data-v-4df4c0bd]{border-color:var(--color-correct);background:var(--color-correct-bg)}.choice-correct .choice-name[data-v-4df4c0bd]{color:var(--color-correct)}.choice-wrong[data-v-4df4c0bd]{border-color:var(--color-wrong);background:var(--color-wrong-bg)}.choice-wrong .choice-name[data-v-4df4c0bd]{color:var(--color-wrong)}.choice-dim[data-v-4df4c0bd]{opacity:.5}.answer-details[data-v-4df4c0bd]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;margin-top:.75rem}.detail-line[data-v-4df4c0bd]{font-size:.9rem;margin:.25rem 0}.next-container[data-v-4df4c0bd]{text-align:center;margin-top:.5rem}.btn-next[data-v-4df4c0bd]{width:100%;padding:.7rem;font-size:1rem}.fc-header[data-v-b8a374d2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.btn-small[data-v-b8a374d2]{padding:.4rem .8rem;font-size:.85rem}.progress[data-v-b8a374d2]{font-weight:600;color:var(--color-text-light)}.flip-container[data-v-b8a374d2]{perspective:800px;cursor:pointer;margin-bottom:1rem}.flip-card[data-v-b8a374d2]{position:relative;width:100%;display:grid;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped[data-v-b8a374d2]{transform:rotateY(180deg)}.card[data-v-b8a374d2]{grid-area:1 / 1;backface-visibility:hidden;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.flip-card-back[data-v-b8a374d2]{transform:rotateY(180deg)}.card-image-wrap[data-v-b8a374d2]{width:100%;aspect-ratio:4 / 3;background:#e8e0d8;display:flex;align-items:center;justify-content:center}.card-image[data-v-b8a374d2]{width:100%;height:100%;object-fit:contain}.card-image-link[data-v-b8a374d2]{display:contents;cursor:pointer}.tap-hint[data-v-b8a374d2]{text-align:center;padding:1rem;color:var(--color-text-light);font-size:.95rem}.card-answer[data-v-b8a374d2]{text-align:center;padding:1rem;max-height:260px;overflow-y:auto}.plant-name[data-v-b8a374d2]{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.plant-latin[data-v-b8a374d2]{font-size:1rem;color:var(--color-text-light)}.card-soil[data-v-b8a374d2]{margin-top:.4rem}.card-details[data-v-b8a374d2]{text-align:left;margin-top:.75rem;font-size:.85rem;color:var(--color-text)}.detail-line[data-v-b8a374d2]{margin:.3rem 0}.detail-note[data-v-b8a374d2]{background:#fff3cd;color:#7a5c00;border-radius:var(--radius);padding:.5rem .75rem;font-weight:600}.eval-buttons[data-v-b8a374d2]{display:flex;gap:.75rem;margin-top:4rem}.btn-eval[data-v-b8a374d2]{flex:1;padding:.85rem;font-size:1.05rem;font-weight:600;border-radius:var(--radius)}.btn-knew[data-v-b8a374d2]{background:var(--color-correct);color:#fff}.btn-knew[data-v-b8a374d2]:hover{background:#248a42}.btn-didnt[data-v-b8a374d2]{background:var(--color-wrong);color:#fff}.btn-didnt[data-v-b8a374d2]:hover{background:#a93226}