/* ==========================================================================
   mb.bes.is/Simulator — the game page's own stylesheet.

   GameLayout links this after app.css on /Simulator only. The page is one
   canvas the size of the window; everything app.css does for reading is in
   the way, so the frame is undone here rather than worked around.
   ========================================================================== */

html,
body {
    block-size: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

body {
    background-color: #141419;
}

.game {
    position: fixed;
    inset: 0;
}

/* Bevy sizes the canvas to its parent (fit_canvas_to_parent). */
.game canvas {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    position: relative;
    outline: none;
}

/* Sits under the canvas, which stays transparent until the game draws its first frame. */
.game-status {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    margin: 0;
    color: #c8c8d0;
}