/* تأثيرات حركية للعبة */
/* تأثيرات الأزرار */
.mwg-btn {
    transition: all 0.2s ease-in-out;
}

.mwg-btn:active {
    transform: scale(0.95);
}

/* تأثيرات البطاقات */
.mwg-building-card, .mwg-unit-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mwg-building-card:hover, .mwg-unit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* تأثيرات الموارد */
@keyframes resourcePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.resource-increase {
    animation: resourcePulse 0.5s ease;
    color: var(--success-color);
}

/* تأثيرات الخريطة */
.mwg-map-cell {
    transition: all 0.3s ease;
}

.mwg-map-cell:hover {
    transform: scale(1.1);
    z-index: 10;
}

/* تأثيرات الرسائل */
@keyframes slideIn {
    0% { transform: translateX(-50%) translateY(-100%); opacity: 0; }
    100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}

.mwg-message {
    animation: slideIn 0.3s ease forwards;
}

/* تأثيرات الإنتاج */
@keyframes progressBar {
    0% { width: 0%; }
    100% { width: 100%; }
}

.mwg-progress-bar {
    height: 5px;
    background-color: var(--light-bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-top: 5px;
}

.mwg-progress-bar-fill {
    height: 100%;
    background-color: var(--secondary-color);
    animation: progressBar 1s linear forwards;
}

/* تأثيرات التبويب */
.mwg-tab-button {
    transition: all 0.3s ease;
}

.mwg-tab-button:hover {
    background-color: #e0e0e0;
}

/* تأثيرات الانتقال بين الأقسام */
.mwg-game-section {
    transition: opacity 0.3s ease;
}

.mwg-game-section.active {
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* تأثيرات الترقية */
@keyframes upgradeEffect {
    0% { transform: scale(1); box-shadow: 0 0 0 rgba(46, 204, 113, 0); }
    50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(46, 204, 113, 0.5); }
    100% { transform: scale(1); box-shadow: 0 0 0 rgba(46, 204, 113, 0); }
}

.upgrade-animation {
    animation: upgradeEffect 1s ease;
}

/* تأثيرات المعارك */
@keyframes battleShake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.battle-animation {
    animation: battleShake 0.5s ease;
}