.left_pole {
    width: 300px;
    height: 100vh;
    background-color: #505050;
    float: left;
    margin: -8px;
}

.right_pole {
    width: 300px;
    height: 100vh;
    background-color: #505050;
    float: right;
    margin: -8px;
}

.headed {
    background-color: gray;
    margin: -8px;
}

body {
    background-color: green;
}

.W_hr{
    width:1px;
    height: 100%;
    background-color: gold;
}

.r_W_hr{
    width:2px;
    height: 100%;
    background-color: gold;
    float:right;
}
a {
    color: #ffff01;
}

.forma_add td{
    width:150px;
}

.forma_add th{
    text-align:left;
}

.view_game input,textarea {
    width:120px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    /* Уменьшаем боковые панели в 3 раза */
    .left_pole,
    .right_pole {
        width: 50px !important;
    }

    /* Основная область шире */
    .main_pole {
        width: calc(100% - 100px) !important;
        margin: 0 auto;
    }

    /* Таблицы адаптируются */
    .view_game {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 11px;
        table-layout: auto;
    }

    /* Уменьшаем ячейки */
    .view_game td,
    .view_game th {
        padding: 3px;
        font-size: 10px;
        word-wrap: break-word;
    }

    /* Картинка меньше */
    header img {
        width: 150px !important;
        height: auto;
    }

    /* Кнопки меньше */
    button {
        font-size: 10px;
        padding: 3px 5px;
    }
}

/* Для очень маленьких экранов (iPhone SE и т.п.) */
@media (max-width: 480px) {
    /* Ещё меньше боковые панели */
    .left_pole,
    .right_pole {
        width: 20px !important;
    }

    .main_pole {
        width: calc(100% - 40px) !important;
        padding: 5px;
    }

    .view_game {
        font-size: 9px;
    }

    .view_game td,
    .view_game th {
        padding: 2px;
        font-size: 9px;
    }

    header img {
        width: 120px !important;
    }
}}