/*!*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

@media screen and (max-width: 900px) {
    #mine-wrapper .game-wrapper .users {
        visibility: hidden;
        display: none;
    }

    #mine-wrapper {
        display: block;
        width: 100%;
    }

    #mine-wrapper .game-wrapper {
        width: 100%;
        flex-direction: column-reverse;
    }

    #mine-wrapper .grid-container {
        width: 100%;
        padding: 0;
    }

    #mine-wrapper .grid {
        width: 100%;
    }

    #mine-wrapper .grid .field-wrapper {
        width: 6.25%;
        aspect-ratio: 1;
    }

    #mine-wrapper .grid .field-wrapper > img.field-target {
        width: 105%;
        top: -2.5%;
        left: -2.5%;
    }

    #mine-wrapper .grid .field-wrapper .field {
        width: 100%;
        height: auto;
    }
}