/* Mobile compatibility layer shared by every player-selected theme. */
@media screen and (max-width: 700px) {
    html,
    body {
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: auto;
    }

    body {
        margin: 0;
        padding: 4px;
        -webkit-text-size-adjust: 100%;
    }

    table {
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    td[nowrap],
    th[nowrap] {
        white-space: normal;
    }

    input,
    select,
    textarea,
    button {
        box-sizing: border-box;
        max-width: 100%;
        font-size: 16px;
    }

    input[type='submit'],
    input[type='button'],
    button,
    a.nav,
    a.navhilite,
    .navhelp {
        min-height: 40px;
    }

    a.nav,
    a.navhilite,
    .navhead,
    .navhelp {
        box-sizing: border-box;
        width: 100% !important;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    textarea {
        width: 100%;
    }

    .pagetitle {
        font-size: 18px;
        white-space: normal;
    }
}
