/* Custom styles for The Digital Battlezone */

/* Smooth focus outlines */
a:focus-visible, button:focus-visible {
    outline: 2px solid #14b8a6;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: #5eead4;
    color: #0f172a;
}

/* Subtle page background pattern */
body {
    background-image: radial-gradient(circle at 1px 1px, rgba(13, 148, 136, 0.04) 1px, transparent 0);
    background-size: 32px 32px;
}

/* Navbar glass effect when scrolled */
#navbar.scrolled {
    background-color: rgba(240, 253, 250, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(13, 148, 136, 0.1);
}

/* Ensure all images have smooth rendering */
img {
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Print styles */
@media print {
    #navbar, #mobile-menu, .reveal { display: none; }
    body { background: white; color: black; }
    .card-lift { box-shadow: none; border: 1px solid #ddd; }
}