#loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 0%, #000010 100%);
animation: smoothAwakening 8s ease-out forwards;
z-index: 9999;
opacity: 1;
transition: opacity 1s ease;
}
/* Animation douce vers lumière + halo */
@keyframes smoothAwakening {
0% {
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 0%, #000010 100%);
opacity: 1;
}
50% {
background: radial-gradient(ellipse at center, rgba(100, 0, 100, 0.2) 0%, #0a0018 100%);
opacity: 1;
}
100% {
background: radial-gradient(ellipse at center, rgba(255, 160, 255, 0.6) 0%, #1a0030 70%);
opacity: 1;
}
}
