.language { position: relative; padding-left: 8px; }
.language > button { display: none !important; }
.language > div { display: flex; position: static; width: auto; padding: 0; gap: 13px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.language > div button { min-width: 0; padding: 6px 0 4px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #777; text-align: center; cursor: pointer; font-weight: 800; }
.language > div button[data-lang="en"] { font-size: 0; }
.language > div button[data-lang="en"]::after { content: "EN"; font-size: 13px; }
.language > div button.active-language { background: transparent; color: #ff7133; border-bottom-color: #ff7133; }
.language > div button:hover { background: #fff6f1; color: #ff7133; }
.site-header { gap: clamp(12px, 1.5vw, 28px); }
.site-header nav { gap: clamp(12px, 1.35vw, 24px); min-width: 0; }
.site-header nav a { font-size: clamp(14px, .9vw, 16px); }
.language { flex: 0 0 auto; padding-left: 0; }
.language > button { min-width: 48px; max-width: 130px; white-space: nowrap; }
.header-actions { flex: 0 0 150px; width: 150px; }
.mobile-menu-extras { display: none; }
.game-grid article { cursor: pointer; }
.game-grid article:hover, .game-grid article:focus { outline: 2px solid #ff7133; outline-offset: 2px; }
.game-grid article.is-hidden { display: none; }
.phone-actions a { padding: 22px 5px; border-radius: 12px; background: #fff6f1; text-align: center; font-size: 12px; font-weight: bold; color: #111; text-decoration: none; }
.phone-actions a:hover { background: #ff7133; color: #fff; }
.empty-games { padding: 25px; text-align: center; color: #666; background: #fafafa; border-radius: 12px; }
@media (max-width: 1280px) {
  .site-header { height: 94px; min-height: 94px; display: flex; flex-wrap: nowrap; gap: 12px; padding: 8px 14px; overflow: visible; }
  .logo { flex: 0 0 auto; }
  .logo img { width: 105px; }
  .site-header nav, .site-header nav.open { display: flex; position: static; flex: 1 1 auto; min-width: 0; padding: 0; margin: 0 0 0 auto; justify-content: center; align-items: center; flex-wrap: nowrap; gap: clamp(8px,1vw,15px); background: #fff; border: 0; box-shadow: none; overflow: visible; }
  .site-header nav > a, .site-header nav.open > a { padding: 4px 0; border: 0; font-size: clamp(14px,1.25vw,16px); }
  .language { display: block; flex: 0 0 auto; }
  .language > div { gap: 9px; }
  .language > div button { min-width: 0; padding: 6px 0 4px; }
  .header-actions { display: grid; flex: 0 0 112px; width: 112px; gap: 5px; }
  .header-actions a { padding: 8px 5px; border-radius: 9px; font-size: 16px; }
  .mobile-menu-extras, .site-header nav.open .mobile-menu-extras { display: none; }
  .menu { display: none; }
}
@media (max-width: 700px) {
  .site-header { height: 78px; padding: 6px 8px; gap: 7px; }
  .logo img { width: 72px; }
  .site-header nav, .site-header nav.open { justify-content: flex-start; overflow-x: auto; gap: 10px; }
  .site-header nav > a, .site-header nav.open > a { font-size: 11px; }
  .language > button { font-size: 12px; }
  .header-actions { display: grid; flex-basis: 80px; width: 80px; }
  .header-actions .register { display: block; }
  .header-actions a { padding: 5px 2px; font-size: 11px; }
}
.mega-footer { display: block !important; padding: 0 !important; background: #fff5dd !important; color: #111 !important; border-top: 4px solid #ff7133; }
.footer-main { padding: 58px 4vw 45px; display: grid; grid-template-columns: 1.05fr 1fr 1fr 1fr; gap: 50px; align-items: start; }
.footer-main section { min-width: 0; }
.footer-brand img { width: 155px; }
.footer-brand p { max-width: 390px; margin: 26px 0 0; font-size: 16px; line-height: 1.65; }
.footer-main h2 { margin: 0 0 28px; padding-bottom: 13px; border-bottom: 3px solid #ff7133; font-size: 24px; font-weight: 600; }
.mega-footer .footer-links { display: grid; gap: 15px; }
.mega-footer a { color: #111 !important; text-decoration: none; }
.footer-links a.active-footer, .mega-footer a:hover { color: #ff7133 !important; }
.payment-icons { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.payment-icons span { width: 66px; height: 58px; border-radius: 10px; display: grid; place-content: center; text-align: center; background: #fff; box-shadow: 0 5px 15px #0001; font-size: 15px; font-weight: 900; line-height: 1; }
.payment-icons small { font-size: 10px; }
.payment-icons .touch { background: #087dc3; color: #ffe600; }.payment-icons .duit { color: #e52770; }.payment-icons .fpx { color: #2361ad; }.payment-icons .grab { background: #09ae5d; color: #fff; }
.social-icons { display: flex; flex-wrap: wrap; gap: 10px; }
.social-icons a { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: #111; color: #fff !important; font-size: 24px; font-weight: 900; }
.social-icons a:nth-child(1) { background: #4267a9; }.social-icons a:nth-child(4) { background: #28a8df; }.social-icons a:nth-child(5) { background: #d51d20; }
.footer-bottom { padding: 22px 4vw; border-top: 1px solid #ebdcb8; display: flex; justify-content: center; gap: 8px; position: relative; }
.footer-bottom b { position: absolute; right: 4vw; color: #ff7133; }
@media (max-width: 1050px) { .footer-main { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .footer-main { grid-template-columns: 1fr; padding: 42px 24px; }.footer-bottom { display: grid; justify-content: start; padding: 22px 24px; }.footer-bottom b { position: static; }.social-icons a { width: 48px; height: 48px; } }