/* _content/ArcadeRush/Views/Shared/_DashboardLayout.cshtml.rz.scp.css */
 
/*a:focus, button:focus, input:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


button, a[role="button"], .nav-link {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.nav-drawer, .overlay {
    will-change: transform, opacity;
}


@supports (backdrop-filter: blur(5px)) {
    .overlay.active {
        backdrop-filter: blur(5px);
    }
}*/
/* _content/ArcadeRush/Views/Shared/_GamesLayout.cshtml.rz.scp.css */
/* This file can be used for any additional component-specific styles */
/* The main styles are now in site.css */

/* Focus styles for accessibility */
a:focus[b-u6yha9bk0x], button:focus[b-u6yha9bk0x], input:focus[b-u6yha9bk0x] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Touch target sizes */
button[b-u6yha9bk0x], a[role="button"][b-u6yha9bk0x], .nav-link[b-u6yha9bk0x] {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Animation for smoother transitions */
.nav-drawer[b-u6yha9bk0x], .overlay[b-u6yha9bk0x] {
    will-change: transform, opacity;
}

/* Backdrop filter for modern browsers */
@supports (backdrop-filter: blur(5px)) {
    .overlay.active[b-u6yha9bk0x] {
        backdrop-filter: blur(5px);
    }
}
/* _content/ArcadeRush/Views/Shared/_Layout.cshtml.rz.scp.css */
 
/*a:focus, button:focus, input:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


button, a[role="button"], .nav-link {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.nav-drawer, .overlay {
    will-change: transform, opacity;
}


@supports (backdrop-filter: blur(5px)) {
    .overlay.active {
        backdrop-filter: blur(5px);
    }
}*/