/* Import futuristic font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

body {
    margin: 0;
    padding: 20px;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Orbitron', sans-serif;
    color: #fff;
}

.game-container {
    position: relative;
}

canvas {
    border: 2px solid;
    border-image: linear-gradient(45deg, #00ffff, #ff00ff, #9900ff) 1;
    box-shadow: 
        0 0 20px #00ffff,
        0 0 40px #ff00ff,
        0 0 60px #9900ff;
    background-color: #000;
}

/* Add glowing effect to text */
.glow-text {
    background: linear-gradient(45deg, #00ffff, #ff00ff, #9900ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 
        0 0 10px #00ffff,
        0 0 20px #ff00ff,
        0 0 30px #9900ff;
    animation: glow 1.5s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 
            0 0 10px #00ffff,
            0 0 20px #ff00ff,
            0 0 30px #9900ff;
    }
    to {
        text-shadow: 
            0 0 20px #00ffff,
            0 0 30px #ff00ff,
            0 0 40px #9900ff;
    }
}