:root{--bg:#dbe9f4;--land:#e8e2d0;--stroke:#8a8472;--ok:#3a9d4f;--known:#c7b6e3;--complete:#e9c46a;--bad:#d04a3a;--accent:#2b6cb0;--panel:#fffdf8;--text:#1f2933;--muted:#5b6672;--shadow:#1f293324;--serif:Fraunces, Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);background:var(--bg);margin:0;font-family:system-ui,sans-serif;overflow:hidden}#map{cursor:crosshair;touch-action:none;width:100%;height:100%;position:fixed;inset:0}.country{fill:var(--land);stroke:var(--stroke);stroke-width:.4px;vector-effect:non-scaling-stroke}circle.country{stroke-width:1px}@media (hover:hover){.country:hover{fill:#d6cfb8}}.country.known{fill:var(--known)}.country.complete:not(.ok):not(.bad){fill:var(--complete)}.country.ok{fill:var(--ok)}.country.bad{fill:var(--bad)}.country.inactive{fill:#f3f0e6;stroke:#c4bfb0;pointer-events:none}circle.country.inactive{display:none}body.hard path.country:not(.ok):not(.bad){fill:var(--land);stroke:var(--land)}body.hard path.country.known:not(.ok):not(.bad){fill:var(--known);stroke:var(--known)}body.hard path.country.complete:not(.ok):not(.bad){fill:var(--complete);stroke:var(--complete)}.ring{fill:none;stroke:var(--ok);stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none;animation:1.2s ease-in-out infinite pulse}.ring.bad{stroke:var(--bad)}.country.target{fill:var(--accent)}.ring.target{stroke:var(--accent)}body.quiz #map{cursor:grab}#choices{flex-direction:column;gap:8px;min-width:min(280px,100%);margin:2px auto 10px;display:flex}#choices button{color:var(--text);background:#ece6d6}#choices button.ok{background:var(--ok);color:#fff}#choices button.bad{background:var(--bad);color:#fff}#choices button:disabled{cursor:default}#choices button:disabled:not(.ok):not(.bad){opacity:.6}@media (hover:hover){#choices button:not(:disabled):hover{box-shadow:0 5px 12px var(--shadow);transform:translateY(-2px)}}@keyframes pulse{50%{opacity:.25}}#panel{background:var(--panel);box-shadow:0 1px 0 var(--shadow), 0 10px 30px var(--shadow);text-align:center;border-radius:20px;width:max-content;max-width:calc(100% - 32px);padding:14px 24px 10px;position:fixed;top:16px;left:50%;transform:translate(-50%)}#prompt{color:var(--muted);font-size:14px}#target-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:2px 0 8px;display:flex}#target{font-family:var(--serif);letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.15}#result{margin:6px 0 10px;font-size:16px;font-weight:600}#result.ok{color:var(--ok)}#result.bad{color:var(--bad)}#actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;padding:9px 20px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s;box-shadow:0 2px #1f29332e}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:translateY(1px);box-shadow:0 1px #1f29332e}@media (hover:hover){#actions button:hover{box-shadow:0 5px 12px var(--shadow);transform:translateY(-2px)}}button.secondary{color:var(--text);background:#ece6d6}button.link{box-shadow:none;color:var(--accent);background:0 0;padding:4px 2px;font-size:13px;text-decoration:none}@media (hover:hover){button.link:hover{text-underline-offset:3px;text-decoration:underline}}button.link.icon-button{justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}button.language-button{width:28px;height:28px;color:inherit;background:0 0;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex}button.language-button svg{border-radius:2px;width:22px;height:15px;display:block;box-shadow:0 0 0 1px #00000029}button.language-button{box-shadow:none}#footer{border-top:1px solid #ece6d6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding-top:6px;font-size:13px;display:flex}#stats-line{color:var(--muted);justify-content:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.hidden{display:none!important}#panel.noscript h1{font:800 30px/1.15 var(--serif);letter-spacing:-.02em;margin:4px 0 6px}#panel.noscript p{max-width:32em;margin:6px auto;font-size:14px;line-height:1.45}#root{display:contents}#tooltip{pointer-events:none;color:#fff;box-shadow:0 4px 14px var(--shadow);white-space:nowrap;z-index:1;background:#1f2933eb;border-radius:10px;padding:5px 10px;font-size:13px;font-weight:600;position:fixed}@media (prefers-reduced-motion:reduce){button{transition:none}}.modal-backdrop{z-index:5;background:#1f293361;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(420px,100%);max-height:100%;color:var(--text);box-shadow:0 12px 40px var(--shadow);text-align:left;border-radius:18px;padding:20px;overflow:auto}.modal-title{font:800 24px/1.2 var(--serif);margin:0 0 12px}.modal-body p{margin:0 0 12px;font-size:15px;line-height:1.5}.modal-body a{color:var(--accent)}.modal-body ul{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.5}.modal-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.modal-actions button{min-width:96px}.settings-header,.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header{margin-bottom:16px}.settings-header h2{font:800 24px/1.2 var(--serif);margin:0}.settings-row{border-top:1px solid #ece6d6;min-height:48px;padding:8px 0;font-size:15px}.streak-list{text-align:right;color:var(--muted);grid-template-columns:auto auto;gap:2px 12px;font-size:14px;display:grid}.streak-list .current{color:var(--accent);font-weight:700}.settings-close{width:36px;height:36px;color:var(--muted);box-shadow:none;background:0 0;border-radius:50%;padding:0;font-size:24px}.modal select{max-width:150px;color:var(--text);font:inherit;background:#fffdf8;border:1px solid #cfc7b6;border-radius:9px;padding:8px 10px}.language-button svg.settings-icon{width:18px;height:18px;box-shadow:none;fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:0}.inline-icon{vertical-align:-.2em;fill:none;width:1.1em;height:1.1em;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}button.inline-button{font-size:inherit;vertical-align:baseline;padding:0 2px}body.hard path.country.inactive{fill:#f3f0e6;stroke:#c4bfb0}@media (width<=640px){#panel{width:100%;max-width:none;box-shadow:0 -1px 0 var(--shadow), 0 -10px 30px var(--shadow);padding:14px 16px calc(10px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;top:auto;bottom:0;left:0;transform:none}#target{font-size:26px}#actions button,#choices button{border-radius:14px;flex:1;min-height:48px;font-size:17px}#choices{gap:6px;margin-bottom:8px}#skip{flex:1}button.link{padding:10px 2px;font-size:13px}button.link.icon-button{padding:4px}#footer{gap:4px}}.outline{fill:none;stroke:#6b6555;stroke-width:1.3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;display:none}body.hard .outline{display:inline}.flag{width:auto;height:1em}.flag.loading{visibility:hidden}#flag{font-size:30px}body.arms-mode #flag{margin-top:2px;font-size:96px}#choices.flags{flex-direction:row;justify-content:center}#choices.flags button{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:96px;padding:10px;font-size:56px;display:flex}#choices.flags button span{font-size:13px}#tooltip .flag{vertical-align:-3px;height:16px;margin-right:6px}@media (width<=640px){body.arms-mode #flag{font-size:72px}#choices.flags button{font-size:44px}}