/* _content/FichaMonstra.WebUI/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-1cyhkj610r] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-1cyhkj610r] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Styles for the animated background */
.ambient-light[b-1cyhkj610r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    background: var(--bg-dark);
}

/* Moving Grid Effect */
.bg-grid[b-1cyhkj610r] {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    /* Gradient Grid: Purple vertical, Blue horizontal */
    background-image: 
        linear-gradient(rgba(217, 0, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 230, 230, 0.05) 1px, transparent 1px); /* Changed grid color */
    background-size: 50px 50px;
    transform: perspective(500px) rotateX(60deg);
    animation: gridFlow-b-1cyhkj610r 25s linear infinite;
    opacity: 0.5;
    pointer-events: none;
}

@keyframes gridFlow-b-1cyhkj610r {
    0% { transform: perspective(1000px) rotateX(60deg) translateY(0); }
    100% { transform: perspective(1000px) rotateX(60deg) translateY(50px); }
}

/* Orbs */
.orb[b-1cyhkj610r] {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px); /* Increased blur for smoother blend */
    opacity: 0.5;
    animation: floatOrb-b-1cyhkj610r 20s infinite ease-in-out alternate;
    mix-blend-mode: screen; 
}

.orb-1[b-1cyhkj610r] {
    width: 60vh;
    height: 60vh;
    top: -15%;
    left: -15%;
    background: radial-gradient(circle, var(--glow-aqua) 0%, rgba(0,0,0,0) 70%); /* Changed orb-1 color to aqua */
    animation-duration: 25s;
}

.orb-2[b-1cyhkj610r] {
    width: 70vh;
    height: 70vh;
    bottom: -20%;
    right: -20%;
    background: radial-gradient(circle, var(--glow-blue) 0%, rgba(0,0,0,0) 70%);
    animation-duration: 30s;
    animation-delay: -5s;
}

.orb-3[b-1cyhkj610r] {
    width: 80vh; /* Massive center/side accent */
    height: 80vh;
    top: 30%;
    left: 20%;
    background: radial-gradient(circle, var(--glow-purple) 0%, rgba(0,0,0,0) 70%);
    animation-duration: 35s;
    animation-delay: -10s;
}

@keyframes floatOrb-b-1cyhkj610r {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(50px, 100px) scale(1.1); }
    66% { transform: translate(-30px, 50px) scale(0.9); }
    100% { transform: translate(20px, -40px) scale(1); }
}