/* Trang chu kieu ung dung KGAME (kgame.info). Mau do tu anh chup that 08/10/2026:
   nen #222b2e, nut #4b96eb, thanh day #323738, chu #dcdddd. Mobile truoc. */
:root{--ka-bg:#222b2e;--ka-pa:#2a3438;--ka-pa2:#323d42;--ka-li:#3a4a51;--ka-tx:#dcdddd;
  --ka-mu:#9aa6ab;--ka-ac:#4b96eb;--ka-ac2:#7db8ff;--ka-hot:#ff6a3d}
html,body.kgx-app{background:var(--ka-bg)!important;color:var(--ka-tx);margin:0}
body.kgx-app{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  padding-bottom:76px;overflow-x:hidden}
.kgx-app *,.kgx-app *::before,.kgx-app *::after{box-sizing:border-box}
.kgx-app img{max-width:100%;height:auto;display:block}
.kgx-app a{color:inherit;text-decoration:none}
/* lop phu cu cua mang luoi: trang nay da co thanh tai app + thanh day rieng */
#zz-cta-topbar,#zz-mnav,#zz-haudai-btn,.mfp-hide,#main-menu.mobile-sidebar,
#casfit-banner-wrapper{display:none!important}
/* CSS tuy chinh cu cua tung site co the dat nen/chieu cao cho moi the section
   (kgamescore: section{background:#F2F2F2;min-height:37vh}) -> tra ve mac dinh */
.kgx-app section,.kgx-app header,.kgx-app nav,.kgx-app main,.kgx-app aside{background-color:transparent;min-height:0}

/* thanh tai app */
.ka-appbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#2c3135;border-bottom:1px solid #3a4146}
.ka-appbar-x{flex:0 0 auto;background:none;border:0;padding:4px;cursor:pointer}
.ka-appbar-info{flex:1 1 auto;min-width:0;width:auto;max-height:46px;object-fit:contain;object-position:left}
.ka-appbar-dl{flex:0 0 auto;padding:10px 14px;border-radius:12px;font-weight:800;font-size:13px;color:#fff!important;
  background:linear-gradient(180deg,#2f5b8f,#1d3c64);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}

/* header: logo + 2 nut */
.kgx-app .ka-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--ka-bg)}
.ka-logo img{width:118px;height:auto}
.ka-auth{display:flex;gap:8px}
.ka-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;
  font-weight:700;font-size:16px;color:#fff!important;white-space:nowrap;
  background:linear-gradient(180deg,var(--ka-ac2) 0%,var(--ka-ac) 55%,#3d84d6 100%);
  border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.25);
  transition:filter .15s,transform .1s}
/* Snippet "Tech Hover Buttons" tu gan lua chay quanh moi nut dang nhap/dang ky -> tat rieng o trang nay */
.kgx-app .ka-btn,.kgx-app .ka-btn.thb-login,.kgx-app .ka-btn.thb-register{animation:none!important;filter:none}
.kgx-app .ka-btn::before,.kgx-app .ka-btn::after{display:none!important;content:none!important}
.ka-btn:hover{filter:brightness(1.08)}.ka-btn:active{transform:translateY(1px)}

.ka-wrap{display:block}
.ka-side{display:none}
.ka-main{padding:0 12px;min-width:0}

/* banner */
.ka-banner{display:block;border-radius:14px;overflow:hidden;margin:4px 0 16px}
.ka-banner img{width:100%}

/* o danh muc */
.ka-cats-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ka-cat-big{position:relative;display:block;height:118px;padding:10px 10px 0;border-radius:12px;overflow:hidden;
  background:url(card-container.2af9.svg) center/100% 100% no-repeat}
.ka-cat-t{position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.6);display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;color:#fff}
.ka-cat-art{position:absolute;z-index:1;right:2px;bottom:2px;width:62%;max-width:110px}
/* iPhone 390px: o lon chi rong ~117px -> "THE THAO", "LIVE CASINO" bi xuong dong va de len hinh.
   Thu chu va giu 1 dong (QC Playwright iPhone 13, 08/10/2026) */
