html * {
    box-sizing: border-box;
}

body {
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: black;
}

body [tabindex]:focus {
    outline: 1px solid black;
    border-radius: 1px;
}

.yh-hidden {
    display: none;
}

.yh-stroke-hot {
    stroke: orangered;
}

.yh-fill-hot {
    fill: orangered;
}

.yh-fill-alert {
    fill: red;
}

.yh-stroke-white {
    stroke: white;
}

.yh-cs-pointer {
    cursor: pointer;
}

.yh-btn-press:hover {
    opacity: 0.88;
    cursor: pointer;
}

.yh-btn-press:active {
    box-shadow: 1px 2px 2px orangered;
    text-shadow: 1px 2px 2px orangered;
}

.yh-anim-scale-s {
    transform-origin: center;
    -moz-animation: yh-scale 3.6s infinite;
    -webkit-animation: yh-scale 3.6s infinite;
    animation: yh-scale 3.6s infinite;
}

.yh-anim-fade-in {
    -moz-animation: yh-popup 0.2s;
    -webkit-animation: yh-popup 0.2s;
    animation: yh-popup 0.2s;
}

@-moz-keyframes yh-scale {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.06);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes yh-scale {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.06);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes yh-scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

@-moz-keyframes yh-popup {
    from {
        opacity: 0.1;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes yh-popup {
    from {
        opacity: 0.1;
    }

    to {
        opacity: 1;
    }
}

@keyframes yh-popup {
    from {
        opacity: 0.1;
    }

    to {
        opacity: 1;
    }
}

#yhScope {
    width: 100%;
    height: 100%;
}

#yh_game {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    --webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#yh_game>.yh-id-page:not(#yh_mainCover) {
    display: none;
    -moz-animation: yh-popup 0.14s;
    -webkit-animation: yh-popup 0.14s;
    animation: yh-popup 0.14s;
}

/* POPUP */
#yh_g_popup {
    display: none;
    -moz-animation: yh-popup 0.1s;
    -webkit-animation: yh-popup 0.1s;
    animation: yh-popup 0.1s;
}

.yh-g-fill:not([fill]) {
    fill: black;
}

.yh-g-stroke:not([stroke]) {
    stroke: black;
}