@media (max-width: 1000px) {
    body {
        overflow-y: initial;
    }

    #mnml {
        font-size: 8pt;
        padding: 0.25em;

        .menu {
            .logo {
                display: none;
            }

            .team {
                height: 20em;
            }
        }

        .instance {
            svg {
                stroke-width: 1.25em;
            }
        }

        .game {

            .team, #targeting, .resolving-skill {
                width: calc(90% - 3em);
            }

            .game-construct {
                .avatar {
                    grid-area: initial;
                    position: absolute;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    z-index: -1;
                }

                svg {
                    height: 1em;
                }
            }
        }

        .instance-construct {
            position: relative;

            .skills, .specs {
                font-size: 75%;
            }

            .avatar {
                grid-area: initial;
                position: absolute;
                top: 0;
                height: 100%;
                width: 100%;
                z-index: -1;
            }
        }

        .opponent {
            .avatar {
                bottom: 0;
            }
        }
    }
}