@import 'variables.css';
@import 'base.css';
@import 'layout.css';
@import 'components.css';
@import 'planets.css';
@import 'stars.css';
@import 'modals.css';
@import 'animations.css';
@import 'loading.css';

/* Planet Images */
.planet-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.planet-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* Add a subtle glow/shadow overlay to blend with the game style */
.planet-overlay-glow {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 2;
    pointer-events: none;
}

.planet-preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}