/* Солнечная плазма вокруг текста "Мой Jamal" */

.elements-circle {
    position: relative;
}

.sun-plasma-wrap {
    position: absolute;
    inset: 0;
    z-index: 1; /* ниже текста */
    pointer-events: none;
}

.sun-plasma-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Доп. пульсация контейнера на бит */
.sun-plasma-wrap.sun-beat {
    animation: sunBeat 120ms ease-out;
}

@keyframes sunBeat {
    0% { filter: brightness(1.15) saturate(1.05); transform: translateZ(0) scale(1.015); }
    100% { filter: brightness(1.0) saturate(1.0); transform: translateZ(0) scale(1.0); }
}

/* Полноэкранный режим оформления для "солнечной" страницы */
body.sun-page {
    --sun-bg1: #0b0b0f;
    --sun-bg2: #0f1117;
    --sun-glow: rgba(253, 224, 71, .12);
    --sun-glow-2: rgba(249, 115, 22, .10);
    background: radial-gradient(1200px 800px at 70% 10%, var(--sun-glow), transparent 45%),
                radial-gradient(900px 600px at 15% 80%, var(--sun-glow-2), transparent 45%),
                linear-gradient(180deg, var(--sun-bg1), var(--sun-bg2));
    transition: background 400ms ease;
}

/* При активной солнечной странице прячем некоторые стили index.html */
body.sun-page .ad-banner,
body.sun-page .lyrics-container,
body.sun-page .top-bar {
    display: none !important;
}

/* Слияние солнце + коническая плазма вокруг центра */
.sun-conic-plasma {
    position: absolute;
    inset: -10%;
    border-radius: 50%;
    background: conic-gradient(from 0deg,
        hsla(38,95%,60%, .12),
        hsla(20,95%,60%, .10),
        hsla(60,95%,60%, .12),
        hsla(30,95%,60%, .10),
        hsla(38,95%,60%, .12)
    );
    filter: blur(18px) saturate(1.05);
    animation: sunConic 14s linear infinite;
    pointer-events: none;
}

@keyframes sunConic {
    0% { transform: rotate(0deg) scale(1); }
    100% { transform: rotate(360deg) scale(1); }
}

/* Отбрасывающая тень на “пол” под жёсткий бит */
.sun-floor-shadow {
    position: absolute;
    left: 50%;
    bottom: -8%;
    transform: translateX(-50%);
    width: 80%;
    height: 18%;
    background: radial-gradient(60% 100% at 50% 0%, rgba(0,0,0,.55), transparent 70%);
    filter: blur(12px) contrast(1.1);
    pointer-events: none;
    z-index: 0;
    opacity: calc(.35 + var(--sun-bass, .2) * .45);
}

/* Подчистка, чтобы центр остался читаемым */
body.sun-page .elements-circle .center-text {
    text-shadow: 0 10px 40px rgba(253, 224, 71, .30), 0 6px 18px rgba(0,0,0,.55);
}