@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Press+Start+2P&display=swap');

html {
    scroll-behavior: smooth;
    background-color: #050505;
    color: #e5e7eb;
}

body {
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    background-color: #050505;
    /* Fundo Global com overlay bem mais leve para não esconder a imagem */
    background-image: linear-gradient(rgba(5, 5, 5, 0.4), rgba(5, 5, 5, 0.5)), url('../TerritoryWarsFundo.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #FF5722;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #E64A19;
}

.pixel-font {
    font-family: 'Press Start 2P', cursive;
    line-height: 1.5;
}

/* Lava Glow Animations */
@keyframes pulse-lava {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 87, 34, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 193, 7, 0.7);
    }
}

.glow-lava {
    animation: pulse-lava 3s infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

/* Toast Animation */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.toast-enter {
    animation: slideInRight 0.3s ease-out forwards;
}
.toast-exit {
    animation: fadeOut 0.3s ease-in forwards;
}