/* Chomik (Hamster) Companion Styles */

.chomik-container {
    position: fixed;
    bottom: 200px;
    right: 20px;
    width: 360px;
    height: 360px;
    z-index: 1000;
    cursor: grab;
    user-select: none;
    pointer-events: none;
}

.chomik-grab-area {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 160px;
    cursor: grab;
    pointer-events: auto;
    z-index: 1001;
}

.chomik-grab-area:active {
    cursor: grabbing;
}



.chomik-sprite {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    transition: transform 0.1s ease;
    filter: contrast(1.1) brightness(1.05);
}

.chomik-container:hover .chomik-sprite {
    transform: scale(1.1);
}

.chomik-container:active .chomik-sprite {
    transform: scale(0.95);
}

/* Animation states */
.chomik-sprite.idle {
    background-image: url('../chomik_apng/AnimMainIdle.png');
}

.chomik-sprite.idle-start-1 {
    background-image: url('../chomik_apng/AnimIdleStart1.png');
}

.chomik-sprite.idle-start-2 {
    background-image: url('../chomik_apng/AnimIdleStart2.png');
}

.chomik-sprite.idle-start-3 {
    background-image: url('../chomik_apng/AnimIdleStart3.png');
}

.chomik-sprite.idle-loop-1 {
    background-image: url('../chomik_apng/AnimIdleLoop1.png');
}

.chomik-sprite.idle-loop-2 {
    background-image: url('../chomik_apng/AnimIdleLoop2.png');
}

.chomik-sprite.idle-loop-3 {
    background-image: url('../chomik_apng/AnimIdleLoop3.png');
}

.chomik-sprite.idle-finish-1 {
    background-image: url('../chomik_apng/AnimIdleFinish1.png');
}

.chomik-sprite.idle-finish-2 {
    background-image: url('../chomik_apng/AnimIdleFinish2.png');
}

.chomik-sprite.idle-finish-3 {
    background-image: url('../chomik_apng/AnimIdleFinish3.png');
}

.chomik-sprite.idle-1 {
    background-image: url('../chomik_apng/AnimIdle1.png');
}

.chomik-sprite.idle-2 {
    background-image: url('../chomik_apng/AnimIdle2.png');
}

.chomik-sprite.idle-3 {
    background-image: url('../chomik_apng/AnimIdle3.png');
}

.chomik-sprite.idle-4 {
    background-image: url('../chomik_apng/AnimIdle4.png');
}

.chomik-sprite.idle-5 {
    background-image: url('../chomik_apng/AnimIdle5.png');
}

.chomik-sprite.idle-6 {
    background-image: url('../chomik_apng/AnimIdle6.png');
}

.chomik-sprite.idle-8 {
    background-image: url('../chomik_apng/AnimIdle8.png');
}

/* Movement animations */
.chomik-sprite.move-start {
    background-image: url('../chomik_apng/AnimCharacterMoveStart.png');
}

.chomik-sprite.moving {
    background-image: url('../chomik_apng/AnimCharacterMoving.png');
}

.chomik-sprite.move-finish {
    background-image: url('../chomik_apng/AnimCharacterMoveFinish.png');
}

/* Typing animations */
.chomik-sprite.typing-start {
    background-image: url('../chomik_apng/AnimTypingStart.png');
}

.chomik-sprite.typing {
    background-image: url('../chomik_apng/AnimTyping.png');
}

.chomik-sprite.typing-stop {
    background-image: url('../chomik_apng/AnimTypingStop.png');
}

/* Music animations */
.chomik-sprite.music-start {
    background-image: url('../chomik_apng/AnimMusicStart.png');
}

.chomik-sprite.music-loop {
    background-image: url('../chomik_apng/AnimMusicLoop.png');
}

.chomik-sprite.music-finish {
    background-image: url('../chomik_apng/AnimMusicFinish.png');
}

/* Screenshot animation */
.chomik-sprite.screenshot-finish {
    background-image: url('../chomik_apng/AnimScreenshotFinish.png');
}

/* Drag file animations */
.chomik-sprite.drag-start {
    background-image: url('../chomik_apng/AnimDragFileStart.png');
}

.chomik-sprite.drag-processing {
    background-image: url('../chomik_apng/AnimDragFileProcessing.png');
}

.chomik-sprite.drag-finish {
    background-image: url('../chomik_apng/AnimDragFileFinish.png');
}

.chomik-sprite.drag-cancel {
    background-image: url('../chomik_apng/AnimDragFileCancel.png');
}

/* Speech bubble */
.chomik-speech {
    position: absolute;
    bottom: 180px;
    right: 0;
    background: #FFFCD9;
    border: 3px solid #96B825;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    max-width: 150px;
    text-align: center;
    box-shadow: 3px 3px 0px #000;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1001;
}

.chomik-speech.show {
    opacity: 1;
    transform: scale(1);
}

.chomik-speech::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFCD9;
}

/* Interaction feedback */
.chomik-container.interacting {
    animation: bounce 0.5s ease;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Responsive design */
@media (max-width: 768px) {
    .chomik-container {
        width: 240px;
        height: 240px;
        bottom: 120px;
        right: 10px;
    }
    
    .chomik-grab-area {
        width: 80px;
        height: 80px;
    }
    
    .chomik-speech {
        bottom: 120px;
        max-width: 120px;
        font-size: 10px;
    }
}