*{box-sizing:border-box}body{margin:0;background:#071c2b;color:#f3f7fb;font-family:Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid #25404e}.brand{text-decoration:none;color:white;font-weight:900;letter-spacing:2px;font-size:22px}.brand span{color:#a7f16a}.tag,.note{color:#93afbd;font-size:13px}main{max-width:1000px;margin:auto;padding:30px 24px}.eyebrow{color:#a7f16a;letter-spacing:1px;font-size:14px}h1{font-size:clamp(34px,6vw,60px);line-height:1.12;margin:18px 0}h1 em{font-style:normal;color:#a7f16a}p{line-height:1.7;color:#bed1db}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.country{text-align:right;background:#102d3e;border:1px solid #2a4a5b;padding:22px;border-radius:18px;color:white;cursor:pointer;transition:transform .15s}.country:hover{transform:translateY(-3px);border-color:#a7f16a}.flag{font-size:42px}.country strong{display:block;font-size:23px;margin:12px 0 8px}.country small{color:#a9c2cf}.stamp{color:#a7f16a;float:left}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 20px;background:#284757;color:white;min-height:48px}button:focus-visible{outline:3px solid #a7f16a;outline-offset:3px}.primary{background:#a7f16a;color:#071c2b;font-weight:bold}.panel{max-width:720px;margin:32px auto;padding:30px;background:#102d3e;border-radius:22px}.panel h2{font-size:28px}#answers{display:flex;gap:12px;flex-wrap:wrap}#answers button{background:#254657;border:2px solid transparent;flex:1;min-width:110px;font-size:23px}#answers button.correct{border-color:#a7f16a}.back{margin:15px}.hidden{display:none!important}#race{position:relative;height:calc(100dvh - 72px);min-height:380px;overflow:hidden}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;z-index:2;background:#071c2be0;border-radius:12px;padding:8px;font-size:14px}.hud button{padding:7px 12px;min-height:36px}canvas{width:100%;height:100%;display:block}#hint{position:absolute;bottom:100px;width:100%;text-align:center;font-size:13px;color:white;text-shadow:0 2px 5px black;pointer-events:none}.controls{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:18px;right:18px;display:flex;justify-content:space-between;direction:ltr}.controls button{height:72px;min-width:78px;background:#071c2bd9;border:2px solid #9bb9c7;touch-action:none;user-select:none;font-size:23px}.controls button.active{background:#a7f16a;color:#071c2b}details{background:#102d3e;border-radius:12px;padding:18px}summary{cursor:pointer;color:#a7f16a}.world{width:100%;background:#143e56;border-radius:14px}.world text{font-family:Arial;fill:white;font-size:12px}.world .marker{cursor:pointer;fill:#a7f16a;stroke:#071c2b;stroke-width:2}#feedback{min-height:28px}@media(max-width:600px){header{padding:16px}.tag{display:none}.grid{grid-template-columns:repeat(2,1fr)}.country{padding:16px}.panel{margin:18px 12px;padding:22px}main{padding:25px 18px}.hud{font-size:12px}.hud button{font-size:12px}}

.world .land{fill:#72a782;stroke:#204c42;stroke-width:.45;fill-rule:evenodd}.world text{paint-order:stroke;stroke:#12384c;stroke-width:2px}.world{min-width:100%}.world .marker{r:7}.hud{flex-wrap:wrap}#speed{color:#a7f16a;min-width:100px}.controls button[data-control="accel"]{background:#a7f16ae6;color:#071c2b;border-color:#c3ff9b}.controls button{min-width:68px;height:68px;font-size:20px;padding:12px}.controls>div{display:flex;gap:5px}#hint{background:#071c2bbd;padding:8px}#race{height:calc(100dvh - 72px)}@media(orientation:landscape) and (max-height:600px){body:has(#race:not(.hidden)) header{display:none}#race{height:100dvh;min-height:280px}.controls button{height:56px}#hint{bottom:80px}}

.unexplored{display:inline-grid;place-items:center;width:44px;height:44px;border:1px dashed #607d8a;border-radius:50%;color:#9fbdc9;font-size:25px}button:disabled{cursor:default;opacity:.65}#answers button.wrong{border-color:#ef9a87;text-decoration:line-through}#answers button.correct{opacity:1}.map-instruction{width:100%;margin:0;font-size:14px}.map-tools{display:flex;gap:8px;width:100%}#answers .map-tools button{font-size:14px;min-width:0}.world{cursor:crosshair;touch-action:manipulation}.world text{font-size:inherit}.capital-form{display:flex;gap:8px;width:100%;flex-wrap:wrap}.capital-form input{padding:14px;background:#173a4a;color:white;border:1px solid #8cabba;border-radius:10px;font-size:19px;min-width:180px;flex:1}#help,#skip{margin-inline-end:8px;margin-bottom:12px}#preview{width:100%;height:auto;border-radius:15px;margin-bottom:20px}#country-summary strong{color:#a7f16a}

.summary-map{max-height:190px;cursor:default}.country .unexplored{margin-bottom:8px}

.controls button.active{border-color:white;box-shadow:0 0 0 3px #ffffff70,0 0 24px #a7f16a90;transform:translateY(-3px)}

#engine-choice{border:1px solid #527382;border-radius:15px;padding:18px;margin:0 0 20px}#engine-choice legend{padding:0 8px;font-size:20px;font-weight:bold;color:#a7f16a}#engine-choice p{margin:0 0 12px;font-size:14px}#engine-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#engine-options label{display:flex;align-items:center;gap:8px;min-height:74px;padding:12px;background:#254657;border:2px solid transparent;border-radius:12px;cursor:pointer;touch-action:manipulation}#engine-options label:has(input:checked){border-color:#a7f16a;background:#335642}#engine-options label:has(input:focus-visible){outline:3px solid white;outline-offset:3px}#engine-options input{accent-color:#a7f16a;width:18px;height:18px;margin:0;flex-shrink:0}#engine-options strong{display:block;font-size:22px}#engine-options small{display:block;font-size:13px;color:#bed1db;margin-top:5px}@media(max-width:600px){#engine-options{grid-template-columns:repeat(2,1fr)}}

.region-hint{fill:#ffd86a48;stroke:#ffd86a;stroke-width:.8;stroke-dasharray:2 1;pointer-events:none}.photo-question{width:100%;margin:0 0 12px}.photo-question img{display:block;width:100%;height:310px;object-fit:contain;border-radius:14px;background:#071c2b}.photo-source{width:100%;font-size:13px;overflow-wrap:anywhere}a{color:#a7f16a}#photo-credit{position:absolute;bottom:145px;left:12px;right:12px;font-size:11px;text-align:center;z-index:1;background:#071c2bbd;padding:5px;border-radius:8px}#photo-credit a{color:white;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#answers:has(.photo-question) button{font-size:17px}@media(max-width:600px){.photo-question img{height:240px}}@media(orientation:landscape) and (max-height:600px){#photo-credit{bottom:117px}}

#country-search-box{margin-top:24px}#country-search-box label{display:block;margin-bottom:8px;color:#bed1db}#country-search{width:100%;font:inherit;font-size:19px;padding:15px 18px;border:1px solid #607f90;border-radius:14px;background:#102d3e;color:white;min-height:52px}#country-search:focus{outline:3px solid #a7f16a;outline-offset:2px}.mystery{border:2px dashed #a7f16a;background:#183e42}.mystery .unexplored{width:64px;height:64px;font-size:38px;border-color:#a7f16a;color:#a7f16a}.extra-fact{padding:14px;background:#254657;border-radius:12px}

#country-level-choice{border:1px solid #527382;border-radius:15px;padding:16px;margin-top:24px}#country-level-choice legend{color:#a7f16a;font-weight:bold;padding:0 8px}#country-level-choice p{font-size:14px;margin:8px 0}#country-level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#country-level-options label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:2px solid transparent;border-radius:12px;background:#254657;cursor:pointer;touch-action:manipulation}#country-level-options label:has(input:checked){border-color:#a7f16a;background:#335642}#country-level-options label:has(input:focus-visible){outline:3px solid white}#country-level-options input{accent-color:#a7f16a;width:18px;height:18px}

.flag-art{display:inline-block;width:1.5em;height:1em;vertical-align:middle;box-shadow:0 0 0 1px #ffffff44}

.interactive-map{touch-action:none;user-select:none;cursor:grab;overflow:hidden;aspect-ratio:2/1}.interactive-map.dragging{cursor:grabbing}.interactive-map:focus-visible{outline:3px solid #a7f16a;outline-offset:3px}
.map-zoom-status{width:100%;margin:0;font-size:14px;color:#a7f16a}

.country-map-labels{pointer-events:none}.country-map-labels text{stroke-width:2px;stroke-linejoin:round;fill:#fff}.country-map-labels .selected-country-name{fill:#a7f16a;font-weight:bold}.nearby-countries{width:100%;padding:12px;background:#071c2b80;border-radius:12px}.nearby-countries p{margin:0 0 8px;font-size:14px}.nearby-countries ul{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:14px}.nearby-countries[hidden]{display:none}