:root {
    --base-font-size: 16px;
}

html, body, #main {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #111111;
    /*background-color: #000000;*/
    overflow: hidden;
}

body {
    font-size: var(--base-font-size) !important;
     background-color: #000000 !important;
}

h1 { font-size: calc(2.5 * var(--base-font-size)) !important; }
h2 { font-size: calc(2 * var(--base-font-size)) !important; }
h3 { font-size: calc(1.75 * var(--base-font-size)) !important; }
h4 { font-size: calc(1.5 * var(--base-font-size)) !important; }
h5 { font-size: calc(1.25 * var(--base-font-size)) !important; }
h6 { font-size: calc(1 * var(--base-font-size)) !important; }
p, span, li, i, input, button, select, option, label { font-size: calc(1 * var(--base-font-size)) !important; }
small { font-size: calc(0.875 * var(--base-font-size)) !important; }

#game {
    overflow: hidden;
}
#game-container-canvas {
    overflow: hidden;
}

#ui-container {
   /* z-index: 50; */
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
    overflow-y: auto;
}
.game-overlay {
   position: fixed;
   width: 100%;
   padding: 0;
   margin: 0;
}
.game-ui-btn {
   height: 4rem;
   font-size: calc(1.5 * var(--base-font-size)) !important;
}

canvas {
    touch-action: none;
}