/* assets/css/style.css */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.pitch-gradient {
    background: linear-gradient(135deg, rgba(0, 207, 91, 0.1) 0%, rgba(18, 19, 20, 0) 50%);
}

.stadium-glow {
    filter: drop-shadow(0 0 15px rgba(65, 236, 116, 0.4));
}

.glass-panel {
    background: rgba(31, 32, 33, 0.7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(133, 149, 132, 0.2);
}

.countdown-box {
    background: #121314;
    border: 2px solid #ffdb3c;
    box-shadow: 4px 4px 0px #ffdb3c;
}

.shard-clip {
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
}

@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin-slow 12s linear infinite;
}

/* Custom styles for preview grids */
.preview-grid img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid rgba(255, 219, 60, 0.3);
}