.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .icon-filled {
            font-variation-settings: 'FILL' 1;
        }
        
        /* Hexagonal Grid Background Texture */
        .bg-hex-grid {
            background-color: #0d1515;
            background-image: 
                radial-gradient(circle at center, rgba(0, 219, 231, 0.05) 0%, transparent 70%),
                url("data:image/svg+xml,%3Csvg width='40' height='69.282' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 17.321L20 5.774 0 17.321V40.415L20 51.962l20-11.547V17.321z' stroke='rgba(132, 148, 149, 0.05)' fill='none' stroke-width='1'/%3E%3Cpath d='M20 51.962L0 63.509V86.603l20 11.547 20-11.547V63.509L20 51.962z' stroke='rgba(132, 148, 149, 0.05)' fill='none' stroke-width='1'/%3E%3C/svg%3E");
            background-size: cover, 40px 69.282px;
            background-position: center, center;
        }

        /* Glass Panel Styling */
        .glass-panel {
            background-color: rgba(30, 41, 59, 0.4);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(132, 148, 149, 0.2);
            box-shadow: inset 0px 0px 20px rgba(0, 219, 231, 0.05);
            position: relative;
        }
        .glass-panel::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 20%;
            height: 1px;
            background: linear-gradient(90deg, rgba(0, 219, 231, 0.5) 0%, transparent 100%);
        }
        .glass-panel::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 20%;
            background: linear-gradient(180deg, rgba(0, 219, 231, 0.5) 0%, transparent 100%);
        }

        /* Dynamic HUD Glows */
        .hud-glow {
            filter: drop-shadow(0 0 12px rgba(0, 219, 231, 0.6));
        }
        .hud-glow-alert {
            filter: drop-shadow(0 0 12px rgba(254, 148, 0, 0.6));
        }
        
        /* Scanline Overlay */
        .scanlines {
            background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1));
            background-size: 100% 4px;
            pointer-events: none;
        }