/* REAL MOBILE TABLE SCROLL FIX — loaded after all previous styles */
@media (max-width: 768px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html body main.page-content,
  html body main.page-content > .container,
  html body main.page-content .wp-block-hb-g-section{
    min-width:0!important;
    max-width:100%!important;
  }
  html body main.page-content .wp-block-table,
  html body main.page-content .wp-block-table.table-responsive-fix,
  html body main.page-content .wp-block-table.table-inline-real-fix,
  html body main.page-content .wp-block-table.info-table-wrap,
  html body main.page-content .wp-block-table.mobile-scroll-table{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:18px 0!important;
    padding:0 0 14px!important;
    overflow-x:scroll!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:auto!important;
    scrollbar-width:auto!important;
    scrollbar-color:#ffd95e rgba(24,7,47,.92)!important;
  }
  html body main.page-content .wp-block-table::after,
  html body main.page-content .wp-block-table.mobile-scroll-table::after{
    content:"⇆";
    position:absolute;
    right:10px;
    top:8px;
    z-index:7;
    width:34px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(180deg,#ffd95e,#f0b821);
    color:#2b123a;
    font-weight:900;
    font-size:16px;
    box-shadow:0 8px 18px rgba(0,0,0,.28);
    pointer-events:none;
  }
  html body main.page-content .wp-block-table::-webkit-scrollbar,
  html body main.page-content .wp-block-table.mobile-scroll-table::-webkit-scrollbar{
    display:block!important;
    height:10px!important;
  }
  html body main.page-content .wp-block-table::-webkit-scrollbar-track,
  html body main.page-content .wp-block-table.mobile-scroll-table::-webkit-scrollbar-track{
    background:rgba(24,7,47,.92)!important;
    border-radius:999px!important;
  }
  html body main.page-content .wp-block-table::-webkit-scrollbar-thumb,
  html body main.page-content .wp-block-table.mobile-scroll-table::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#ff2f5e,#ffd95e)!important;
    border-radius:999px!important;
  }
  html body main.page-content .wp-block-table > table,
  html body main.page-content .wp-block-table.table-responsive-fix > table,
  html body main.page-content .wp-block-table.table-inline-real-fix > table,
  html body main.page-content .wp-block-table.info-table-wrap > table,
  html body main.page-content .wp-block-table.mobile-scroll-table > table{
    display:table!important;
    width:max-content!important;
    min-width:720px!important;
    max-width:none!important;
    margin:0!important;
    table-layout:auto!important;
    white-space:normal!important;
  }
  html body main.page-content .wp-block-table.info-table-wrap > table.info-table{
    min-width:780px!important;
  }
  html body main.page-content .wp-block-table > table tr,
  html body main.page-content .wp-block-table > table thead,
  html body main.page-content .wp-block-table > table tbody{
    display:table-row-group!important;
  }
  html body main.page-content .wp-block-table > table thead tr,
  html body main.page-content .wp-block-table > table tbody tr{
    display:table-row!important;
  }
  html body main.page-content .wp-block-table > table th,
  html body main.page-content .wp-block-table > table td{
    display:table-cell!important;
    min-width:150px!important;
    max-width:260px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  html body main.page-content .wp-block-table.info-table-wrap > table.info-table th:first-child,
  html body main.page-content .wp-block-table.info-table-wrap > table.info-table td:first-child{
    min-width:240px!important;
    max-width:260px!important;
  }
  html body main.page-content .wp-block-table.info-table-wrap > table.info-table th:last-child,
  html body main.page-content .wp-block-table.info-table-wrap > table.info-table td:last-child{
    min-width:440px!important;
    max-width:520px!important;
  }
}

/* Remove visual scroll hint badge/arrows — keep real horizontal scrolling */
@media (max-width: 768px){
  html body main.page-content .wp-block-table::after,
  html body main.page-content .wp-block-table.mobile-scroll-table::after{
    content:none!important;
    display:none!important;
  }
}


/* Allow vertical page dragging while horizontal table scroll still works */
@media (max-width: 768px){
  html body main.page-content .wp-block-table,
  html body main.page-content .wp-block-table.table-responsive-fix,
  html body main.page-content .wp-block-table.table-inline-real-fix,
  html body main.page-content .wp-block-table.info-table-wrap,
  html body main.page-content .wp-block-table.mobile-scroll-table{
    touch-action:auto!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
  }
}

/* APP PAGE TABLE FIX — app pages in this build are not wrapped in main.page-content,
   so the previous mobile table rules did not reach them. Keep the table inside
   the viewport and make it scroll horizontally on phones. */
@media (max-width: 768px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body .wp-block-table,
  body .wp-block-table.table-responsive-fix,
  body .wp-block-table.table-inline-real-fix,
  body .wp-block-table.mobile-scroll-table{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    min-width:0!important;
    margin:18px auto!important;
    padding:0 0 14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:thin!important;
    scrollbar-color:#ffd95e rgba(24,7,47,.92)!important;
  }

  body .wp-block-table::-webkit-scrollbar,
  body .wp-block-table.table-responsive-fix::-webkit-scrollbar,
  body .wp-block-table.table-inline-real-fix::-webkit-scrollbar,
  body .wp-block-table.mobile-scroll-table::-webkit-scrollbar{
    display:block!important;
    height:10px!important;
  }
  body .wp-block-table::-webkit-scrollbar-track,
  body .wp-block-table.table-responsive-fix::-webkit-scrollbar-track,
  body .wp-block-table.table-inline-real-fix::-webkit-scrollbar-track,
  body .wp-block-table.mobile-scroll-table::-webkit-scrollbar-track{
    background:rgba(24,7,47,.92)!important;
    border-radius:999px!important;
  }
  body .wp-block-table::-webkit-scrollbar-thumb,
  body .wp-block-table.table-responsive-fix::-webkit-scrollbar-thumb,
  body .wp-block-table.table-inline-real-fix::-webkit-scrollbar-thumb,
  body .wp-block-table.mobile-scroll-table::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#ff2f5e,#ffd95e)!important;
    border-radius:999px!important;
  }

  body .wp-block-table > table,
  body .wp-block-table.table-responsive-fix > table,
  body .wp-block-table.table-inline-real-fix > table,
  body .wp-block-table.mobile-scroll-table > table{
    display:table!important;
    box-sizing:border-box!important;
    width:max-content!important;
    min-width:720px!important;
    max-width:none!important;
    margin:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    white-space:normal!important;
  }

  body .wp-block-table > table thead{display:table-header-group!important;}
  body .wp-block-table > table tbody{display:table-row-group!important;}
  body .wp-block-table > table tr{
    display:table-row!important;
    grid-template-columns:none!important;
    grid-auto-flow:initial!important;
  }
  body .wp-block-table > table th,
  body .wp-block-table > table td{
    display:table-cell!important;
    min-width:150px!important;
    max-width:260px!important;
    padding:14px 16px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    vertical-align:middle!important;
  }

  body .wp-block-table > table[data-ugen-bid="29-xh6xinykio"]{
    min-width:780px!important;
  }
  body .wp-block-table > table[data-ugen-bid="29-xh6xinykio"] th:first-child,
  body .wp-block-table > table[data-ugen-bid="29-xh6xinykio"] td:first-child{
    min-width:230px!important;
    max-width:250px!important;
  }
  body .wp-block-table > table[data-ugen-bid="29-xh6xinykio"] th:not(:first-child),
  body .wp-block-table > table[data-ugen-bid="29-xh6xinykio"] td:not(:first-child){
    min-width:170px!important;
    max-width:220px!important;
  }
}
/* mobile layout + table containment fix 2026-06-09 */
@media (max-width: 768px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body main.page-content{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;}
  body main.page-content>.container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:6px!important;padding-right:6px!important;box-sizing:border-box!important;overflow:visible!important;}
  body main.page-content>.container>*{max-width:100%!important;box-sizing:border-box!important;}
  body main.page-content>.container>.wp-block-hb-g-section,
  body main.page-content>.container>.games_section,
  body main.page-content>.container>.categories,
  body main.page-content>.container>.cards_section,
  body main.page-content>.container>.features_section,
  body main.page-content>.container>.faq_section,
  body main.page-content>.container>.main-text-wrap,
  body main.page-content>.container>.author-block,
  body main.page-content>.container>.media_block_slider{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;}
  body main.page-content>.container .wp-block-hb-g-section:has(>.media_block){padding-left:0!important;padding-right:0!important;overflow:visible!important;}
  body main.page-content>.container .wp-block-hb-g-section:has(>.media_block)>.media_block,
  body main.page-content>.container .media_block{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:10px!important;border-radius:20px!important;box-sizing:border-box!important;gap:12px!important;overflow:hidden!important;}
  body main.page-content>.container .media_block>.content{padding:14px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:visible!important;}
  body main.page-content>.container .media_block>.media{padding:6px!important;border-radius:16px!important;box-sizing:border-box!important;}
  body main.page-content>.container .media_block>.media img{border-radius:14px!important;}
  body main.page-content>.container .final-loose-card{padding-left:14px!important;padding-right:14px!important;border-radius:18px!important;}

  body main.page-content .wp-block-table,
  body main.page-content .wp-block-table.table-responsive-fix,
  body main.page-content .wp-block-table.table-inline-real-fix,
  body main.page-content .wp-block-table.mobile-scroll-table{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:16px 0!important;padding:0 0 10px!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain!important;scrollbar-width:thin!important;}
  body main.page-content .wp-block-table::-webkit-scrollbar,
  body main.page-content .wp-block-table.table-responsive-fix::-webkit-scrollbar,
  body main.page-content .wp-block-table.table-inline-real-fix::-webkit-scrollbar{display:block!important;height:8px!important;}
  body main.page-content .wp-block-table::-webkit-scrollbar-track{background:rgba(24,7,47,.85)!important;border-radius:999px!important;}
  body main.page-content .wp-block-table::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff2f5e,#ffd95e)!important;border-radius:999px!important;}
  body main.page-content .wp-block-table>table,
  body main.page-content .wp-block-table.table-responsive-fix>table,
  body main.page-content .wp-block-table.table-inline-real-fix>table,
  body main.page-content .wp-block-table.mobile-scroll-table>table{display:table!important;margin:0!important;max-width:none!important;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important;box-sizing:border-box!important;white-space:normal!important;}
  body main.page-content .wp-block-table:not(.info-table-wrap)>table{width:max-content!important;min-width:680px!important;}
  body main.page-content .wp-block-table>table thead{display:table-header-group!important;}
  body main.page-content .wp-block-table>table tbody{display:table-row-group!important;}
  body main.page-content .wp-block-table>table tr{display:table-row!important;grid-template-columns:none!important;grid-auto-flow:initial!important;}
  body main.page-content .wp-block-table>table th,
  body main.page-content .wp-block-table>table td{display:table-cell!important;min-width:150px!important;max-width:260px!important;padding:13px 14px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;vertical-align:middle!important;}

  body main.page-content .wp-block-table.info-table-wrap{overflow-x:hidden!important;padding-bottom:0!important;}
  body main.page-content .wp-block-table.info-table-wrap>table.info-table{width:100%!important;min-width:100%!important;max-width:100%!important;table-layout:fixed!important;}
  body main.page-content .wp-block-table.info-table-wrap>table.info-table th,
  body main.page-content .wp-block-table.info-table-wrap>table.info-table td{min-width:0!important;max-width:none!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  body main.page-content .wp-block-table.info-table-wrap>table.info-table th:first-child,
  body main.page-content .wp-block-table.info-table-wrap>table.info-table td:first-child{width:38%!important;}
  body main.page-content .wp-block-table.info-table-wrap>table.info-table th:last-child,
  body main.page-content .wp-block-table.info-table-wrap>table.info-table td:last-child{width:62%!important;}
}