.mc-admin-origin-map {
    align-items: center;
    background:
        radial-gradient(circle at 10% 15%, var(--blue-100), transparent 35%),
        linear-gradient(145deg, var(--admin-panel), var(--paper-2));
    border: 1px solid var(--admin-line);
    border-radius: var(--mc-radius-lg);
    box-shadow: var(--mc-shadow-sm);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(170px, 230px) 1fr;
    margin-top: 18px;
    overflow: hidden;
    padding: 22px;
    position: relative;
}

.mc-admin-origin-map::before {
    background-image: radial-gradient(var(--blue-400) 1px, transparent 1px);
    background-size: 22px 22px;
    content: "";
    inset: 0;
    opacity: .12;
    position: absolute;
}

.mc-admin-origin-globe {
    aspect-ratio: 1;
    background:
        radial-gradient(circle at 32% 24%, white, transparent 13%),
        linear-gradient(145deg, var(--blue-400), var(--admin-primary));
    border: 5px solid white;
    border-radius: 999px;
    box-shadow: var(--mc-shadow-md);
    display: block;
    justify-self: center;
    max-width: 220px;
    min-width: 160px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.mc-admin-origin-globe::before,
.mc-admin-origin-globe::after {
    border: 1px solid oklch(1 0 0 / .55);
    border-radius: 50%;
    content: "";
    inset: 12%;
    position: absolute;
    z-index: 2;
}

.mc-admin-origin-globe::after {
    inset: 0 34%;
}

.mc-admin-origin-globe__earth-map {
    animation: mc-admin-earth-map-drift 24s linear infinite;
    background-image: url("/img/admin/earth-map.svg");
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 200% 100%;
    inset: 6%;
    mix-blend-mode: screen;
    opacity: .75;
    position: absolute;
    z-index: 2;
}

.mc-admin-origin-globe__hud {
    background:
        repeating-linear-gradient(0deg, oklch(1 0 0 / .18) 0 1px, transparent 1px 20px),
        repeating-linear-gradient(90deg, oklch(1 0 0 / .14) 0 1px, transparent 1px 24px);
    inset: 0;
    position: absolute;
    z-index: 1;
}

.mc-admin-origin-globe__orbit {
    animation: mc-admin-origin-spin 14s linear infinite;
    border: 1px dashed oklch(1 0 0 / .7);
    border-radius: 50%;
    height: 64%;
    left: -10%;
    position: absolute;
    top: 18%;
    transform: rotate(-18deg);
    width: 120%;
    z-index: 3;
}

.mc-admin-origin-globe__scan {
    animation: mc-admin-origin-scan 3.8s ease-in-out infinite;
    background: linear-gradient(180deg, transparent, oklch(1 0 0 / .48), transparent);
    height: 28%;
    left: 0;
    position: absolute;
    right: 0;
    top: -30%;
    z-index: 4;
}

.mc-admin-origin-globe__meridian,
.mc-admin-origin-globe__parallel {
    background: oklch(1 0 0 / .46);
    position: absolute;
    z-index: 3;
}

.mc-admin-origin-globe__meridian {
    bottom: 8%;
    left: 50%;
    top: 8%;
    width: 1px;
}

.mc-admin-origin-globe__parallel {
    height: 1px;
    left: 10%;
    right: 10%;
}

.mc-admin-origin-globe__parallel--top { top: 34%; }
.mc-admin-origin-globe__parallel--bottom { bottom: 34%; }

.mc-admin-origin-globe__node {
    background: var(--admin-accent);
    border: 2px solid white;
    border-radius: 50%;
    box-shadow: 0 0 0 5px oklch(0.61 0.22 28 / .22);
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 5;
}