@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .skip_button {
        bottom: 1.75vh;
        left: 130.5vh;
    }

    .button_container {
        padding: 4.9vh 8.2vh;
        border-radius: 1vh;
        background-size: 45%;
    }

    .name {
        font-size: 4.3vh;
        margin-top: -9.4vh;
        left: 2.8vh;
    }

    .text {
        font-size: 4.2vh;
        margin-top: -0vh;
        margin-left: 2vh;
        line-height: 5.8vh;
        width: 118vh;
    }

    .dialog {
        height: 18vh;
        padding: 2vh 1vh;
        width: 130vh;
        left: 0;
        right: 0;
        bottom: 4vh;
    }

    .offer_edit {
        height: 9.5vh;
        width: 9.8vh;
        left: 148.5vh;
        bottom: 1.75vh;
        background-size: 38%;
        border-radius: 1vh;
        border-radius: 1vh;
    }

    .main_menu_buttons {
        width: 40vh;
        height: 11vh;
        border-radius: 1vh;
        font-size: 5.8vh;
        margin: 2vh 0;
        line-height: 11.6vh;
        border: #f9ffbd3b 0.4vh solid;
    }

    .main_buttons {
        position: absolute;
        right: 4vh;
        bottom: 3vh;
    }

       .log_in_button, #log_in_button_game {
        position: absolute;
        width: 30.5vh;
        height: 12vh;
        right: 3vh;
        text-decoration: none;
        top: 0vh;
        font-size: 3.8vh;
        line-height: 8vh;
        background-size: 21%;
        background-position: 16.2vh;
    }

    #log_in_button_game {
        /* left: 10vh; */
        font-size: 3.8vh;
            line-height: 8vh;
            width: 30vh;
            left: 2vh !important;
    }

    .patreon {
        height: 10vh;
    }

    .patreon_small {
        right: 31.5vh;
        width: 7.4vh;
        background-position: 1%;
        background-size: 35vh;
    }

    .gallery_menu {
        bottom: 0vh;
        width: 150vh;
        height: 100vh;
    }

    .gallery_items {
        height: 99%;
        width: 144.3vh;
    }

    .gallery_footer {
        top: 71vh;
        height: 15.5vh;
        z-index: 1;
    }

    .version_gallery_text {
        padding: 2vh 3vh;
        margin-top: 3vh;
        font-size: 5vh;
        border-radius: 1.5vh;
        background-color: #4f4f6b;
    }

    .item {
        width: 42vh;
        height: 45vh;
        padding: 3vh 1.5vh;
    }

    .gallery_image {
        border-radius: 1vh;
        width: 41vh;
        height: 23vh;
    }

    .paid_image {
        height: 25vh;
        top: 2vh;
        left: 0.5vh;
        border-radius: 1.5vh;
        width: 43vh;
    }

    .item_text {
        width: 30vh;
        height: 6vh;
        align-items: center;
       
        font-size: 3.4vh;
        line-height: 5vh;
        margin-top: 11vh;
    }

    .menu-header {
        border-bottom: 0.1vh solid #6C6C6C;
        display: flex;
        height: 12vh;
        align-items: center;
    }

    .title_menu {
        font-size: 4.2vh;
        line-height: 5vh;
        padding: 3.5vh 3.5vh;
    }

    .gallery_container {
        height: 80%;
        padding: 0vh 5.5vh;
    }

    .locked_item {
        height: 8.5vh;
        width: 8.5vh;
        left: 2vh;
        top: 4.4vh;
    }

    .locked_item_money {
        height: 10.5vh;
        width: 10.5vh;
        left: 2vh;
        top: 4.4vh;
    }

    .randomizer {
        padding: 2vh 4vh;
        left: 4vh;
        top: 2vh;
        font-size: 4vh;
        line-height: 7vh;
        border-radius: 1.5vh;
        box-shadow: 0 0.4vh 0.6vh rgba(0, 0, 0, 0.2), 0 0.1vh 0.3vh rgba(0, 0, 0, 0.1);
    }

    .randomizer::before {
        height: 7.1vh;
        width: 7vh;
        margin-right: 2.2vh;
    }

    .close-menu {
        height: 12vh;
        width: 12vh;
        background-size: 40%;
        background-position: 47%;
        right: 0;
    }

    .game_menu {
        top: 14vh;
        right: 2vh;
        width: 50vh;
    }

    .game_menu_item {
        font-size: 4.5vh;
        margin: 3.5vh 15.5vh 4.5vh 5vh;
    }

    .credits_menu, .roadmap_menu, .walkthrough_menu, .preview_menu, .faq_menu {
        width: 150vh;
        height: 100vh;
        bottom: 0vh;
    }

    .credits_menu {
        height: 100vh;
        width: 97vh;
        left: -63vh;
        bottom: 0vh;
    }

    .special_thanks {
        width: 61vh;
        height: 100vh;
        bottom: 0vh;
        left: 109vh;
    }

    .credits_text, .roadmap_text, .credits_text_walkthrough {
        font-size: 4.2vh;
        line-height: 7.5vh;
        padding: 3vh 4vh 4vh 5vh;
        height: 80.9vh;
    }

    .thnx {
        height: 80.9vh !important;
        width: 52vh;
    }

    .switch {
        width: 11vh;
        margin-left: 4vh;
        height: 8.5vh;
    }

    .switch_container {
        /* display: none; */
        padding: 4vh;
        right: 0;
    }

    .switch_text {
        font-size: 5vh;
    }

    .slider {
        top: 1vh;
        left: 0;
        right: 0;
        bottom: 1.5vh;
        border-radius: 1.75vh;
    }

    .slider:before {
        height: 6.5vh;
        width: 6.5vh;
        left: 0;
        border-radius: 50%;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(5vh);
        -ms-transform: translateX(5vh);
        transform: translateX(5vh);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 5vh;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .gallery_overlay, .gallery_overlay_walkthrough {
        height: 71.5vh;
        top: 12vh;
        width: 100%;
    }

    .gallery_locked_popup, .gallery_walkthrough_popup {
        width: 76vh;
        padding: 2vh 2vh;
        height: 40vh;
        bottom: 16vh;
    }

    .hidden_scene_text {
        position: absolute;
        font-size: 3.5vh;
        line-height: 6vh;
        padding: 3vh 3vh 0vh 4vh;
        width: 63vh;
    }

    .patreon_paywall {
        width: 40vh;
        height: 9vh;
        box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
        background-size: 92%;
        border-radius: 1.5vh;
        margin-top: 27vh;
    }

    #patreon_paywall1 {
    }

    #patreon_paywall2 {
        margin-top: 19vh;
        margin-left: 1vh;
        width: 43vh;
        height: 9.5vh;
    }

    #patreon_paywall3 {
    }

    #patreon_paywall4 {
        margin-top: 27vh;
        margin-left: 1vh;
        width: 43vh;
        height: 9.5vh;
    }

    #log_in_gallery.log_in_button_hidden_scene {
        margin-left: 3vh;
        border-radius: 1vh;
        font-size: 4vh;
        box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
        margin-top: 27vh;
        width: 25vh;
        height: 9vh;
    }

    .saves-menu {
        left: 0;
        bottom: 0;
        width: 178vh;
        height: 100vh;
        box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
    }

    .save_item {
        width: 40vh;
        height: 80vh;
        margin: 3.4vh 1.8vh;
        box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
    }

    .first_saves_container .screenshot {
        height: 20.3vh;
        margin-bottom: 2vh;
    }

    .first_saves_container .sprite_preview {
        height: 13.3vh;
        margin-bottom: 1.8vh;
        object-fit: cover;
        width: 100%;
    }

    .first_saves_container .pr_title {
        font-size: 4vh;
        margin-bottom: 1vh;
        padding: 1vh 2vh;
    }

    .first_saves_container .pr_description {
        font-size: 3.4vh;
        line-height: 4.6vh;
        padding: 0 2.5vh;
    }

    .first_saves_container .pr_button {
        box-shadow: 0px 0.3vh 0.3vh rgb(0 0 0 / 14%), 0px 0.1vh 0.7vh rgb(0 0 0 / 12%), 0px 0.1vh 0.2vh rgb(0 0 0 / 20%);
        border-radius: 1vh;
        font-size: 3.5vh;
        text-align: center;
        height: 8.6vh;
        bottom: 2.5vh;
        left: 2.2vh;
        right: 2.2vh;
        white-space: normal;
        line-height: 5vh;
        word-wrap: break-word;
        padding: 0vh 4vh;
    }

    .first_saves_container .saves_small_title {
        line-height: 5vh;
        font-size: 3.5vh;
        padding: 0 3vh;
    }

    .first_saves_container .saves_description {
        font-size: 3.5vh;
        line-height: 4.7vh;
        padding: 0 3vh;
        margin-top: 0.7vh;
        margin-bottom: 1vh;
    }

    .create_button, .start_button {
        border-radius: 1.5vh;
        font-weight: 600;
        font-size: 3.9vh;
        width: 36vh;
        height: 8.6vh;
    }

    .delete_button {
        width: 10vh;
        height: 10vh;
        border-radius: 1vh;
        box-shadow: 0px 0.3vh 0.3vh rgb(0 0 0 / 14%), 0px 0.1vh 0.7vh rgb(0 0 0 / 12%), 0px 0.1vh 0.2vh rgb(0 0 0 / 20%);
    }

    .save_icon {
        max-width: 10vh;
        max-height: 10vh;
        margin-bottom: 3.5vh;
    }

    .autosave_container {
        margin: 1.5vh 2.5vh;
    }

    .autosave_title, .manual_title {
        font-size: 4.5vh;
        line-height: 6vh;
        padding: 2vh 0.5vh;
    }

    .autosave {
        width: 45vh;
        height: 72vh;
        box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
    }

    .manual_container {
        margin: 1.5vh 2.5vh;
    }

    .manual {
        width: 119vh;
        height: 15.95vh;
        margin-bottom: 2.7vh;
        box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
    }

    .autosave .saves_small_title {
        font-size: 3.5vh;
        padding: 0 3vh;
    }

    .autosave .saves_description {
        font-size: 3.5vh;
        padding: 0 3vh;
        margin-top: 1.2vh;
        margin-bottom: 1vh;
        line-height: 4.7vh;
    }

    .autosave .start_button {
        left: 3vh;
        position: absolute;
        bottom: 2.5vh;
        width: 39vh;
    }

    .autosave .screenshot {
        height: 22.3vh;
        margin-bottom: 1.8vh;
        object-fit: cover;
        width: 100%;
    }

    .back_button {
        width: 10vh;
        height: 10vh;
        padding: 1.2vh;
    }

    .manual .save_icon {
        margin-right: 4vh;
    }

    .manual .screenshot {
        width: 27.3vh;
        margin-right: 2vh;
    }

    .manual .saves_small_title {
        font-size: 3.5vh;
        margin: 0.8vh 1.5vh;
        /* padding: 0 2vh; */
    }

    .manual .saves_description {
        font-size: 3.5vh;
        margin: 0.5vh 1.5vh;
        max-width: 15vh;
    }

    .manual .saves_description.location_name {
        font-size: 3.5vh;
        margin: 0px 1.5vh;
        max-width: 24vh;
    }

    .manual .start_button {
        right: 10vh;
        width: 19vh;
        bottom: 2.5vh;
    }

    .manual .delete_button {
        right: 0;
        margin-right: -3vh;
        margin-top: -9vh;
        width: 10vh;
        height: 10vh;
        border-radius: 1vh;
        box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
    }

    .sound {
        height: 10vh;
        width: 19.5vh;
        background-size: 4.7vh;
        background-position: 18% 50%;
        transition: 0.2s;
        box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
    }

    .sound_container:hover .sound {
        height: 10vh;
        background-position: 18% 50%;
    }

    .sound_container:hover .show_slider {
        top: 0vh;
    }

    .show_slider {
        width: 10vh;
        height: 9vh;
        top: 0.5vh;
        left: 10vh;
        background-size: 39%;
        background-position: 43%;
    }

    .sound_container {
        right: 11vh;
    }

    .range_container {
        right: 5.1vh;
        width: 25vh;
        height: 8vh;
        border-radius: 1vh;
        top: -20vh;
        transform: rotate(270deg);
    }

    .range_active {
        top: 21vh;
    }

    #volume-control {
        margin-left: 1.4vh;
        margin-top: 2.45vh;
        width: 21vh;
        height: 3.2vh;
    }

    .game_menu_button {
        background-size: 4.5vh;
        width: 9vh;
        box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
        height: 10vh;
        right: 1vh;
        top: 0;
    }

    .hidden_scene_image {
        height: 30vh;
        width: 70vh;
        object-fit: cover;
        /* height: min-content; */
        /* margin-bottom: 1vh !important; */
    }

    .hidden_scene, .hidden_scene_pre, .hidden_scene_pre_2 {
        width: 78vh;
        height: 46vh;
        left: 0;
        right: 0;
        bottom: 25vh;
        box-shadow: 0.2vh 0.2vh 1vh #00000059;
    }

    #log_in_gallery.log_in_button_hidden_scene, #log_in_gallery_2.log_in_button_hidden_scene {
        left: 49vh;
        font-size: 4vh;
        /* margin-top: 25.8vh; */
        width: 21vh;
        bottom: 5.2vh;
        border-radius: 1vh;
        position: absolute;
        height: 9.6vh;
    }

    #log_in_button_hidden_scene.log_in_button_hidden_scene {
        left: 46vh;
        font-size: 4vh;
        /* margin-top: 25.8vh; */
        width: 21vh;
        bottom: 5vh;
        position: absolute;
        height: 9.6vh;
    }

    .patreon_button {
        width: 37vh;
        object-fit: contain;
        height: 18.8vh;
        margin-top: 37.8vh;
        border-radius: 1vh;
    }

    .main_paywall_block {
        margin: 0vh 0vh;
        height: 100vh;
        margin: 0vh 3vh 0vh 6vh;
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    }

    .paywall_header {
        font-size: 3.5vh;
        line-height: 5vh;
    }

    .paywall_list {
        padding: 0;
        margin-bottom: 3vh;
        margin-top: 2vh;
    }

    .paywall_item {
        margin: 1.2vh 0vh;
        font-size: 3.2vh;
        margin-top: 0vh;
        width: 65vh;
        line-height: 5vh;
        display: none;
    }

    .paywall_bottom_text {
        font-size: 2.4vh;
    }

    #log_in_paywall {
        margin-left: 1vh;
        box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1vh;
        font-size: 3.5vh;
        margin-top: 0.2vh;
        width: 22vh;
        height: 9.6vh;
    }

    #patreon_paywall {
        width: 44vh;
        box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        height: 9.5vh;
        cursor: pointer;
        background-position: center;
        background-size: 92%;
        border-radius: 0.5vh;
        margin-top: 27vh;
        margin-left: 1vh;
        background-image: url(../../static/images/become_a_patron_button.png);
    }

    .main_paywall_image {
        width: 78vh;
        object-fit: cover;
        object-position: top;
        height: 37.5vh;
    }

    .paywall_main {
        left: 0;
        /* bottom: 31vh; */
        top: 0vh;
    }

    .paywall_container {
        margin: 3.2vh 4vh 0 3.5vh;
    }

    .logline {
        width: 66vh;
        line-height: 5.5vh;
        font-size: 3.2vh;
        margin-top: 1.5vh;
        margin-bottom: 2.5vh;
    }

    .paywall_menu {
        background-size: 101%;
    }

    #play_game_old {
        margin-right: 2vh;
        box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1.3vh;
        font-size: 3.5vh;
        margin-top: 3.4vh;
        width: 45vh !important;
        height: 9.6vh;
    }

    #play_game_new_right {
        margin-right: 2vh;
        box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1.3vh;
        font-size: 3.5vh;
        margin-top: 0.4vh;
        width: 27vh;
        height: 9.6vh;
    }

    #play_game_new_left {
        margin-right: 2vh;
        box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1.3vh;
        font-size: 3.5vh;
        margin-top: 0.4vh;
        width: 39vh;
        height: 9.6vh;
    }

    .suggestion {
        padding: 3.6vh 4vh 2.3vh 4.3vh;
    }

    .edit_text {
        font-size: 4vh;
    }

    .edit_text_second {
        margin-top: 3.5vh;
    }

    .disabled_textarea {
        margin-top: 4vh;
        height: 17.8vh;
        padding: 2.8vh 2.6vh 2.6vh 3.2vh;
        width: 94.5vh;
        font-size: 4vh;
        line-height: 5.5vh;
        border-radius: 1.5vh;
    }

    .active_textarea {
        margin-top: 4vh;
        height: 17.8vh;
        padding: 2.8vh 1.6vh 1.6vh 3.2vh;
        width: 95.5vh;
        font-size: 4vh;
        border-radius: 1.5vh;
    }

    .edit {
        height: 99.4vh;
        width: 108vh;
        box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    }

    .button_send {
        right: 3.5vh;
        bottom: 3vh;
        box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1.3vh;
        font-size: 4.6vh;
        width: 23vh;
        height: 9.6vh;
    }

    .notification {
        right: 2vh;
        font-size: 5vh;
        top: 13vh;
        box-shadow: 0.2vh 0.5vh 1vh #0000003b;
        padding: 2vh;
    }

    #autoplayBtn {
        left: 118.2vh;
        border-radius: 1vh;
        height: 10.5vh;
        width: 10.5vh;
        bottom: 1.75vh;
        background-size: 49%;
    }

    .hide_menu_button {
        height: 10.5vh;
        width: 7vh;
        background-size: 10.5vh;
        border-radius: 0.5vh;
        bottom: 14vh;
        left: 13vh;
    }

    .switched {
        left: -295vh;
    }

    .switched_skip {
        left: -20vh;
    }

    .switched_offer {
        left: -9vh;
    }

    .switched_autoplay {
        left: -26vh !important;
    }

    .loop_button {
        height: 10vh;
        width: 10vh;
        background-size: 4vh;
        border-radius: 0.5vh;
    }

    .hide_menu_button_active {
        left: 20vh;
    }

    .loop_image {
        background-size: 5.7vh;
        width: 10vh;
        height: 10vh;
    }

    .next_button {
        margin-top: 1.5vh;
        margin-bottom: 1.5vh;
        height: 10vh;
        width: 10vh;
        background-size: 5vh;
        border-radius: 1.3vh;
    }

    .repeat_button {
        height: 10vh;
        border-radius: 1vh;
        width: 10vh;
        background-size: 5.6vh;
        background-position: 45% 43%;
    }

    .spinner_hint {
        font-size: 3vh !important;
        border-radius: 1vh !important;
        width: 73vh !important;
        padding: 3.1vh !important;
        left: -97vh !important;
        bottom: 0vh !important;
    }

    .spinner_back {
        bottom: 40vh !important;
    }

    .sk-flow {
        --sk-size: 7.1vh !important;
    }

    #spinner {
        background-size: 70vh !important;
        background-position: 95% 55% !important;
    }

    .profile_button, .profile_button_game {
        height: 8vh;
        display: flex;
        /* border-radius: 0 0 1vh 1vh; */
        padding: 1.9vh 1.2vh 0 2.5vh;
        box-shadow: 0.2vh 0.2vh 1vh #00000059;
    }

    .profile_button:hover, .profile_button_game:hover {
        padding: 1.9vh 1.2vh 0 2.5vh;
    }

    .profile.stream_interface {
        left: 3vh;
        top: 0;
    }

    .profile_menu, .profile_menu_game {
        width: 45vh;
        box-shadow: 0.2vh 0.2vh 1vh #00000059;
    }

    .profile_title {
        font-size: 3.5vh;
        padding: 3vh 3vh 2vh 2.8vh;
    }

    .log_out {
        font-size: 4vh;
        bottom: 0;
        border-top: 0.1vh solid #979797;
        padding: 2.7vh 3vh;
    }

    .log_out::after {
        width: 4.8vh;
        height: 4.8vh;
        right: 3vh;
    }

    .profile_menu {
        margin-top: 12vh !important;
    }

    .profile_menu_game.stream_mode {
        margin-top: 2vh;
    }

    .benefits {
        padding: 0.5vh 2vh 0.8vh 3vh;
        color: white;
    }

    .benefits_item {
        font-size: 3.8vh;
        margin-bottom: 1.5vh;
    }

    .infodota {
        line-height: 6vh !important;
        margin-top: 13.5vh !important;
    }

    .patreon:hover {
        height: 10vh;
        background-position: 3%;
        background-size: 35vh;
    }

    .game_menu_button:hover {
        height: 10vh;
    }

    .choices {
        bottom: 28vh;
        margin-left: calc(1/2 *(var(--game-width) - 85vh));
    }

    .choice-button {
        width: 95vh;
        margin-bottom: 3vh;
        font-size: 4.5vh;
        padding: 2vh;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.07), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
        color: white;
        /* border: 0.2vh solid rgba(0, 0, 0, 0.45); */
        text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
    }

    #log_in_button_game:hover {
        height: 11vh !important;
        margin-top: 0vh;
    }

    .patreon_small:hover {
        height: 10vh;
        background-position: 1%;
        background-size: 35vh;
    }

    .profile_button_game.stream_mode {
        border-right: 0.1vh solid #777777;
        max-width: 24.1vh;
        height: 8vh;
    }

    .profile_button_game:hover.stream_mode {
        height: 8.1vh;
        padding: 1.9vh 1.2vh 0 2.5vh;
    }

    .profile.stream_mode {
        right: 11vh !important;
        left: unset;
    }

    .profile_menu_game.stream_mode {
        right: 0;
    }

    .nickname {
        font-size: 4.4vh;
        padding: 0.5vh 1vh 0 2.5vh;
        max-width: 8.5vh;
    }

    .avatar {
        width: 6.1vh;
        height: 6.1vh;
        border-radius: 5vh;
    }

    .walkthrough_badge {
        width: 7.6vh;
        height: 10vh;
        position: absolute;
        border-radius: 1vh;
        background-size: 55%;
        top: 30vh;
        left: 35vh;
    }

    .walkthrough_menu_gallery {
        width: 110vh;
        font-size: 1.8vh;
        line-height: 3vh;
        top: 50%;
        transform: translateY(-50%);
    }

    .walkthrough_gal_text {
        max-height: 45vh;
        padding-bottom: 3.5vh;
        padding-right: 3vh;
        padding-left: 3.5vh;
        padding-top: 2.5vh;
        font-size: 4vh;
        line-height: 6vh;
        color: white;
    }

    .dotavalve {
        bottom: 4vh;
        line-height: 6vh;
        width: 84vh;
        position: absolute;
    }

    .version {
        font-size: 5.2vh;
        margin-bottom: 5vh;
    }

    .logomain {
        top: 6vh;
        left: 2vh;
        height: 42vh;
    }

    .profile {
        max-width: 32vh;
    }

    .login_wrapper .nickname {
        max-width: 20.5vh;
    }

    #play_game_new {
        margin-right: 2vh;
        box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
        border-radius: 1vh;
        font-size: 3.5vh;
        margin-top: 0.2vh;
        width: 43vh;
        height: 9.6vh;
    }

    .walkt_pay_text {
        margin: 0.1vh !important;
        width: 64vh !important;
        height: 24vh !important;
        font-size: 4vh !important;
        line-height: 6.7vh !important;
        padding: 4vh 0vh 0vh 4vh !important;
        overflow-y: hidden !important;
    }

    .walkt_pay_buttons {
        padding: 0vh 3vh !important;
        height: 14vh;
    }

    .smol_walkt {
        width: 73vh;
    }

    .walkt_pay_buttons .patreon_button {
        margin: 0;
        margin-left: 1vh;
        margin-top: -5vh;
    }

    .inventory_menu_button {
        background-size: 4.8vh;
        width: 8vh;
        height: 10.1vh;
        margin-left: 1.5vh;
    }

    .inventory_menu_button:hover {
        height: 10.1vh;
    }

    .inventory {
        bottom: 0;
        top: 0;
        width: 139vh;
    }

    .main_inventory {
        width: 82vh;
        height: 100vh;
    }

    .items_inventory {
        width: 55vh;
        height: 100vh;
    }

    .div-table-col, .div-table-col-active {
        width: 13.5vh;
        margin: 1.2vh;
        height: 13.5vh;
    }

    .coins_icon {
        width: 10.5vh;
    }

    .coins_text {
        line-height: 15vh;
        font-size: 4.2vh;
        margin-left: 1vh;
    }

    .thing {
        width: 12vh;
        height: 12vh;
        padding: 0.5vh;
    }

    .thing_menu {
        width: 49vh;
        padding: 0 2vh 0 0;
        border-radius: 1vh;
        margin-top: 0.5vh;
        box-shadow: 0.2vh 0.2vh 1vh #00000059;
    }

    .thing_title {
        font-size: 4vh;
        padding: 3.5vh 4vh 0vh;
    }

    .thing_button {
        margin-top: 0vh;
        margin-left: 2vh;
        font-size: 4vh;
        padding: 3vh 2vh 4vh;
    }

    .thing_line {
        margin-top: 1.5vh;
        width: 103%;
    }

    .thing_description {
        margin-top: 2vh;
        margin-left: 2vh;
        font-size: 4vh;
        padding: 0vh 2vh 2vh 2vh;
    }

    .arrow_up {
        width: 4vh;
        left: 0vh;
        height: 4vh;
        margin-top: -2vh;
        margin-left: 4.8vh;
    }

    .thing_counter {
        right: -1.5vh;
        top: -2vh;
        font-size: 3.5vh;
        padding: 1vh 2vh;
    }

    .char_sprite, .char_emotion {
        height: 90vh;
        left: -23vh;
    }

    .type_icon {
        width: 5vh;
        height: 5vh;
        margin-top: 5vh;
        margin-right: 1.3vh;
    }

    .current_outfit {
        margin-top: 4.1vh;
        margin-left: 56vh;
    }

    .char_state, .lina_arc_state, .lanaya_arc_state {
        width: 17vh;
        top: 50vh;
        right: 3.5vh;
    }

    .state_label {
        border-radius: 0.5vh;
        margin-top: 2vh;
        font-size: 5vh;
        padding: 1.5vh 2.8vh;
    }

    .speech_bubble {
        box-shadow: 0.2vh 0.5vh 1vh #0000003b;
        padding: 4vh 5vh;
        left: -65vh;
        right: 0;
        top: 48vh;
        width: fit-content;
        border-radius: 12vh;
        font-size: 5vh;
        white-space: normal;
        /* ÃƒÂÃ‚Â ÃƒÂÃ‚Â°ÃƒÂÃ‚Â·Ãƒâ€˜Ã¢â€šÂ¬ÃƒÂÃ‚ÂµÃƒâ€˜Ã‹â€ ÃƒÂÃ‚Â°ÃƒÂÃ‚ÂµÃƒÂÃ‚Â¼ ÃƒÂÃ‚Â¿ÃƒÂÃ‚ÂµÃƒâ€˜Ã¢â€šÂ¬ÃƒÂÃ‚ÂµÃƒÂÃ‚Â½ÃƒÂÃ‚Â¾Ãƒâ€˜Ã‚Â */
        word-break: break-word;
        max-width: 81vh;
    }

    .speech_bubble:after {
        top: 0;
        left: 50%;
        width: 0;
        height: 0;
        border: 2.5vh solid transparent;
        border-bottom-color: #ffffff;
        border-top: 0;
        border-left: 0;
        margin-left: -1vh;
        margin-top: -2vh;
    }

    .choose_version {
        display: none;
    }

    #paywall_item_visible {
        display: block;
    }

    .desktop_only {
        display: none;
    }

    
.dirty_deeds_container {
  width: 99vh;
  bottom: 2vh;
  left: 2vh;
}

.dirty_image {
  width: 42.5vh;
}

.dirty_name {font-size: 3.2vh;margin-bottom: 1vh;}

.dirty_button {
  width: 49vh;
  height: 5.4vh;
  font-size: 3vh;
  border: 0.5vh #ff6aff solid;
  padding-top: 1.7vh;
  font-weight: 600;
}

}
