/* ==========================================================================
   CUSTOM RENDERERS FOR GARAGE-64 (SYNTHWAVE & ULTRA-CONTRAST)
   ========================================================================== */

/* Cyber-Grid Pattern matching the dark background with neon lines */
.bg-grid {
    background-size: 50px 50px;
    background-image: linear-gradient(to right, rgba(162, 0, 255, 0.05) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(162, 0, 255, 0.05) 1px, transparent 1px);
}

/* Horizontal Divider neon glows */
.neon-line-pink {
    height: 2px;
    background: linear-gradient(90deg, #ff007f, #a200ff, transparent);
}

.neon-line-cyan {
    height: 2px;
    background: linear-gradient(90deg, #00f0ff, #0072ff, transparent);
}

/* Retro Monitor Scanlines */
.scanlines {
    background: linear-gradient(
        rgba(18, 16, 16, 0) 50%, 
        rgba(0, 0, 0, 0.25) 50%
    ), linear-gradient(
        90deg, 
        rgba(255, 0, 127, 0.02), 
        rgba(0, 240, 255, 0.01), 
        rgba(162, 0, 255, 0.02)
    );
    background-size: 100% 4px, 6px 100%;
}

/* Scrollbar Tweaks */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scroll::-webkit-scrollbar {
    width: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: #050508;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: #ff007f;
}