* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #02030a;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background: radial-gradient(circle at 50% 0%, #101936 0%, #050711 42%, #010208 100%);
}

#gameShell {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* The real game layout is now controlled from game.js.
   Keep this file tiny so CSS and canvas code do not fight each other. */

#gameCanvas {
    display: block;
    background: #03040a;
    image-rendering: pixelated;
}

button {
    appearance: none;
    cursor: pointer;
}