﻿.stickman-container {
    position: fixed;
    left: 28px;
    bottom: 28px;
    width: 84px;
    height: 126px;
    z-index: 20;
    opacity: 0.82;
}

.stickman { position: relative; width: 100%; height: 100%; }
.head { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; border-radius: 50%; background: #000; }
.fire { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; }
.fire::before, .fire::after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50% 0 50% 50%; background: linear-gradient(45deg, #ff4d4d, #ff9933); animation: flame 0.5s infinite alternate; }
.fire::before { transform: rotate(-45deg); }
.fire::after { transform: rotate(45deg); }
.body { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 2px; height: 60px; background: #000; }
.arms { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); }
.arm-left, .arm-right { position: absolute; width: 40px; height: 2px; background: #000; transform-origin: 0 50%; }
.arm-left { transform: rotate(45deg); animation: armLeft 1s infinite alternate; }
.arm-right { transform: rotate(-45deg); animation: armRight 1s infinite alternate; }
.legs { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); }
.leg-left, .leg-right { position: absolute; width: 40px; height: 2px; background: #000; transform-origin: 0 50%; }
.leg-left { transform: rotate(30deg); animation: legLeft 1s infinite alternate; }
.leg-right { transform: rotate(-30deg); animation: legRight 1s infinite alternate; }
@keyframes flame { 0% { transform: scale(1) rotate(-45deg); opacity: 0.8; } 100% { transform: scale(1.2) rotate(-45deg); opacity: 1; } }
@keyframes armLeft { 0% { transform: rotate(45deg); } 100% { transform: rotate(90deg); } }
@keyframes armRight { 0% { transform: rotate(-45deg); } 100% { transform: rotate(-90deg); } }
@keyframes legLeft { 0% { transform: rotate(30deg); } 100% { transform: rotate(45deg); } }
@keyframes legRight { 0% { transform: rotate(-30deg); } 100% { transform: rotate(-45deg); } }
.aura { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 215, 0, 0.2), transparent); animation: aura 2s infinite; }
@keyframes aura { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } }
