#main_body {
  background: url("./img/wooden_table.webp") no-repeat bottom center fixed;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  grid-auto-rows: minmax(auto, auto);
  height: 100%;
  overflow: auto;
}

/* Removed media query - always use standard table image */

  .main_body_mobile_landscape{
    gap: 2px !important;
  }


  .main_body_mobile_portrait{
    gap: 8px !important;
  }

  .old_main_body_mobile_landscape {
    grid-template-columns: repeat(3, 1fr) !important;
  }


  .default_icon_mobile_landscape {
    display:block;  
    margin-top: 30px;
  }

  .media_controls_mobile_landscape {
    width: 40px !important;
  }

  #grid {
    margin-top: 30px;
    margin-left: 0vw;
    overflow: hidden;
    }
  
  td{
    text-align: center;
  }
  #gridtable{
    margin-top: -58px;
    margin-left: 0vw;
    overflow: hidden;
    justify-content: center;
    width: 100vw;
  }

  .grid_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    margin-left: 0vw;
    gap: 2px;                              /* Space between grid cells */
    grid-auto-rows: minmax(22px, auto);    /* Row height is flexible */
    justify-content: center;               /* Centers the grid */
    width: 100vw;                          /* Full viewport width */
  }


  .grid_wrapper_follow {
    overflow-x: scroll;
  }


  .cell {
    background-color: white;
    margin-left: 0vw;
    width: 320px;
    height: 180px;
  }

  .header {
    height: 9vh;
    padding: 14px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .headerOpen {
    height: 100px !important;
  }

  .headerOpenPlay {
    height: 120px !important;
  }
  
  .header2 {
    height: 350px;
    padding: 10px;
    background-color: #222;
  }