/** {*/
/*margin: 0;*/
/*padding: 0;*/
/*box-sizing: border-box;*/
/*}*/

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1em;
}

h4 {
    font-size: 0.7em;
}

p {
    font-size: 0.6em;
    padding-inline-start: 40px;
}

ul {
    font-size: 0.6em;
}

*:focus {
    outline: none;
}

*:not(input):not(textarea) {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}




html {
    font-size: 62.5%;
    background-color: black;
}

body {
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    font-size: 1.3rem;
    color: #fff;
}


#content-container {
    width: 100%;
    height: 100%;
    position: fixed;
    /*overflow: hidden;*/
}


#content, #gameRulesContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}


#gameRulesContainer {
    pointer-events: none;
}

canvas, #gameRulesContainer {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    margin: 0 auto;
}

#gameRules {
    pointer-events: all;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 53%;
    width: 75%;
    max-height: 65%;
    color: #ffc039;
    text-shadow: 3px 3px "#000000";
    font-family: 'Arial', sans-serif;
    font-size: 3.4vw;
    display: none;
    padding-right: 5px;
}

#gameRules::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: transparent;
}

#gameRules::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px;
    background-color: #F5F5F5;
}

#gameRules::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: radial-gradient(circle, #a1a2a3, #676868, #444444);
}

@media screen and (max-aspect-ratio: 1/1) {
    #gameRules.mobile {
        top: 75.4vw;
        max-height: calc(100% - 86.4vw);
        transform: translateX(-50%);
    }
}

.ios-fullscreen-landscape {
    height: 126vh;
}

.ios-fullscreen-portrait {
    height: calc(126vh - 1px) !important;
}

.ios-overlay-fullscreen {
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.ios-overlay {
    visibility: visible;
    pointer-events: all;
    width: 100%;
    height: 200vh;
    position: absolute;
}

.ios15-overlay {
    pointer-events: all;
    width: 100%;
    height: 100%;
    position: absolute;
}