/* ========================================
   SPIDER INVASION SYSTEM
   ======================================== */

/* Deployed Spider */
.deployed-spider {
    position: fixed;
    width: 48px;
    height: 48px;
    pointer-events: none;
    z-index: 9998;
    transform-origin: center center;
    will-change: transform, left, top;
    transition: none;
}

.deployed-spider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

/* Spider leg wiggle - subtle scale pulse handled in JS */
.deployed-spider:not(.spider-dead) img {
    animation: spider-leg-twitch 0.35s steps(2) infinite;
}

@keyframes spider-leg-twitch {
    0%   { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) brightness(1); }
    50%  { filter: drop-shadow(0 2px 6px rgba(0,0,0,0.6)) brightness(0.95); }
    100% { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) brightness(1); }
}

/* Spider icon in weapon tray */
.weapon-item .spider-icon {
    filter: none;
    animation: spider-idle-twitch 1.8s ease-in-out infinite;
}

@keyframes spider-idle-twitch {
    0%, 80%, 100% { transform: scale(1) rotate(0deg); }
    85% { transform: scale(1.08) rotate(-6deg); }
    92% { transform: scale(1.05) rotate(5deg); }
}

/* Spider count badge */
.spider-count-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    background: #cc2222;
    color: #fff;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: spider-badge-pulse 1.2s ease-in-out infinite;
    border: 1px solid rgba(255,255,255,0.3);
}

@keyframes spider-badge-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); box-shadow: 0 0 6px rgba(204,34,34,0.7); }
}

/* Dead spider */
.deployed-spider.spider-dead img {
    animation: none;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.8)) grayscale(0.8) brightness(0.4);
}

/* Terminal theme adjustments */
[data-theme="terminal"] .deployed-spider img {
    filter: drop-shadow(0 0 6px rgba(0, 255, 102, 0.4)) brightness(0.9);
}

[data-theme="terminal"] .spider-count-badge {
    background: var(--accent);
    color: var(--bg-color);
    border-radius: 0;
}