html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #262522;
}

body {
    display: block;
    box-sizing: border-box;
    padding: env(safe-area-inset-top, 0px)
             env(safe-area-inset-right, 0px)
             env(safe-area-inset-bottom, 0px)
             env(safe-area-inset-left, 0px);
}

canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Center the pre-Compose spinner without flex/text-align on body (avoids affecting the canvas root). */
body > svg[role="presentation"] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}