@media (max-height: 800px), (max-width: 800px) {
    .instance {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
        grid-template-areas:
            "top"
            "vbox"
    }

    .instance .equip { display: none; }
    .instance .info { display: none; }
    .instance .cryp-list { display: none; }

    .vbox {
        grid-area: vbox;
        display: grid;
        grid-template-rows: min-content min-content min-content;
        grid-template-columns: 1fr;
        grid-template-areas:
            "vbox"
            "inventory"
            "combiner";
    }

    .vbox-inventory {
        margin-left: 0;
    }

    .vbox-combiner {
        grid-area: combiner;
    }



}