/* SOLAR KNIGHT - iOS Optimizations 
   This file contains iOS-specific optimizations for better performance */

/* Hardware acceleration for all animations */
.ios .cloud,
.ios .day-star,
.ios #events-wrapper,
.ios .battle-action-text,
.ios .status-effect,
.ios .combat-scene,
.ios .battle-player,
.ios .battle-enemy,
.ios .cooldown-progress {
    transform: translateZ(0);
    will-change: transform, opacity;
}

/* Simplified animations for iOS */
.ios .cloud {
    animation-duration: 120s !important; /* Longer duration = less redraw */
}

.ios .day-star {
    animation-duration: 6s !important; /* Standard duration instead of random */
}

/* Reduce the number of animated properties for combat transitions */
.ios.combat-active .combat-scene.active {
    transition: transform 0.8s ease-out !important;
}

/* Optimize status effect animations */
.ios .status-effect-new {
    animation: ios-status-effect-pulse 0.6s ease-out !important;
}

@keyframes ios-status-effect-pulse {
    0% { transform: scale(1.3) translateZ(0); }
    100% { transform: scale(1) translateZ(0); }
}

/* Optimize planet rotation */
.ios #events-wrapper {
    transition: transform 1.2s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* Simplified combat animations */
.ios .battle-action-text.visible {
    animation: ios-fade-in-out 2.5s ease-out forwards !important;
}

@keyframes ios-fade-in-out {
    0% { opacity: 0; transform: translateY(-10px) translateZ(0); }
    15% { opacity: 1; transform: translateY(0) translateZ(0); }
    85% { opacity: 1; transform: translateY(0) translateZ(0); }
    100% { opacity: 0; transform: translateY(10px) translateZ(0); }
}

/* Optimize cooldown bars */
.ios .cooldown-progress {
    transition: width 0.3s linear !important;
}

/* Reduce parallax effects */
.ios .battle-background {
    background-attachment: scroll !important;
} 