/* =============================================
   Monster Sweeps — Custom Styles
   ============================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

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

/* ---- Background tonal gradient ---- */
.tonal-shift {
    background: linear-gradient(180deg, rgba(24, 26, 22, 1) 0%, rgba(13, 15, 11, 1) 100%);
}

/* ---- Glassmorphism panel ---- */
.glass-panel {
    background: rgba(36, 39, 33, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* ---- Neon text glow ---- */
.text-glow {
    text-shadow: 0 0 20px rgba(202, 253, 0, 0.4);
}