.map{background:var(--sea);flex:1;min-height:0;position:relative;overflow:hidden}.map-svg{cursor:grab;touch-action:none;display:block}.map-svg:active{cursor:grabbing}.map-status{text-align:center;color:var(--ink-soft);place-items:center;margin:0;padding:2rem;display:grid;position:absolute;inset:0}.map-sphere{fill:var(--sea)}.map-land{fill:var(--land-other);stroke:var(--paper);stroke-width:.5px;vector-effect:non-scaling-stroke}.map-country{stroke:var(--paper);stroke-width:.6px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}.map-svg .map-country:hover{fill:var(--hover)}.map-selected{fill:var(--stamp);stroke:var(--paper);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.map-marker{stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;fill-opacity:.75;cursor:pointer}.map-marker:hover{fill:var(--hover);fill-opacity:1}.map-marker.is-selected{fill:var(--stamp);fill-opacity:1;stroke:var(--paper);stroke-width:2px}.map-country,.map-marker{fill:var(--continent)}.map-country.tone-1{fill:color-mix(in srgb, var(--continent), #1f2a4a 9%)}.map-country.tone-2{fill:color-mix(in srgb, var(--continent), #fff 22%)}.map-visited{fill:url(#visited-hatch);pointer-events:none}.map-hatch path{stroke:var(--stamp);stroke-width:1.6px;stroke-opacity:.55}.map-selected.is-answer,.map-marker.is-answer{fill:var(--good);fill-opacity:1}.map-wrong{fill:var(--bad);stroke:var(--paper);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.map-marker.is-visited{stroke:var(--stamp);stroke-width:3px}.map-marker.is-wrong{fill:var(--bad);fill-opacity:1}.map-capitals{pointer-events:none}.map-capitals circle{fill:var(--ink);stroke:var(--paper);stroke-width:1px;vector-effect:non-scaling-stroke}.map-capitals text{fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;font-weight:700}.map-tooltip{z-index:2;white-space:nowrap;color:var(--ink);background:var(--paper);pointer-events:none;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .4rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 2px 8px #1f2a4a40}.map-tooltip img{border-radius:2px;outline:1px solid #1f2a4a26;height:1.4rem}.map-zoom{border-radius:12px;flex-direction:column;display:flex;position:absolute;top:1rem;right:1rem;overflow:hidden;box-shadow:0 1px 4px #1f2a4a40}.map-zoom button{width:48px;height:48px;color:var(--ink);background:var(--paper);border:0;font-size:1.6rem;line-height:1}.map-zoom button+button{border-top:1px solid var(--rule)}.map-zoom button:hover{background:var(--paper-deep)}