/* ===== Kizoo Games design ===== */
:root{--kz-bg:#0b0d16;--kz-bg2:#13162a;--kz-side:#0e1020;--kz-card:#1a1e36;--kz-line:#23284a;--kz-txt:#f2f4ff;--kz-mut:#9aa1c7;--kz-acc:#7b5cff;--kz-acc2:#2ee6c8;--kz-hot:#ff5a36;--kz-new:#8b5cff;--kz-upd:#2aa7ff;--kz-r:14px;--kz-sw:236px;--kz-th:62px}
html body.kz{background:var(--kz-bg)!important;color:var(--kz-txt);font-family:Nunito,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:700}
body.kz .all,body.kz .bdcn,body.kz.boxed .all{background:transparent!important;box-shadow:none!important;max-width:none!important;width:auto!important}
body.kz a{color:inherit}
body.kz a:hover{color:#bfb0ff}
.kz-i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* top bar */
.kz-top{position:fixed;inset:0 0 auto 0;height:var(--kz-th);z-index:1000;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--kz-bg);border-bottom:1px solid #161a33}
.kz-ib{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:none;border:0;color:var(--kz-txt);cursor:pointer;padding:0}
.kz-ib:hover{background:var(--kz-card)}
.kz-logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:23px;letter-spacing:.3px;color:#fff!important;text-decoration:none;white-space:nowrap}
.kz-logo img{height:40px;width:auto;display:block}
.kz-logo i{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--kz-acc2),var(--kz-acc));display:grid;place-items:center;font-style:normal;color:#0b0d16;font-size:21px;box-shadow:0 4px 18px rgba(123,92,255,.45)}
.kz-logo em{font-style:normal;background:linear-gradient(90deg,var(--kz-acc2),#9d84ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.kz-search{flex:1;min-width:0;max-width:620px;margin:0 auto;height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:999px;background:var(--kz-card);border:1px solid var(--kz-line);color:var(--kz-mut)}
.kz-search:focus-within{border-color:var(--kz-acc)}
body.kz .kz-search input{flex:1;min-width:0;width:100%;height:auto;background:none!important;border:0!important;outline:0;box-shadow:none;color:var(--kz-txt)!important;font:inherit;font-weight:700;padding:0;margin:0}
.kz-search input::-webkit-search-cancel-button{filter:invert(1)}
.kz-pill{height:40px;padding:0 16px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;background:var(--kz-card);border:1px solid var(--kz-line);color:#fff!important;text-decoration:none;white-space:nowrap}
.kz-pill:hover{border-color:var(--kz-acc)}

/* sidebar */
.kz-side{position:fixed;top:var(--kz-th);bottom:0;left:0;width:var(--kz-sw);overflow-y:auto;overflow-x:hidden;background:var(--kz-side);padding:10px 10px 30px;z-index:900;scrollbar-width:thin;scrollbar-color:#2a2f55 transparent}
.kz-side a{display:flex;align-items:center;gap:16px;height:46px;padding:0 14px;border-radius:12px;font-size:15px;white-space:nowrap;color:#e3e6ff!important;text-decoration:none}
.kz-side a .kz-i{color:#9d84ff}
.kz-side a:hover,.kz-side a.on{background:var(--kz-card)}
.kz-side a.on .kz-i{color:var(--kz-acc2)}
.kz-side hr{border:0;border-top:1px solid var(--kz-line);margin:10px 8px}
.kz-ov{display:none}
body.kz-mini{--kz-sw:76px}
body.kz-mini .kz-side a span{display:none}

/* push the theme content and footer next to the sidebar */
body.kz .bdcn{margin-left:var(--kz-sw);padding-top:calc(var(--kz-th) + 16px)!important}
body.kz .ftcn{margin-left:var(--kz-sw)}
body.kz .bdcn>.cont,body.kz .ftcn .cont{max-width:1280px;width:auto;padding-left:24px;padding-right:24px}
body.kz .kz-home{padding:0 24px 30px}

/* homepage */
.kz-strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 0 14px}
.kz-strip::-webkit-scrollbar{display:none}
.kz-strip a{flex:none;width:96px;height:96px;border-radius:14px;overflow:hidden;background:var(--kz-card);transition:transform .15s,box-shadow .15s}
.kz-strip a:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--kz-acc)}
.kz-strip img{width:100%;height:100%;object-fit:cover;display:block}
body.kz .kz-sh{display:flex;align-items:center;gap:6px;margin:16px 0 12px;font-size:25px;line-height:1.2;font-weight:900;color:#fff;border:0;padding:0;text-transform:none}
.kz-sh a{display:inline-flex;align-items:center;gap:6px;color:#fff!important;text-decoration:none}
.kz-sh .kz-i{stroke-width:3}
.kz-c{position:relative;display:block;border-radius:var(--kz-r);overflow:hidden;background:var(--kz-card);aspect-ratio:16/9;transition:transform .18s,box-shadow .18s;text-decoration:none}
.kz-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.kz-c:hover{transform:translateY(-3px);box-shadow:0 0 0 3px var(--kz-acc),0 14px 30px rgba(0,0,0,.6)}
.kz-c:hover img{transform:scale(1.06)}
.kz-nm{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 9px;background:linear-gradient(transparent,rgba(5,6,14,.92));font-weight:900;font-size:15px;color:#fff;opacity:0;transition:opacity .18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kz-c:hover .kz-nm,.kz-c:focus .kz-nm{opacity:1}
.kz-bd{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.kz-bd .kz-i{width:16px;height:16px;stroke:#fff;stroke-width:2.6}
.kz-bd.hot{background:var(--kz-hot)}.kz-bd.new{background:var(--kz-new)}.kz-bd.upd{background:var(--kz-upd)}
.kz-picks{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:3.1/1}
.kz-picks .kz-c{aspect-ratio:auto;height:100%}
.kz-picks .b{grid-row:span 2}
.kz-picks .b .kz-nm{opacity:1;font-size:24px;padding:40px 18px 14px}
.kz-sl{position:relative}
.kz-tr{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*12px)/5.5);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 3px 8px;cursor:grab;-webkit-overflow-scrolling:touch}
.kz-tr::-webkit-scrollbar{display:none}
.kz-tr .kz-c{scroll-snap-align:start}
.kz-tr.drag{cursor:grabbing;scroll-snap-type:none}.kz-tr.drag .kz-c{pointer-events:none}
.kz-nav{position:absolute;top:calc(50% - 26px);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(14,16,32,.92);border:1px solid var(--kz-line);cursor:pointer;color:#fff;opacity:0;transition:opacity .2s;z-index:3;padding:0}
.kz-sl:hover .kz-nav{opacity:1}.kz-nav:hover{background:var(--kz-acc)}
.kz-nav.l{left:-8px}.kz-nav.r{right:-8px}
.kz-ad{margin:20px 0;text-align:center;overflow:hidden}
.kz-about{display:grid;grid-template-columns:minmax(300px,1.3fr) 3fr;gap:12px;margin:26px 0 6px}
.kz-abx{background:var(--kz-bg2);border-radius:var(--kz-r);padding:24px;color:#c7cbe9;font-size:15px;line-height:1.6;font-weight:600}
body.kz .kz-abx h1{font-size:26px;line-height:1.25;color:#fff;margin:0 0 12px;font-weight:900}
.kz-abt{max-height:7.2em;overflow:hidden;position:relative}
.kz-abt.open{max-height:none}
.kz-abt p{margin:0 0 10px}
.kz-abt h2,.kz-abt h3{color:#fff;font-size:18px;margin:14px 0 6px}
.kz-abt a{color:#a994ff}
.kz-more{text-transform:none!important;letter-spacing:0;margin-top:10px;background:none!important;border:0;color:#a994ff;font:inherit;font-weight:900;cursor:pointer;padding:0}
.kz-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.kz-tile{background:var(--kz-bg2);border-radius:var(--kz-r);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:104px;font-size:17px;font-weight:900;color:#fff!important;text-decoration:none;transition:transform .15s,background .15s}
.kz-tile .kz-i{width:34px;height:34px;color:#9d84ff}
.kz-tile:hover{background:var(--kz-card);transform:translateY(-3px)}

/* ===== theme pages (game pages, categories, search, articles) in the dark style ===== */
body.kz .titl{border:0!important;color:#fff!important;font-weight:900}
body.kz .titl a,body.kz .titl strong,body.kz .titl h1,body.kz .titl h2{color:#fff!important}
body.kz [class*="gmcn-"]{background:transparent!important;border:0!important;box-shadow:none!important}
body.kz [class*="gmcn-"] .gm-imag{border-radius:var(--kz-r)!important;overflow:hidden;background:var(--kz-card)!important;margin:0}
body.kz [class*="gmcn-"] .gm-imag img{width:100%!important;height:100%!important;object-fit:cover}
body.kz [class*="gmcn-"]:hover .gm-imag{box-shadow:0 0 0 3px var(--kz-acc)}
body.kz [class*="gmcn-"] .gm-titl a{color:var(--kz-txt)!important;font-weight:800}
body.kz [class*="gmcn-"] .gm-desc{display:none}
body.kz [class*="gmcn-"] .gm-text{background:transparent!important}
body.kz .gm-cate a{background:rgba(123,92,255,.18)!important;color:#c9bcff!important;border-radius:999px}
body.kz .blk-cn,body.kz .main-cn,body.kz .sdbr-cn,body.kz .widget{background:transparent!important;border:0!important;box-shadow:none!important}
body.kz .sdbr-cn .widget,body.kz aside .widget{background:var(--kz-bg2)!important;border-radius:var(--kz-r);padding:14px}
body.kz .widget a,body.kz .widget li{color:var(--kz-txt)!important}
body.kz [class^="post-"],body.kz .post-sngl,body.kz .game_info,body.kz article{background:var(--kz-bg2)!important;border:0;border-radius:var(--kz-r);color:var(--kz-txt)!important}
body.kz .txcn,body.kz .txcn p,body.kz .txcn li,body.kz .txcn td,body.kz .txcn span,body.kz article p,body.kz article li{color:#d3d8f0!important;font-size:16px;line-height:1.7;font-weight:600}
body.kz .txcn h1,body.kz .txcn h2,body.kz .txcn h3,body.kz .txcn h4,body.kz .txcn strong,body.kz article h1,body.kz article h2,body.kz article h3,body.kz [class^="post-"] header h1,body.kz [class^="post-"] header h2{color:#fff!important}
body.kz .txcn a,body.kz article a{color:#a994ff!important}
body.kz article th,body.kz article td,body.kz .txcn th,body.kz .txcn td{border-color:var(--kz-line)!important}
body.kz .game-cn{background:#000!important;border-radius:var(--kz-r);overflow:hidden}
body.kz [class*="botn"],body.kz input[type="submit"],body.kz a.read-more{border-radius:999px!important;background:var(--kz-acc)!important;color:#fff!important;border:0}
body.kz input[type="text"],body.kz input[type="email"],body.kz textarea,body.kz .mt-slct .selecter-selected{background:var(--kz-card)!important;color:var(--kz-txt)!important;border:1px solid var(--kz-line)!important;border-radius:12px}
body.kz .selecter-options,body.kz .selecter-item{background:var(--kz-card)!important;color:var(--kz-txt)!important}
body.kz .wp-pagenavi a,body.kz .wp-pagenavi span{background:var(--kz-card)!important;border:1px solid var(--kz-line)!important;color:var(--kz-txt)!important;border-radius:10px}
body.kz .wp-pagenavi span.current,body.kz .wp-pagenavi a:hover{background:var(--kz-acc)!important;color:#fff!important}
body.kz .ftcn,body.kz .ftcn-1,body.kz .ftcn-2{background:#090b14!important;color:var(--kz-mut)!important;border-top:1px solid var(--kz-line)}
body.kz .ftcn a{color:var(--kz-txt)!important}
body.kz a.botn-gtop{background:var(--kz-acc)!important;color:#fff!important;border-radius:50%}
body.kz .bx-wrapper,body.kz #hd + .hdcn-5{background:transparent!important}

/* ===== responsive ===== */
@media (max-width:1200px){
 .kz-tr{grid-auto-columns:calc((100% - 3*12px)/3.5)}
 .kz-picks{grid-template-columns:2fr 1fr 1fr;aspect-ratio:2.3/1}
 .kz-picks .x{display:none}
}
@media (max-width:900px){
 .kz-side{transform:translateX(-100%);transition:transform .2s;width:260px;--kz-sw:260px}
 body.kz-open .kz-side{transform:none}
 body.kz-open .kz-ov{display:block;position:fixed;inset:var(--kz-th) 0 0 0;background:rgba(0,0,0,.55);z-index:800}
 body.kz-mini .kz-side a span{display:inline}
 body.kz .bdcn,body.kz .ftcn{margin-left:0}
 .kz-pill span{display:none}.kz-pill{padding:0 11px}
 .kz-about{grid-template-columns:1fr}
 .kz-picks{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;aspect-ratio:auto}
 .kz-picks .kz-c{aspect-ratio:16/9;height:auto}
 .kz-picks .b{grid-column:span 2;grid-row:auto}
 .kz-picks .x{display:block}
 .kz-nav{display:none}
}
@media (max-width:600px){
 :root{--kz-th:58px}
 .kz-top{gap:8px;padding:0 8px}
 .kz-logo b{display:none}
 body.kz .kz-home{padding:0 12px 20px}
 body.kz .bdcn>.cont{padding-left:12px;padding-right:12px}
 .kz-tr{grid-auto-columns:72%}
 body.kz .kz-sh{font-size:20px}
 .kz-strip a{width:76px;height:76px}
 .kz-nm{opacity:1;font-size:13px}
 .kz-picks .b .kz-nm{font-size:18px;padding:30px 14px 10px}
 .kz-tiles{grid-template-columns:repeat(2,1fr)}
 body.kz .kz-abx h1{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.kz-c,.kz-c img,.kz-side{transition:none}}