
    /* :global {*/
        :root {
            --color-faction: violet;
            --color-friendly: darkcyan;
            --color-hostile: firebrick;
            --color-neutral: grey;
            /* Svelte Toast CSS */
            --toastWidth: 32rem;
            --toastBorder: 1px outset snow;
            --toastBarBackground: firebrick;
            --toastContainerTop: auto;
            --toastContainerRight: auto;
            --toastContainerBottom: 8rem;
            --toastContainerLeft: calc(50vw - 16rem);
        }

        body {
            margin: 0px;
            min-width: 400px;
            background-color: #111;
            color: snow;
            padding-bottom: 50vh;
        }

        a {
            color: snow;
        }

        button {
            background-color: #111;
            color: snow;
            border-radius: 7px;
            border: 2px outset snow;
        }

        button:active:enabled {
            background-color: firebrick;
        }

        button:hover {
            border: 2px outset firebrick;
        }

        button:disabled {
            color: #111;
            background-color: lightgrey;
            border: 2px outset #111;
        }
    /*}*/

    noscript.svelte-khkzzk {
        justify-content: center;
    }
