/* effects.css - Canvas Overlay & UI Layer Effects only */

#frozen-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.1) 0%, rgba(0, 150, 255, 0.4) 100%);
    z-index: 150; /* Above Canvas, below top HUD */
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease;
    mix-blend-mode: screen;
}

#frozen-overlay::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M50 0 L50 100 M0 50 L100 50 M25 25 L75 75 M75 25 L25 75" stroke="rgba(255,255,255,0.2)" stroke-width="2"/></svg>');
    opacity: 0.3;
    animation: snowFall 10s linear infinite;
}

@keyframes snowFall {
    from { background-position: 0 0; }
    to { background-position: 100px 200px; }
}

/* Range indicators are now handled via Canvas graphics_units.js natively for 60fps performance. */