/* --------------------------
   Global Reset & Base Styles
--------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #0a3d0a; /* Match main game background */
}

/* --------------------------
   Canvas Layers
--------------------------- */
canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#worldCanvas {
    display: none; /* Hidden by default, shown when entering World view */
    background-color: #1a2e40; /* World map background */
}

/* --------------------------
   Optional: Responsive Adjustments
--------------------------- */
@media screen and (max-width: 768px) {
    /* Adjust sizes for smaller screens if needed */
    canvas {
        image-rendering: auto;
    }
}

@media screen and (min-width: 1200px) {
    canvas {
        image-rendering: crisp-edges;
    }
}