/* ════════════════════════════════════════════════════════════════════════════
   PR-AURORA — общий живой фон для всех страниц ТимON
   Фиксированный слой за контентом: два аврора-блоба + canvas-«созвездие».
   Слой создаёт pr-aurora.js. Чистый GPU (transform/filter), z-index:-1.
   ════════════════════════════════════════════════════════════════════════════ */

.pr-aurora {
    position: fixed; inset: 0; z-index: -1;
    overflow: hidden; pointer-events: none;
}

.pr-aurora::before {
    content: ''; position: absolute;
    width: 55vmax; height: 55vmax; border-radius: 50%;
    top: -22vmax; left: -16vmax;
    background: radial-gradient(circle at 30% 30%, rgba(var(--accent-rgb),.5), rgba(var(--accent-2-rgb),.22) 55%, transparent 72%);
    filter: blur(70px);
    animation: prBlobA 19s ease-in-out infinite alternate;
}
.pr-aurora::after {
    content: ''; position: absolute;
    width: 48vmax; height: 48vmax; border-radius: 50%;
    bottom: -20vmax; right: -14vmax;
    background: radial-gradient(circle at 70% 70%, rgba(245,87,108,.4), rgba(240,147,251,.18) 55%, transparent 72%);
    filter: blur(80px);
    animation: prBlobB 23s ease-in-out infinite alternate;
}
[data-theme="dark"] .pr-aurora::before { opacity: .55; }
[data-theme="dark"] .pr-aurora::after  { opacity: .5; }

@keyframes prBlobA {
    0%   { transform: translate(0, 0) scale(1)        rotate(0deg); }
    50%  { transform: translate(9vmax, 7vmax) scale(1.15) rotate(40deg); }
    100% { transform: translate(3vmax, 12vmax) scale(.92)  rotate(80deg); }
}
@keyframes prBlobB {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(-8vmax, -6vmax) scale(1.18); }
    100% { transform: translate(-12vmax, 2vmax) scale(.9); }
}

.pr-aurora canvas {
    position: absolute; inset: 0;
    width: 100%; height: 100%; opacity: .8;
}

/* доступность и слабые устройства */
@media (prefers-reduced-motion: reduce) {
    .pr-aurora::before, .pr-aurora::after { animation: none; }
    .pr-aurora canvas { display: none; }
}
html.pr-lite .pr-aurora::before, html.pr-lite .pr-aurora::after { animation: none; }
html.pr-lite .pr-aurora canvas { display: none; }