:root {
    --optrpg-menu-dark: #061d3b;
    --optrpg-menu-popup-light: #0b4f69;
    --optrpg-menu-popup-dark: #06253f;
    --optrpg-menu-tip-color: #224653;
}

body::before {
    background-image:
        linear-gradient(var(--optrpg-frame-accent), var(--optrpg-frame-accent)),
        linear-gradient(to right,
            var(--optrpg-menu-dark) 0%,
            var(--optrpg-menu-tip-color) calc(100% - var(--optrpg-corner-width)),
            var(--optrpg-menu-tip-color) 100%);
}

body::after {
    background-image:
        linear-gradient(var(--optrpg-frame-accent), var(--optrpg-frame-accent)),
        linear-gradient(to bottom,
            var(--optrpg-menu-tip-color) 0,
            var(--optrpg-menu-tip-color) var(--optrpg-corner-drop),
            var(--optrpg-menu-dark) 100%);
}

#optrpg-side-menu {
    background-image: linear-gradient(to bottom,
        var(--optrpg-menu-tip-color) 0,
        var(--optrpg-menu-tip-color) var(--optrpg-corner-drop),
        var(--optrpg-menu-dark) 100%);
}

#optrpg-group-link::before {
    background-color: var(--optrpg-menu-tip-color);
    background-image: none;
}

#optrpg-nav-links #optrpg-world-menu,
#optrpg-nav-links #optrpg-game-menu {
    background-image: linear-gradient(145deg,
        var(--optrpg-menu-popup-light),
        var(--optrpg-menu-popup-dark));
}
@media (max-width: 1200px) {
    #optrpg-nav-links {
        background-image: linear-gradient(145deg,
            var(--optrpg-menu-popup-light),
            var(--optrpg-menu-popup-dark)) !important;
    }
}