:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182b40;background:#f6f8fa;font-size:16px;--blue:#2348f5;--line:#dfe5ed;--muted:#64748b}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{border:0}button:focus-visible,select:focus-visible{outline:3px solid #e6ad37;outline-offset:3px}button:disabled{cursor:default}header{max-width:1200px;margin:auto;min-height:88px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tabs{display:flex;gap:5px}.tab{padding:12px 17px;border-radius:9px;background:transparent;color:var(--muted);font-size:.9375rem;white-space:nowrap}.tab.active{color:var(--blue);background:#e9efff}.tab:hover{background:#edf1f7}select{padding:10px;border:1px solid var(--line);background:white;border-radius:8px;color:#182b40;font-size:.875rem}main{max-width:1200px;margin:auto;padding:0 28px 28px}.game{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.question-bar{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.question{display:flex;flex-direction:column;gap:6px;min-width:0}#question-label{font-size:.875rem;color:var(--muted)}h1{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}h1:focus{outline:none}.stats{display:flex;align-items:center;gap:25px;white-space:nowrap;font-size:.875rem;color:var(--muted)}.stats strong{font-size:1.4rem;font-weight:650;color:#182b40;min-width:65px;text-align:right}.progress-track{height:3px;background:#edf0f6}#progress-fill{height:100%;background:var(--blue);width:0;transition:width .2s}.map-panel{position:relative;background:#e2edf3;overflow:hidden}#map{display:block;width:100%;height:clamp(400px,65vh,740px);touch-action:none;background:radial-gradient(ellipse at 40% 45%,#edf6fa,#dcebf3)}.country{fill:#fbfdff;stroke:#92a8b9;stroke-width:.85;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}.country:hover{fill:#aec4ff;stroke:var(--blue)}.country.correct{fill:#87d3af;stroke:#187653;stroke-width:1.8}.country.selected-wrong{fill:#f0b4a5;stroke:#a95137}.country-group:focus-visible{outline:none}.country-group:focus-visible .country{fill:#afc4ff;stroke:var(--blue);stroke-width:2}.context-country{fill:#cadbe5;stroke:#b0c5d2;stroke-width:.65;vector-effect:non-scaling-stroke;pointer-events:none}.graticule{fill:none;stroke:#aecbdc;stroke-opacity:.3;stroke-width:.65;pointer-events:none}.micro{stroke:var(--blue);stroke-width:1.3;fill:white;cursor:pointer;vector-effect:non-scaling-stroke}.micro:hover,.micro:focus-visible{fill:#aac0ff;outline:none}.micro.correct{fill:#37bb83;stroke:#157756}.micro.selected-wrong{fill:#ee9a83;stroke:#a94b34}.micro-target{cursor:pointer}.locked .country,.locked .micro,.locked .micro-target{cursor:default}.locked .country:not(.answered-correct):not(.answered-failed):not(.selected-wrong):hover{fill:#fbfdff;stroke:#92a8b9}.map-controls{position:absolute;right:18px;bottom:18px;display:grid;gap:1px;border:1px solid #bfd0dc;border-radius:9px;overflow:hidden}.map-controls button{background:white;width:42px;height:42px;font-size:1.4rem;color:#355675}.map-controls button:hover{background:#e8efff}.game-footer{min-height:76px;display:flex;align-items:center;gap:18px;padding:14px 28px;border-top:1px solid var(--line)}#feedback{flex:1;min-width:0;font-size:.9375rem;line-height:1.5}#feedback .correct{color:#12704b}#feedback .partial{color:#8b631d}#feedback .wrong{color:#a1432b}.text-button{background:transparent;color:var(--muted);font-size:.875rem;padding:9px 0;white-space:nowrap}.text-button:hover{color:var(--blue)}.capital-panel{min-height:clamp(350px,55vh,620px);display:flex;align-items:center;justify-content:center;padding:50px 28px}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:660px}.option{min-height:80px;text-align:left;padding:23px 25px;border:1px solid #d4ddea;border-radius:11px;background:white;color:#182b40;font-size:1.1rem}.option:hover:not(:disabled){border-color:var(--blue);background:#f2f5ff}.option.correct{background:#e7f7ee;border-color:#58a87d;color:#106747}.option.wrong{background:#fff0ec;border-color:#d39785;color:#a1432b}.answer-form{width:100%;max-width:570px}.answer-row{display:flex;gap:12px}.answer-row input{min-width:0;flex:1;padding:16px;border:1.5px solid #cbd6e7;border-radius:10px;background:white;color:#182b40;outline:none;font-size:1.1rem}.answer-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2348f510}.primary,.secondary{min-height:49px;padding:14px 22px;border-radius:10px;font-weight:600}.primary{background:var(--blue);color:white}.primary:hover{background:#1637d9}.primary:disabled{opacity:.55}.secondary{background:#edf1ff;color:var(--blue)}.complete{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.complete strong{font-size:5rem;font-weight:700;letter-spacing:-3px;color:var(--blue)}dialog{color:#182b40;border:1px solid var(--line);border-radius:18px;padding:35px;max-width:400px;width:calc(100% - 36px);text-align:center;box-shadow:0 15px 80px #071b4825}dialog::backdrop{background:#17375666;backdrop-filter:blur(5px)}dialog h2{margin:0;font-size:1.5rem}.welcome-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}[hidden]{display:none!important}
@media(max-width:650px){header{padding:14px 16px;gap:12px;flex-wrap:wrap}.tabs{width:100%;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:3px}.tab{font-size:.875rem;padding:11px 7px;white-space:normal;line-height:1.4}select{margin-left:auto;padding:7px 9px}main{padding:0 12px 16px}.question-bar{padding:19px 18px;gap:14px}.question{gap:5px}h1{font-size:1.65rem}.stats{flex-direction:column;align-items:flex-end;gap:5px}.stats strong{font-size:1.25rem;min-width:0}.game{border-radius:12px}#map{height:56vh;min-height:360px}.game-footer{padding:13px 18px;gap:15px;flex-wrap:wrap;min-height:69px}#feedback:not(:empty){flex-basis:100%}.game-footer #restart{margin-left:auto}.capital-panel{min-height:330px;padding:30px 20px}.options{grid-template-columns:1fr;gap:11px}.option{min-height:56px;padding:16px 18px;font-size:1rem}.answer-row{flex-direction:column}.complete{min-height:330px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.country.answered-correct,.micro.answered-correct{fill:#aeb6bf;stroke:#778493}
.country.answered-failed,.micro.answered-failed{fill:#e69491;stroke:#b34e4b}
.country.selected-wrong,.micro.selected-wrong{stroke:#b13c38;stroke-width:2.5}
.country.selected-wrong:not(.answered-correct):not(.answered-failed){fill:#fbfdff}
.micro.selected-wrong:not(.answered-correct):not(.answered-failed){fill:white}
.locked .country.answered-correct:hover{fill:#aeb6bf;stroke:#778493}
.locked .country.answered-failed:hover{fill:#e69491;stroke:#b34e4b}

.country-group:focus-visible .country.answered-correct{fill:#aeb6bf}.country-group:focus-visible .country.answered-failed{fill:#e69491}

#welcome-title:focus{outline:none}.welcome-options .secondary:hover{background:#dde6ff}
