#universe-bg
{
    z-index: 0;
}

#universe-fg
{
    z-index: 2;
}

.universe
{
    position: fixed;
    top: 0;
    left: 0;
    /* n.b. using "right 0; bottom 0;" instead of "height 100%; width 100;" makes the svg not resize correctly
     * when the inspector tool is launched in Chrome */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    touch-action: none;
    background-color: transparent;
}

.placeholder-core-hex
{
    fill: transparent;
    stroke:gray;
    stroke-width:16
}

.placeholder-marker-hex
{
    fill: transparent;
    stroke: #1e1e1e;
    stroke-width:16
}

.hex-text
{
    text-anchor: middle;
    dominant-baseline: central;
}

.position-text
{
    font: 200px Arial;
    fill: gray;
}

.coming-soon-text
{
    font: 95px Arial;
    fill: lightgray;
    font-style: italic;
}

.tile
{
    position: absolute;
    left: 0;
    top: 0;
}