.webmeji-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9998;
}

.webmeji-creature {
    position: absolute;
    bottom: 0;
    width: 64px;
    height: 64px;
    pointer-events: auto;
    cursor: grab;
    image-rendering: pixelated;
    transition: transform 0.1s;
}

.webmeji-creature:active {
    cursor: grabbing;
}

.webmeji-creature.dragging {
    transition: none;
}

/* Neon glow effect matching your theme */
.webmeji-creature img {
    filter: drop-shadow(0 0 6px var(--neon-cyan, #00ffff)) 
            drop-shadow(0 0 12px var(--neon-pink, #ff00ff));
}

.webmeji-creature:hover img {
    filter: drop-shadow(0 0 10px var(--neon-cyan, #00ffff)) 
            drop-shadow(0 0 20px var(--neon-pink, #ff00ff))
            brightness(1.2);
}

.webmeji-creature.dragging img {
    filter: drop-shadow(0 0 16px var(--neon-yellow, #ffff00))
            brightness(1.5);
}

/* Edge positioning */
.webmeji-creature.edge-left {
    left: 0 !important;
    bottom: auto;
}

.webmeji-creature.edge-right {
    right: 0 !important;
    left: auto !important;
    bottom: auto;
}

.webmeji-creature.edge-top {
    top: 0;
    bottom: auto !important;
}

/* Mobile sizing */
@media (max-width: 768px) {
    .webmeji-creature {
        width: 48px;
        height: 48px;
    }
}