body.quiz-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.nav-back{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r);color:var(--sub);text-decoration:none;transition:background .15s,color .15s;flex-shrink:0}.nav-back:hover{background:var(--bg);color:var(--text)}.quiz-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:20px 16px 32px;scrollbar-width:thin}.quiz-screen{width:100%;max-width:740px;display:flex;flex-direction:column;align-items:center;gap:18px;animation:fadeIn .22s ease}.quiz-screen.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.start-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px 36px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.start-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}.start-title{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;font-weight:700;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.25;color:var(--text)}.start-desc{font-size:.9rem;color:var(--sub);line-height:1.7;max-width:360px}.start-stats{display:flex;gap:32px;padding:16px 24px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.start-stat{display:flex;align-items:baseline;gap:5px}.start-stat-n{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--accent)}.start-stat-l{font-size:.8rem;color:var(--sub)}.start-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.count-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.count-picker-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sub)}.count-options{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:100px;padding:3px;gap:2px}.count-btn{padding:6px 18px;border-radius:100px;border:none;background:transparent;font-family:var(--mono);font-size:.82rem;font-weight:600;color:var(--sub);cursor:pointer;transition:all .18s;white-space:nowrap}.count-btn:hover{color:var(--text)}.count-btn.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0000001a}.review-badge{background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;border-radius:100px;padding:1px 7px;min-width:20px;text-align:center}.q-progress-wrap{width:100%;display:flex;align-items:center;gap:10px}.q-progress-bar{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.q-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .35s cubic-bezier(.4,0,.2,1);width:0%}.q-progress-label{font-family:var(--mono);font-size:.7rem;color:var(--sub);flex-shrink:0}.q-prompt{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:14px}.q-prompt.hidden{display:none}.q-prompt-flag img{width:52px;height:35px;object-fit:cover;border-radius:4px;border:1px solid var(--border);display:block}.q-prompt-flag .flag-emoji{font-size:1.9rem;line-height:1}.q-prompt-text{font-size:.95rem;font-weight:600;color:var(--text);line-height:1.5}.q-prompt-text .country-name{color:var(--accent)}.q-map-wrap{width:100%;aspect-ratio:5 / 4;max-height:42dvh;background:#dde6ee;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0}#qMap{width:100%;height:100%;display:block}#qMap .country{vector-effect:non-scaling-stroke;stroke:#fff9;stroke-width:.8;cursor:default;transition:fill .3s}#qMap .country.non-africa{fill:#c8d0d8;stroke:#b4bec840;stroke-width:.4;pointer-events:none}#qMap .country.q-highlight{stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.7));animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 14px rgba(255,255,255,.9))}}#qMap .country.q-correct{fill:#4caf50!important;stroke:#fff;stroke-width:2;animation:none}#qMap .country.q-reveal{fill:#4caf50!important;stroke:#fff;stroke-width:2}#qMap .country.q-wrong{fill:#f44336!important;stroke:#fff;stroke-width:2;animation:none}.q-choices{width:100%;display:grid;gap:10px}.q-choices.grid-2x2{grid-template-columns:1fr 1fr}.q-choices.grid-col1{grid-template-columns:1fr}.q-choices.grid-2x4{grid-template-columns:1fr 1fr}.q-choice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-family:var(--font);font-size:.9rem;font-weight:500;color:var(--text);text-align:left;transition:border-color .15s,background .15s,transform .1s;line-height:1.4}.q-choice:hover:not(:disabled){border-color:var(--accent);background:var(--bg);transform:translateY(-1px)}.q-choice:disabled{cursor:default;opacity:.7}.q-choice.correct{border-color:#4caf50;background:#f0fdf4;color:#166534}.q-choice.wrong{border-color:#f44336;background:#fef2f2;color:#991b1b}.q-choice-flag img{width:36px;height:24px;object-fit:cover;border-radius:3px;border:1px solid var(--border);flex-shrink:0}.q-choice-flag .flag-emoji{font-size:1.4rem;line-height:1}.q-choice-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.q-feedback{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:10px;background:var(--surface);border:1px solid var(--border);animation:fadeIn .18s ease}.q-feedback.hidden{display:none}.q-feedback.correct{border-color:#4caf50;background:#f0fdf4}.q-feedback.wrong{border-color:#f44336;background:#fef2f2}.q-feedback-icon{font-size:1.3rem;flex-shrink:0}.q-feedback-text{flex:1;font-size:.88rem;line-height:1.6;color:var(--text)}.result-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px 36px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.result-emoji{font-size:3rem;line-height:1}.result-msg{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text)}.result-score{display:flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:2.8rem;font-weight:700;color:var(--accent)}.result-sep{font-size:1.6rem;color:var(--border)}.result-pct{font-size:.85rem;color:var(--sub);font-family:var(--mono)}.missed-section{width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden}.missed-title{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}.missed-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto;scrollbar-width:thin}.missed-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:.85rem}.missed-item:last-child{border-bottom:none}.missed-item img{width:30px;height:20px;object-fit:cover;border-radius:2px;border:1px solid var(--border);flex-shrink:0}.missed-item-emoji{font-size:1.2rem}.missed-item-name{flex:1;color:var(--text);font-weight:500}.missed-item-year{font-family:var(--mono);font-size:.75rem;color:var(--sub)}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media(max-width:600px){.start-card,.result-card{padding:28px 20px 24px}.q-choices.grid-2x2,.q-choices.grid-2x4{grid-template-columns:1fr}.q-map-wrap{max-height:36dvh}.start-title{font-size:1.8rem}.count-btn{padding:5px 12px;font-size:.75rem}}