html,
body {
    margin: 0;
    min-height: 100%;

    font-family: Arial, Helvetica, sans-serif;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(190, 160, 95, 0.045),
            transparent 38%
        ),
        #12110f;

    color: #e8dfcf;
}


/* ==========================================================
   LAYOUT CAMPAGNE
   ========================================================== */

.campaign-layout {

    display: grid;

    grid-template-rows:
        70px
        50px
        1fr
        120px;

    min-height: 100vh;

    background: transparent;
}


/* ==========================================================
   CONTENU PRINCIPAL
   ========================================================== */

.campaign-main {

    display: grid;

    grid-template-columns:
        1fr
        320px;

    gap: 20px;

    padding: 20px;

    background: transparent;
}


/* ==========================================================
   CARTE
   ========================================================== */

.campaign-map {

    background: #24211c;

    border: 1px solid rgba(190, 160, 95, 0.14);

    border-radius: 10px;

    padding: 20px;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

.campaign-sidebar {

    background: #24211c;

    border: 1px solid rgba(190, 160, 95, 0.14);

    border-radius: 10px;

    padding: 20px;
}


/* ==========================================================
   PLACEHOLDER
   ========================================================== */

.map-placeholder {

    display: flex;

    height: 100%;

    align-items: center;
    justify-content: center;

    flex-direction: column;

    color: #e8dfcf;
}