html, body {
    margin: 0;
    padding: 0;
    background: #05030a;
    color: #e8d9c0;
    font-family: 'Cinzel', Georgia, serif;
}
/* the landing & learn pages scroll normally; the game page paints a fixed,
   full-screen board (.hell) that doesn't need the body to scroll. */
#app { min-height: 100vh; }
.boot { display: grid; place-items: center; min-height: 100vh; color: #7a1320; letter-spacing: 0.3em; text-transform: uppercase; }
#blazor-error-ui {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;
    background: #7a1320; color: #fff; padding: 0.6rem 1rem; text-align: center;
}