html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
body {
    font-family: 'monospace', 'Courier New', Courier, Monospace;
    background-color: #000000;
}
canvas {
    display: block;
}
.container {
    width: 100%;
    height: 100%;
    position: relative;
}
/* Custom font for a retro-futuristic feel */
.galaxy-font {
    font-family: 'monospace', 'Courier New', Courier, Monospace;
    text-shadow: 0 0 5px #a855f7, 0 0 10px #a855f7;
}
/* New style for the percentage text */
#progress-text {
    color: white;
    font-size: 1.5rem;
    font-family: 'monospace', 'Courier New', Courier, Monospace;
}
/* Audio Visualizer Circle Style */
#visualizer-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66.66vmin;
    height: 66.66vmin;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    border: 0.5px solid transparent; /* Thin and transparent border, relying on box-shadow for visual */
    box-shadow: 0 0 50px rgba(168, 85, 247, 0);
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out, border-color 0.1s ease-out;
    pointer-events: none;
    /* Removed borderWidthPulse animation */
}
/* Removed @keyframes borderWidthPulse */