/* DEFAULT: hidden */
#orientation_cover {
    display: none;
}

/* ===== MODE 1: REQUIRE LANDSCAPE ===== */
.screen-type-1 #orientation_cover {
    display: none;
}

@media (max-aspect-ratio: 1/1) {
    .screen-type-1 #orientation_cover {
        display: flex;
    }
}

/* ===== MODE 2: REQUIRE PORTRAIT ===== */
.screen-type-2 #orientation_cover {
    display: none;
}

@media (min-aspect-ratio: 1/1) {
    .screen-type-2 #orientation_cover {
        display: flex;
    }
}

/* ===== MODE 3: NO REQUIRE ===== */
.screen-type-3 #orientation_cover {
    display: none !important;
}