.wolf-logo {
    width: 120px;
    opacity: 0.8;
    animation: breathe 4s infinite ease-in-out;
}

@keyframes breathe {
    0% { transform: scale(1); opacity: 0.6; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); opacity: 0.6; }
}

.wolf-logo {
    width: 140px;
    margin-bottom: 10px;
    opacity: 0.8;
    animation: breathe 4s infinite ease-in-out;
}

.fenrir-logo {
    animation: fenrir-glow 4s infinite ease-in-out;
    filter: drop-shadow(0 0 15px rgba(0, 180, 255, 0.5));
}

@keyframes fenrir-glow {
    0%   { transform: scale(1);     opacity: 0.8; }
    50%  { transform: scale(1.03); opacity: 1;   }
    100% { transform: scale(1);     opacity: 0.8; }
}

/* Default */
.fenrir-logo {
    width: 220px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: filter 0.5s ease, transform 0.5s ease;
}

/* GLOW STATES */
.glow-low {
    filter: drop-shadow(0 0 15px #00aaff88);
}

.glow-medium {
    filter: drop-shadow(0 0 18px #00e1ffcc) brightness(1.2);
    animation: pulse-medium 2s infinite ease-in-out;
}

.glow-high {
    filter: drop-shadow(0 0 20px #ff0033cc) brightness(1.4);
    animation: pulse-high 1s infinite ease-in-out;
}

/* Animace */
@keyframes pulse-medium {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.03); }
    100% { transform: scale(1); }
}

@keyframes pulse-high {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.06); }
    100% { transform: scale(1); }
}


.loading {
    animation: loadingAura 1.4s infinite ease-in-out;
    filter: drop-shadow(0 0 6px rgba(110,201,255,0.4));
}

@keyframes loadingAura {
    0% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.01); }
    100% { opacity: 0.5; transform: scale(1); }
}