/* --------------------------------------------------
   AURORA‑LDX Avatar (Correct Placement)
   Robot sits BELOW the Information Center.
-------------------------------------------------- */

/* Avatar wrapper INSIDE right-panel, BELOW info-center */
#dj-avatar-wrapper {
    position: relative;   /* stays inside right-panel flow */
    margin-top: 20px;     /* space below Information Center */
    width: 260px;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}

/* Avatar box (robot container) */
#dj-avatar-box {
    width: 260px;
    height: 260px;
    border-radius: 14px;
    overflow: hidden;

    background: radial-gradient(
        circle at center,
        rgba(255, 200, 140, 0.18),
        rgba(40, 20, 10, 0.85),
        rgba(5, 5, 15, 0.95)
    );

    box-shadow:
        0 0 22px rgba(255, 200, 140, 0.25),
        0 0 45px rgba(0, 120, 255, 0.15);

    border: 1px solid rgba(255, 200, 140, 0.25);
}

/* Robot canvas stays fixed */
#dj-avatar-canvas {
    width: 100%;
    height: 100%;
    display: block;
    image-rendering: auto;
}