/* roulang page: index */
:root {
            --bg-base: #12161A;
            --bg-surface: #182026;
            --accent-gold: #D99B26;
            --accent-cyan: #1E7B85;
            --border-color: rgba(50, 63, 75, 0.7);
        }
        body {
            background-color: var(--bg-base);
            color: #C5D1DE;
            overflow-x: hidden;
        }
        .hud-border {
            border: 1px solid var(--border-color);
            position: relative;
        }
        .hud-border::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            width: 8px;
            height: 8px;
            border-top: 2px solid var(--accent-gold);
            border-left: 2px solid var(--accent-gold);
        }
        .hud-border::after {
            content: '';
            position: absolute;
            bottom: -1px;
            right: -1px;
            width: 8px;
            height: 8px;
            border-bottom: 2px solid var(--accent-gold);
            border-right: 2px solid var(--accent-gold);
        }
        .military-grid {
            background-image: linear-gradient(to right, rgba(30, 123, 133, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(30, 123, 133, 0.05) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        details summary::-webkit-details-marker {
            display:none;
        }