.theme-space { background: linear-gradient(180deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%); }
.theme-space .game-header h1 { color: #80cbc4; text-shadow: 0 0 10px rgba(128,203,196,0.5); }
.theme-space .game-header p { color: #b0bec5; }
.theme-space .back-btn { color: #90a4ae; border-color: #455a64; background: rgba(255,255,255,0.05); }

.equation-board {
    text-align: center; font-size: 1.8rem; font-family: 'Baloo 2', cursive;
    color: #e0f7fa; padding: 18px; margin: 15px auto;
    background: rgba(255,255,255,0.08); border-radius: 16px; max-width: 400px;
    border: 1px solid rgba(128,203,196,0.3); text-shadow: 0 0 8px rgba(128,203,196,0.4);
    letter-spacing: 2px;
}

.asteroids-zone {
    display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;
    margin: 20px auto; max-width: 500px; min-height: 120px;
}

.asteroid-btn {
    width: 90px; height: 90px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.15);
    background: radial-gradient(circle at 35% 35%, #546e7a, #263238);
    color: #e0f7fa; font-size: 1.5rem; font-weight: 800; font-family: 'Baloo 2', cursive;
    cursor: pointer; transition: all 0.2s; position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,0.4), inset 0 -3px 6px rgba(0,0,0,0.3);
    animation: float 3s ease-in-out infinite;
}
.asteroid-btn:nth-child(2) { animation-delay: 0.5s; }
.asteroid-btn:nth-child(3) { animation-delay: 1s; }
.asteroid-btn:nth-child(4) { animation-delay: 1.5s; }

.asteroid-btn:hover { transform: scale(1.15); box-shadow: 0 0 25px rgba(128,203,196,0.5); border-color: #80cbc4; }
.asteroid-btn.explode {
    animation: explode 0.5s ease forwards;
    background: radial-gradient(circle, #ff9800, #ff5722, transparent);
    border-color: #ff9800;
}
.asteroid-btn.wrong-hit {
    animation: shake 0.4s; border-color: #f44336;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@keyframes explode {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.6; }
    100% { transform: scale(0); opacity: 0; }
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-8px); }
    75% { transform: translateX(8px); }
}

@media (max-width: 500px) {
    .asteroid-btn { width: 75px; height: 75px; font-size: 1.3rem; }
    .equation-board { font-size: 1.4rem; padding: 14px; }
}