.ka-cat-big{padding:9px 8px 0}
.ka-cat-t{font-size:13.5px;gap:4px;white-space:nowrap;letter-spacing:-.1px}
.ka-cat-t img{width:14px;height:14px}
.ka-cat-sm span{white-space:nowrap;font-size:11.5px;letter-spacing:-.1px}
.ka-cats-small{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.ka-cat-sm{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:8px 4px 10px;
  border-radius:10px;background:linear-gradient(180deg,#2c3d45,#25313a);border:1px solid #3b5562;
  font-weight:700;font-size:12.5px;color:#fff;text-align:center;min-height:96px}
.ka-cat-sm img{width:56px}

/* hang game vuot ngang */
.ka-row,.ka-posts{margin-top:22px}
.ka-row-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ka-row-h h2{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:.2px}
.ka-all{display:inline-flex;align-items:center;gap:2px;padding:5px 10px;border-radius:6px;background:var(--ka-pa2);
  font-size:13px;font-weight:600;color:var(--ka-tx)!important}
.ka-all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.ka-scroll{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;margin-right:-12px;padding-right:12px}
.ka-scroll::-webkit-scrollbar{display:none}
.ka-tile{flex:0 0 36%;scroll-snap-align:start;border-radius:10px;overflow:hidden;background:var(--ka-pa)}
.ka-scroll.tall .ka-tile{flex-basis:38%}
.ka-tile img{width:100%;aspect-ratio:218/292;object-fit:cover}
.ka-scroll.tall .ka-tile img{aspect-ratio:520/600}

/* noi dung SEO */
.kgx-app .ka-seo{margin-top:26px;padding:18px 16px;border-radius:14px;background:var(--ka-pa);border:1px solid var(--ka-li)}
.ka-h1{margin:0 0 10px;font-size:20px;line-height:1.35;font-weight:800;color:#fff}
.ka-lead{margin:0;color:var(--ka-mu)}
.ka-seo-body{color:#c9d1d4;font-size:15px}
.ka-seo-body h1,.ka-seo-body h2,.ka-seo-body h3{color:#fff!important;line-height:1.35}
/* noi dung goc co mau inline (kgameplus: h1 xanh dam rgb(0,16,172)) -> khong doc duoc tren nen toi */
.ka-seo-body h1 *,.ka-seo-body h2 *,.ka-seo-body h3 *,.ka-seo-body [style*="color"]{color:inherit!important}
.ka-seo-body a{color:var(--ka-ac2)!important}
.ka-seo-body p,.ka-seo-body li{color:#c9d1d4!important}
/* noi dung trang chu goc tu dat banner full man hinh (.kg-shell 100vw) -> keo ve trong khung, an slider trung */
.ka-seo .kg-shell{position:static!important;left:auto!important;right:auto!important;width:auto!important;
  max-width:100%!important;margin:0!important;background-image:none!important;background:none!important}
/* slider banner trong noi dung goc (kg-slider tu dung, slider Flatsome kgameplus) trung voi banner moi -> an */
.ka-seo .kg-slider,.ka-seo .kg-banner,.ka-seo .kg-hero-img,.ka-seo .slider-wrapper{display:none!important}
.ka-seo img{border-radius:10px;margin:10px auto}

/* bai moi */
.ka-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ka-post{display:block;border-radius:10px;overflow:hidden;background:var(--ka-pa);border:1px solid var(--ka-li)}
.ka-post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ka-post span{display:block;padding:8px 10px 10px;font-size:13.5px;line-height:1.4;font-weight:600;color:var(--ka-tx)}

/* thanh day */
.kgx-app .ka-bnav{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:#323738;border-top:1px solid #41484a;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
.ka-bnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;
  font-weight:600;color:#a7b0b3!important;min-height:48px;justify-content:center}
.ka-bnav a.is-on{color:var(--ka-ac2)!important}
.ka-bnav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ka-bnav-mid em{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;
  font-size:11.5px;font-weight:800;color:#fff;padding:2px 9px;border-radius:8px;
  background:linear-gradient(180deg,#ff8a4c,#e8452c);box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* khoi tin cay chan trang van in qua wp_footer */
.kgx-app .kgx-trust{background:#1b2225!important;border-top:1px solid var(--ka-li)!important;margin-top:28px}

/* man hinh nho (iPhone SE / Android 320-360px): "THE THAO" bi cat mep o, "Khuyen Mai" xuong 2 dong */
@media (max-width:360px){
  .ka-cat-t{font-size:12px;gap:3px}.ka-cat-t img{width:12px;height:12px}
  .ka-cat-sm span{font-size:10px}
  .ka-bnav a{font-size:10.5px;white-space:nowrap}
  .ka-btn{padding:0 12px;font-size:15px}
}
/* ---------- desktop: menu doc trai + noi dung rong ---------- */
@media (min-width:1024px){
  body.kgx-app{padding-bottom:0}
  .kgx-app .ka-appbar,.kgx-app .ka-bnav{display:none}
  .kgx-app .ka-top{position:sticky;top:0;z-index:50;height:64px;padding:0 24px;background:#1c2427;border-bottom:1px solid #2f3a3f}
  .ka-logo img{width:130px}
  .ka-btn{min-height:40px;font-size:15px}
  .ka-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;max-width:1440px;margin:0 auto;padding:16px 20px}
  .kgx-app .ka-side{display:flex;flex-direction:column;gap:4px;position:sticky;top:80px;align-self:start;
    max-height:calc(100vh - 96px);overflow-y:auto;padding:8px;border-radius:12px;background:#283236}
  .ka-side-item{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ka-tx)!important}
  .ka-side-item:hover{background:#334047}
  .ka-side-item.is-on{background:#3a4a52;color:#fff!important;box-shadow:inset 3px 0 0 var(--ka-ac)}
  .ka-side-hot{color:#ffb08a!important}
  .ka-main{padding:0}
  .ka-cat-big{height:150px;padding:14px 14px 0}.ka-cat-t{font-size:18px}
  .ka-cat-sm{min-height:120px;font-size:14px}.ka-cat-sm img{width:70px}
  .ka-scroll{margin-right:0;padding-right:0}
  .ka-tile,.ka-scroll.tall .ka-tile{flex-basis:calc((100% - 56px)/8)}
  .ka-scroll:not(.tall) .ka-tile{flex-basis:calc((100% - 40px)/6)}
  .ka-post-grid{grid-template-columns:repeat(4,1fr)}
  .ka-seo{padding:24px 28px}
}