:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;min-width:320px;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}p{margin:0}.button-21{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3eb2fd;background-image:linear-gradient(1deg,#4f58fd,#149bf3 99%);background-size:calc(100% + 20px) calc(100% + 20px);border-radius:100px;border-width:0;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:CircularStd,sans-serif;font-size:1rem;height:auto;justify-content:center;line-height:1.5;padding:6px 20px;position:relative;text-align:center;text-decoration:none;transition:background-color .2s,background-position .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:top;white-space:nowrap}.button-21:active,.button-21:focus{outline:none}.button-21:hover{background-position:-20px -20px}.button-21:focus:not(:active){box-shadow:#28aaff40 0 0 0 .125em}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:100px;height:100px;animation:spin 2s linear infinite;align-self:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.continent-marker{transition:transform .3s ease;cursor:pointer}.continent-marker:hover{transform:translateY(-100px)}@keyframes radar{0%{opacity:.5}to{r:5;opacity:0}}.country{fill:#585858}.country:hover{fill:#a7a7a7}.radar{fill:#000;opacity:.5;animation:radar 2s infinite;pointer-events:none}.legend{position:absolute;top:40%;left:10px;display:flex;flex-direction:column;gap:10px;background-color:#fffc;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0003}.legendItem{color:#fff;padding:5px 10px;border-radius:20px;font-size:.7rem;text-align:center;font-weight:700;box-shadow:0 2px 5px #0003}@media (max-width: 500px){.legend{flex-direction:row}.legendItem{font-size:.45rem}}@media (max-width: 250px){.legend{visibility:hidden}}