*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #1a1a2e;--bg-card: #25253e;--bg-card-hover: #2e2e4a;--bg-card-selected: #2a1f2f;--bg-image: #25253e;--border: #3a3a5c;--border-hover: #5a5a7c;--border-selected: #e63946;--text: #e8e8f0;--text-secondary: #a0a0b8;--text-heading: #f0f0f8;--accent: #e63946;--accent-hover: #ff4d5a;--option-bg: #25253e;--option-label-bg: #3a3a5c;--option-label-color: #c0c0d0;--correct-bg: #1a3a2a;--correct-border: #2d6a4f;--wrong-bg: #3a1a1a;--wrong-border: #c1121f;--outline-bg: transparent;--outline-hover-bg: #2a1f2f;--spinner-track: #3a3a5c;--ring-track: #3a3a5c;color:var(--text);background-color:var(--bg);transition:background-color .3s ease,color .3s ease}:root.light{--bg: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-card-selected: #fef2f2;--bg-image: #f8f8f8;--border: #ddd;--border-hover: #aaa;--border-selected: #e63946;--text: #333;--text-secondary: #666;--text-heading: #333;--accent: #e63946;--accent-hover: #c1121f;--option-bg: #ffffff;--option-label-bg: #eee;--option-label-color: #555;--correct-bg: #d8f3dc;--correct-border: #2d6a4f;--wrong-bg: #fde8e8;--wrong-border: #c1121f;--outline-bg: white;--outline-hover-bg: #fef2f2;--spinner-track: #eee;--ring-track: #eee}body{min-height:100vh;min-width:320px}#app{min-height:100vh;padding-bottom:40px}img{max-width:100%;display:block}.setup[data-v-0a105593]{max-width:600px;margin:0 auto;padding:20px}.top-bar[data-v-0a105593]{display:flex;justify-content:flex-end;margin-bottom:8px}.theme-toggle[data-v-0a105593]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border);border-radius:50%;background:var(--bg-card);cursor:pointer;transition:all .2s ease}.theme-toggle[data-v-0a105593]:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.theme-icon[data-v-0a105593]{font-size:1.3rem;line-height:1}.title[data-v-0a105593]{text-align:center;font-size:2rem;color:var(--accent);margin-bottom:4px}.subtitle[data-v-0a105593]{text-align:center;color:var(--text-secondary);margin-bottom:32px}.section[data-v-0a105593]{margin-bottom:28px}.section h2[data-v-0a105593]{font-size:1.2rem;margin-bottom:12px;color:var(--text-heading)}.select-actions[data-v-0a105593]{display:flex;gap:8px;margin-bottom:12px}.gen-grid[data-v-0a105593]{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:480px){.gen-grid[data-v-0a105593]{grid-template-columns:1fr 1fr}}.gen-card[data-v-0a105593]{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;background:var(--bg-card)}.gen-card[data-v-0a105593]:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.gen-card.selected[data-v-0a105593]{border-color:var(--border-selected);background:var(--bg-card-selected)}.gen-card input[data-v-0a105593]{accent-color:var(--accent);width:18px;height:18px}.gen-name[data-v-0a105593]{font-weight:600;font-size:.9rem;flex:1;color:var(--text)}.gen-count[data-v-0a105593]{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.total-info[data-v-0a105593]{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.question-options[data-v-0a105593]{display:flex;flex-direction:column;gap:8px}@media(min-width:480px){.question-options[data-v-0a105593]{flex-direction:row}}.question-option[data-v-0a105593]{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease;flex:1;-webkit-user-select:none;user-select:none;background:var(--bg-card);color:var(--text)}.question-option[data-v-0a105593]:hover:not(.disabled){border-color:var(--border-hover)}.question-option.selected[data-v-0a105593]{border-color:var(--border-selected);background:var(--bg-card-selected)}.question-option.disabled[data-v-0a105593]{opacity:.4;cursor:not-allowed}.question-option input[data-v-0a105593]{accent-color:var(--accent)}.btn[data-v-0a105593]{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:all .15s ease}.btn[data-v-0a105593]:hover{background:var(--accent-hover)}.btn[data-v-0a105593]:disabled{opacity:.4;cursor:not-allowed}.btn-small[data-v-0a105593]{padding:6px 14px;font-size:.85rem}.btn-outline[data-v-0a105593]{background:var(--outline-bg);color:var(--accent);border:2px solid var(--accent)}.btn-outline[data-v-0a105593]:hover{background:var(--outline-hover-bg)}.btn-start[data-v-0a105593]{display:block;width:100%;padding:16px;font-size:1.2rem;margin-top:8px}.loading[data-v-0a105593]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.spinner[data-v-0a105593]{width:40px;height:40px;border:4px solid var(--spinner-track);border-top-color:var(--accent);border-radius:50%;animation:spin-0a105593 .8s linear infinite;margin:0 auto 16px}@keyframes spin-0a105593{to{transform:rotate(360deg)}}.error[data-v-0a105593]{text-align:center;padding:40px 20px;color:var(--accent)}.quiz[data-v-29a92318]{max-width:500px;margin:0 auto;padding:16px}.progress-bar[data-v-29a92318]{width:100%;height:6px;background:var(--spinner-track);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill[data-v-29a92318]{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.header[data-v-29a92318]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.95rem;color:var(--text-secondary)}.score-display[data-v-29a92318]{font-weight:600;color:var(--text)}.image-container[data-v-29a92318]{position:relative;width:100%;aspect-ratio:1;max-width:300px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-image);border-radius:16px}.image-placeholder[data-v-29a92318]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pokemon-image[data-v-29a92318]{width:100%;height:100%;object-fit:contain;padding:16px;opacity:0;transition:opacity .2s ease}.pokemon-image.loaded[data-v-29a92318]{opacity:1}.prompt[data-v-29a92318]{text-align:center;font-size:1.3rem;color:var(--text-heading);margin-bottom:16px}.options[data-v-29a92318]{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.option-btn[data-v-29a92318]{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--option-bg);cursor:pointer;transition:all .15s ease;font-size:1rem;text-align:left;color:var(--text)}.option-btn[data-v-29a92318]:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-card-hover)}.option-btn[data-v-29a92318]:disabled{cursor:default}.option-btn.correct[data-v-29a92318]{border-color:var(--correct-border);background:var(--correct-bg)}.option-btn.wrong[data-v-29a92318]{border-color:var(--wrong-border);background:var(--wrong-bg)}.option-btn.dimmed[data-v-29a92318]{opacity:.5}.option-label[data-v-29a92318]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--option-label-bg);font-weight:700;font-size:.85rem;color:var(--option-label-color);flex-shrink:0}.correct .option-label[data-v-29a92318]{background:#2d6a4f;color:#fff}.wrong .option-label[data-v-29a92318]{background:#c1121f;color:#fff}.option-name[data-v-29a92318]{font-weight:500}.feedback[data-v-29a92318]{text-align:center}.feedback-correct[data-v-29a92318]{font-size:1.2rem;font-weight:700;color:#4ade80;margin-bottom:12px}.feedback-wrong[data-v-29a92318]{font-size:1.1rem;color:#f87171;margin-bottom:12px}.btn-next[data-v-29a92318]{padding:12px 40px;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s ease}.btn-next[data-v-29a92318]:hover{background:var(--accent-hover)}.spinner[data-v-29a92318]{width:36px;height:36px;border:4px solid var(--spinner-track);border-top-color:var(--accent);border-radius:50%;animation:spin-29a92318 .8s linear infinite}@keyframes spin-29a92318{to{transform:rotate(360deg)}}.results[data-v-937faaad]{max-width:400px;margin:0 auto;padding:40px 20px;text-align:center}.title[data-v-937faaad]{font-size:2rem;color:var(--text-heading);margin-bottom:32px}.score-ring[data-v-937faaad]{position:relative;width:160px;height:160px;margin:0 auto 24px}.ring-svg[data-v-937faaad]{width:100%;height:100%}.ring-progress[data-v-937faaad]{transition:stroke-dashoffset 1s ease-out}.ring-text[data-v-937faaad]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ring-percentage[data-v-937faaad]{font-size:2.2rem;font-weight:800;color:var(--text-heading)}.score-text[data-v-937faaad]{font-size:1.2rem;color:var(--text);margin-bottom:8px}.message[data-v-937faaad]{font-size:1.05rem;color:var(--text-secondary);margin-bottom:32px}.btn-play-again[data-v-937faaad]{padding:14px 40px;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s ease}.btn-play-again[data-v-937faaad]:hover{background:var(--accent-hover)}
