body {
            background-color: theme('colors.background');
            background-image: 
                linear-gradient(rgba(0, 219, 231, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 219, 231, 0.03) 1px, transparent 1px);
            background-size: 32px 32px;
            color: theme('colors.on-surface');
            overflow: hidden;
        }

        .glass-panel {
            background: theme('colors.surface-container-high') / 40;
            backdrop-filter: blur(12px);
            border: 1px solid theme('colors.primary-fixed-dim') / 20;
            box-shadow: inset 0 0 20px rgba(0, 219, 231, 0.05);
            position: relative;
        }

        .glass-panel::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 1px;
            background: theme('colors.primary-fixed-dim');
        }

        .glass-panel::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 8px;
            background: theme('colors.primary-fixed-dim');
        }

        .inner-glow-primary {
            box-shadow: inset 0 0 15px rgba(0, 219, 231, 0.1);
        }

        .text-glow {
            text-shadow: 0 0 10px rgba(0, 219, 231, 0.5);
        }
        
        .pulse-slow {
            animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: .5; }
        }
        
        /* Tactical HUD elements */
        .hud-crosshair {
            position: relative;
        }
        .hud-crosshair::before, .hud-crosshair::after {
            content: '';
            position: absolute;
            background: theme('colors.primary-fixed-dim') / 30;
        }
        .hud-crosshair::before { width: 100%; height: 1px; top: 50%; left: 0; }
        .hud-crosshair::after { height: 100%; width: 1px; left: 50%; top: 0; }