#heatmap-section {
            display: none; /* Shown by app when needed; hidden on load so lock screen shows first */
            margin: 20px auto;
            max-width: 800px;
            padding: 20px;
            background: rgba(0, 20, 0, 0.8);
            border-radius: 10px;
            border: 1px solid #0f0;
        }
        
        .stats-container {
            display: flex;
            justify-content: space-around;
            margin-top: 20px;
        }
        
        .stats-column {
            flex: 1;
            max-width: 300px;
            padding: 15px;
        }
        
        .stat-tile {
            display: flex;
            justify-content: space-between;
            padding: 8px;
            margin: 5px 0;
            border-radius: 5px;
            font-family: 'Share Tech Mono', monospace;
        }
        
        .stat-tile.safe {
            background: rgba(0, 255, 0, 0.2);
            border: 1px solid rgba(0, 255, 0, 0.5);
        }
        
        .stat-tile.risky {
            background: rgba(255, 0, 0, 0.2);
            border: 1px solid rgba(255, 0, 0, 0.5);
        }
        
        .position {
            font-weight: bold;
        }
        
        .percentage {
            opacity: 0.8;
        }