* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}body, html {font-family: "Orbitron", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;cursor: grab;overflow: hidden;background: #191b25;}button, input, a, p, div {font-family: "Orbitron", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;letter-spacing: 1px;}#world {background: #191b25;}canvas {left: 0;top: 0;}.dg.a {position: absolute;left: 50%;transform: translateX(-50%);}.info-button {font-family: "Orbitron", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;cursor: pointer;position: absolute;bottom: 64px;left: 50%;transform: translateX(-50%);border: 1px solid #fff;padding: 8px 32px;min-width: 140px;font-size: 14px;border-radius: 100px;background-color: transparent;color: #fff;transition: all 0.3s;}.info-button:hover {background-color: #fff;color: #191b25;}.toggleButton {cursor: pointer;position: absolute;top: 48px;right: 24px;border: 1px solid #fff;padding: 6px;width: 36px;height: 36px;font-size: 14px;border-radius: 100px;background-color: transparent;color: #fff;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}.toggleButton:hover {background-color: #fff;color: #191b25;}.toggleButton:hover svg {fill: #191b25;}.toggleButton.left {right: auto;left: 24px;}.input-container {position: relative;width: 100%;}.styled-input {border: 1px solid #eee;border-radius: 6px;height: 48px;width: 100%;font-size: 12px;padding: 0 12px;box-sizing: border-box;transition: border-color 0.2s, background-color 0.2s;}.styled-input:focus {border-color: blue;outline: none;}.styled-input:hover {background-color: #f5f5f5;}.styled-input.error {border-color: red;}.clear-icon {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);cursor: pointer;width: 18px;height: 18px;fill: #191b25;transition: fill 0.2s;display: none;}.clear-icon:hover {fill: #2c2e3a;}.helper-text {color: red;font-size: 12px;margin-top: 5px;display: none;font-size: 11px;}.submit-button {margin-top: 20px;background-color: #191b25;color: white;font-size: 14px;border: none;border-radius: 999px;height: 48px;width: 100%;cursor: pointer;transition: all 0.2s;text-align: center;line-height: 48px;box-sizing: border-box;}.submit-button:hover {background-color: white;color: #191b25;border: 1px solid #191b25;}svg {width: 16px;height: 16px;fill: #fff;transition: all 0.2s;}.svg-container {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}.hidden {display: none;}a.vote {font-size: 12px !important;cursor: pointer;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);min-width: 100%;text-align: center;font-size: 16px;border-radius: 100px;background-color: transparent;color: #fff;transition: all 0.3s;font-weight: 300;text-decoration: none;}span.underline {text-decoration: underline;}h1.heading {font-size: 14px !important;position: absolute;top: 56px;left: 50%;transform: translateX(-50%);min-width: 100%;text-align: center;font-size: 16px;border-radius: 100px;background-color: transparent;color: #fff;transition: all 0.3s;text-decoration: none;}h1 {font-size: 16px;letter-spacing: 1px;}p {font-size: 11px;line-height: 20px;font-weight: 300;letter-spacing: 1px;}.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.33);transition: opacity 200ms;visibility: hidden;opacity: 0;}.overlay .cancel {position: absolute;width: 100%;height: 100%;cursor: default;}.overlay:target {visibility: visible;opacity: 1;}.popup {cursor: default;margin: 0 auto;padding: 26px;border-radius: 6px;background: #fff;width: 90%;max-width: 880px;height: auto;max-height: 90%;box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}.popup svg {fill: #191b25;}.popup h1 {margin-top: 0;margin-bottom: 16px;color: #111;}.popup .close {position: absolute;width: 20px;height: 20px;top: 20px;right: 20px;opacity: 0.8;transition: all 200ms;font-size: 20px;font-weight: 400;text-decoration: none;color: #000;}.popup .close:hover {opacity: 1;}.popup .content {overflow-y: scroll;height: 100%;max-height: 500px;width: 100%;padding-bottom: 40px;}.popup p {margin: 0 0 1em;}.popup p:last-child {margin: 0;}.card-stats {border-radius: 8px;font-size: 11px;letter-spacing: 1px;padding-top: 20px;padding-bottom: 20px;}.card-stats table {width: 100%;border-collapse: collapse;margin-top: 10px;}.card-stats table td {padding: 8px 0;border-bottom: 1px solid #eee;}.card-stats table td:first-child {font-weight: bold;}.card-stats table th {padding: 8px 0;text-align: left;border-bottom: 1px solid #eee;font-weight: bold;}.card-stats table tr:last-child td {border-bottom: none;}.card-stats table tr:last-child td:last-child {border-bottom: none;}@media (max-width: 600px) {.popup h1 {max-width: 250px;}.card-stats table {display: block;}.card-stats table tr {padding: 4px 0;display: block;border-bottom: 1px solid #eee;}.card-stats table tr:last-child {border-bottom: none;}.card-stats table td {display: flex;flex-direction: column;border-bottom: 0px solid #eee;}.card-stats table td:first-child {padding-bottom: 0;}}@media (min-width: 600px) {.card-stats table td:first-child {min-width: 169px;}}#loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #191b25;display: flex;align-items: center;justify-content: center;z-index: 1000;transition: opacity 0.5s ease, visibility 0.5s ease;}#loading-content {text-align: center;color: white;}#loading-content p {font-size: 14px;margin: 10px 0 0 0;}.spinner {border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top: 2px solid white;width: 32px;height: 32px;animation: spin 1s linear infinite;margin: 0 auto 8px;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}#loading-overlay.hidden {opacity: 0;visibility: hidden;}