.crt-container { background: #080808; color: #b58900; padding: 20px; border: 2px solid #332200; font-family: monospace; }
.mc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.span-2 { grid-column: span 2; }
.span-full { grid-column: 1 / -1; }

.mc-panel { 
    border: 1px solid #332200; 
    padding: 15px; 
    background: rgba(20, 15, 0, 0.4); 
    overflow: hidden; 
    position: relative;
    min-height: 200px;
}

/* FIX: Centering the Radar Viewport */
.radar-viewport { 
    height: 340px; 
    width: 100%; 
    position: relative; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
}

/* FIX: Ensure Orbit containers align to the center point */
.orbit { 
    position: absolute; 
    border: 1px dashed rgba(181, 137, 0, 0.1); 
    border-radius: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: flex-start; /* Keeps the planet at the top of the ring */
}

.zodiac-ring { 
    position: absolute; 
    width: 280px; 
    height: 280px; 
    border: 1px solid rgba(181, 137, 0, 0.2); 
    border-radius: 50%; 
}

.z-sign { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 20px; 
    height: 20px; 
    margin-top: -10px; 
    margin-left: -10px; 
    text-align: center; 
}

.earth-center { width: 8px; height: 8px; background: #0088ff; border-radius: 50%; box-shadow: 0 0 10px #0088ff; z-index: 10; }
.planet { position: absolute; top: -10px; font-size: 16px; text-shadow: 0 0 5px currentColor; }

/* Weather & UI */
.weather-display { margin-top: 15px; font-size: 1.1rem; line-height: 2; }
.api-tag { font-size: 0.6rem; color: #00ff41; margin-top: 20px; text-align: right; }
.moon-graphic { width: 60px; height: 60px; border-radius: 50%; background: #111; position: relative; border: 1px solid #332200; overflow: hidden; margin: 10px auto; }
.moon-graphic::after { content: ""; position: absolute; top: 0; left: var(--mask-left, 50%); width: 100%; height: 100%; background: #b58900; border-radius: 50%; transform: translateX(var(--mask-x, -50%)); transition: all 1s ease; }
.speed-ctrl { display: flex; justify-content: center; gap: 5px; margin-top: 15px; }
.speed-btn { background: #1a1500; border: 1px solid #b58900; color: #b58900; padding: 4px 10px; cursor: pointer; font-size: 0.7rem; }
.speed-btn.active { background: #b58900; color: #000; }
.retro-status { font-size: 0.8rem; padding: 10px; border: 1px solid #332200; text-align: center; margin-top: 10px; }
.retro-active { background: #440000; color: #ff4444; border-color: #ff4444; }
.log-feed { height: 80px; font-size: 0.7rem; color: #886600; overflow: hidden; line-height: 1.4; }