:root{--blue:#1668e8;--ink:#172234;--muted:#728095}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif}.shell{width:min(936px,calc(100% - 32px));margin:auto}.mobile-only{display:none}header{position:relative;z-index:20;height:68px;background:#030303;color:#fff}.header-row{display:flex;align-items:center;height:100%;gap:44px}.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.logo>span{font-size:24px}.logo img{width:105px;filter:none}.header-row nav{display:flex;gap:30px}.header-row nav a{color:#c6c6ca;text-decoration:none;font-size:14px}.actions{display:flex;align-items:center;gap:12px;margin-left:auto}.actions button{border:0;color:#fff}.apps{background:transparent;font-size:24px}.store{padding:8px 10px;border-radius:9px!important;background:#124c9c;font-size:18px}.actions .login{padding:10px 24px;border-radius:22px;background:#2263dc;font-weight:800}.top-area{position:relative;min-height:608px;overflow:hidden}.top-bg{position:absolute;inset:0;width:100%;height:608px;object-fit:cover}.feature-grid{position:relative;display:grid;grid-template-columns:617px 304px;gap:15px;padding-top:36px}.hero-card{position:relative;height:410px;overflow:hidden;border-radius:15px;background:#182244}.hero-card>img{width:100%;height:100%;object-fit:cover}.hero-card>div{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}.hero-card>div img{width:53px;height:53px;border-radius:8px}.hero-card b,.hero-card small{display:block}.hero-card small{margin-top:5px;color:#c6d0e0;font-size:11px}.feature-grid aside{display:grid;gap:15px}.recent,.trending{position:relative;overflow:hidden;padding:18px;border-radius:15px;background:#fff6e8}.recent{height:158px;background:#fff2df url("https://zagoo.vn/assets/recent-bg-desktop-DMzY5F-p.jpg") center/cover no-repeat}.trending{height:237px;background:#121416 url("https://zagoo.vn/assets/trending-bg-desktop-BajUpZpT.jpg") center/cover no-repeat;color:#fff}.recent h2,.trending h2{margin:0 0 18px;font-size:16px}.recent p{font-size:11px;color:#7e6855}.trending article{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;margin-bottom:7px}.trending article img{width:39px;height:39px;border-radius:6px;object-fit:cover}.trending article span{font-size:12px}.trending article small{display:block;margin-top:4px;color:#ffd25e}.trending button,.game-carousel button,.game-list button{border:0;border-radius:16px;background:#1668e8;color:#fff;padding:6px 12px}.discover{position:relative;margin-top:-128px}.discover h2{font-size:18px}.discover h2 span{color:#1d7dde}.game-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.game-carousel article{position:relative;overflow:hidden;height:318px;border-radius:14px;background:#283c6e;color:#fff}.game-carousel>article>img{width:100%;height:100%;object-fit:cover}.game-carousel article:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.game-carousel article>div{position:absolute;z-index:2;left:12px;right:12px;bottom:44px;display:flex;align-items:center;gap:8px}.game-carousel article>div img{width:42px;height:42px;border-radius:8px;object-fit:cover}.game-carousel article button{position:absolute;z-index:2;right:12px;bottom:12px}.game-list{padding:48px 0}.game-list h2{font-size:20px}.game-list>div{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.game-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:13px;padding:10px;border-bottom:1px solid #e8ecf3}.game-list img{width:60px;height:60px;border-radius:12px;object-fit:cover}.game-list b,.game-list small{display:block}.game-list small{margin-top:6px;color:var(--muted);font-size:11px}footer{padding:35px 0;background:#0c1420;color:#fff}footer .shell{display:flex;justify-content:space-between}footer small{color:#8694a8}.interstitial-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.64)}.interstitial-overlay.closed{display:none}.ad-slot{position:relative;overflow:hidden}.interstitial{width:555px;height:740px;max-height:calc(100vh - 48px)}.close{position:fixed;z-index:105;left:calc(50% + 245px);top:calc(50% - min(346px,44vh));display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#111;color:#fff;font-size:20px;cursor:pointer}.fallback-ad,.live-ad{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-decoration:none}.fallback-ad{background:#111 center/contain no-repeat}.fallback-ad.desktop-creative{background-image:url("https://h5.zadn.vn/games/z63/popupz63.jpg")}.fallback-ad.mobile-creative{background-image:url("https://h5.zadn.vn/games/z69/z69-popup-2.jpg")}.ad-label{position:absolute;right:8px;bottom:7px;z-index:2;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.48);color:#fff;font-size:9px}.live-ad img{width:100%;height:100%;object-fit:contain;background:#111}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.desktop-only{display:none!important}.mobile-only{display:block}header{height:68px;background:#fff}.header-row{gap:12px}.logo>span{color:#111}.logo img{width:118px;filter:invert(1)}.header-row nav{display:none}.actions{gap:9px}.actions .apps{color:#111}.store{font-size:18px}.actions .login{padding:9px 14px}.top-area{min-height:502px}.top-bg{display:none}.feature-grid{display:block;padding-top:12px}.hero-card{height:410px}.hero-card>img{height:170px;border-radius:14px}.hero-card>div{top:170px;bottom:auto;height:70px;background:#fff;color:#222}.hero-card>div small{color:#777}.feature-grid aside{display:none}.discover{margin-top:0}.discover h2{margin:18px 0}.game-carousel{display:flex;gap:12px;overflow:hidden}.game-carousel article{flex:0 0 143px;height:280px}.game-carousel article:nth-child(n+4){display:none}.game-list{display:none}.interstitial{width:350px;height:350px;max-width:calc(100vw - 40px);max-height:calc(100vh - 130px)}.close{left:auto;right:30px;top:248px;width:24px;height:24px;font-size:17px}.fallback-ad{background-size:contain}.live-ad img{object-fit:contain}footer{margin-top:24px}.logo img{content:url("https://zagoo.zdn.vn/static/logo/logo-text-white-512x62.png.png");filter:invert(1)}}