body, html {
    margin: 0;
    height: 100%;
    background: #f2e6c4; /* Parchment-like background */
}


@media DISABLED {
  #map {
    width: 100%;
    height: 100%;
} }

.map-title {
    background: rgba(255, 255, 230, 0.7);
    padding: 10px;
    border: 2px solid #999;
    font-family: 'Garamond', serif;
    text-align: center;
    box-shadow: 2px 2px 8px #aaa;
    border-radius: 10px;
}

.monsters-label {
    background: rgba(230, 230, 230, 0.6);
    padding: 8px;
    border: 1px dashed #666;
    font-family: 'Garamond', serif;
    font-size: 18px;
    color: #444;
}