#map-title {
    top: 12px;
    left: 12px;

    padding: 7px 11px;
    border-radius: 14px;
}

.map-title-main {
    font-size: 12px;
}

.map-title-subtitle {
    margin-top: 3px;
    font-size: 10px;
}

#map-controls {
    top: 12px;
    right: 12px;
    gap: 8px;
}

.map-control-group {
    gap: 4px;
    padding: 4px;
    border-radius: 22px;
}

.map-control-button {
    width: 38px;
    height: 38px;
    font-size: 22px;
}

.compass-icon {
    width: 24px;
    height: 28px;
}

.control-icon {
    width: 21px;
    height: 21px;
}

.view-toggle-button {
    font-size: 11px;
}

.map-control-button::after {
    display: none;
}