<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="Ah6PqokstTauaw17FDXsNhisQKAGXGaJq0vAiBfi">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="msvalidate.01" content="77BC9EC2757BFFD6B08AB6E9830867E2" />
<meta name="msvalidate.01" content="8F0A17F8B7EE136DC522E193ADA44AC2" />
<meta name="msvalidate.01" content="81E0B92D870F20A5A81469EF8E834B59" />
<meta name="msvalidate.01" content="B3D56BE8396E01BC4B5FF1FADDBFEBAC" />
<meta name="msvalidate.01" content="6CF243145B598540D3EBE639EC0CED69" />
<meta name="msvalidate.01" content="5FE75E29938FE1D0DD54BAD2B25C99E4" />
<meta name="msvalidate.01" content="A20920FE8B2693A844693CA7B2DA0341" />
<meta name="msvalidate.01" content="443527962984ED6113E71C2E1C1E6FCC" />
<meta name="msvalidate.01" content="58D49F2458FE6C8E642907D29D522720" />
<meta name="msvalidate.01" content="851D73C3284A97030F2B09FDECBB3AD4" />
<meta name="msvalidate.01" content="A656B1E6BC13BAE9D5A8773D01104738" />
<meta name="msvalidate.01" content="61789A989A2520E21E638DD047CB7332" />
<meta name="msvalidate.01" content="B7C6A3E0D04CC5BA0C608C9520F3D00B" />
<meta name="msvalidate.01" content="F48263C70EDE1DC309187238F96CCE3F" />
<meta name="msvalidate.01" content="0EE0DAA2E0981DF931A252C15FCBCA2C" />
<meta name="msvalidate.01" content="0A07E3A82E7C0D9F9D9C345659EDB9DE" />
<meta name="msvalidate.01" content="131BBB629297ACBB160173ED53395845" />
<meta name="msvalidate.01" content="05555D8659A1D65F7D0E2EBA014AF981" />
<meta name="msvalidate.01" content="78AC6224A015A61918E531E916DD44FA" />
<meta name="msvalidate.01" content="7D606D72FCE39D630B7985DE1F0361B1" />
<meta name="msvalidate.01" content="EF3C401C6A614F8D465A9341CBFC5090" />
<meta name="msvalidate.01" content="EB952236EB778B9340696B13F7353A3D" />
<meta name="msvalidate.01" content="897AEDC10475FB0295F82A4210D64590" />
<meta name="msvalidate.01" content="F430E75F1EF116C6EFA24DE7CB3E0BC9" />
<meta name="msvalidate.01" content="F7B3BD2FE69072BCCE4126B9CC5045CB" />
<meta name="msvalidate.01" content="98EF95AD212ADD48C878F21B193AB8E4" />
<meta name="msvalidate.01" content="7C25DA74C8FF5FAB142FC70204BB07A6" />
<meta name="msvalidate.01" content="1D0E1105D459663D83517C7646FC097D" />
<meta name="msvalidate.01" content="81D4616A768B982EB9CE2018AECAE8F6" />
<meta name="msvalidate.01" content="8A3522EFAF15FC4FDF3B35078C516DB7" />
<meta name="msvalidate.01" content="5D38CFA2B20914936FDB97E2B9FB39C6" />
<meta name="msvalidate.01" content="3BC91AA62DFB93BBB6AF0F324F83B879" />
<meta name="msvalidate.01" content="EF8A373ACF36FCC9C576F7E17BDC0ED0" />
<meta name="msvalidate.01" content="8C25C1EC562A320C4E886F6FBD551AA0" />
<meta name="msvalidate.01" content="4BA3D4BEDFCBDE8D855A5D67FB70ECAD" />
<meta name="msvalidate.01" content="E10CD32B036CAFEE4E0BAF11165F6D14" />
<meta name="msvalidate.01" content="E97FE2DDBEBEE0B3AB82D7D7499D54B0" />
<meta name="msvalidate.01" content="895A1ECBF4F65AB03AB7449235C31DA7" />
<meta name="msvalidate.01" content="F03D9D95ECB8E1D15F5DF466E55DC2EF" />
<meta name="msvalidate.01" content="10D1437BF96D7A042B768C9F7731BAB4" />
<meta name="msvalidate.01" content="7ED6C9C1C31D32B7B13F91DFB3BCB4F7" />
<meta name="msvalidate.01" content="37AF4033FCDC8814D80B3347D8DCFD61" />
<meta name="msvalidate.01" content="14828660C6B43D54B71B032573D1DCC6" />
<meta name="msvalidate.01" content="968272C9D1F17F43A36BEF900C379237" />
<meta name="msvalidate.01" content="752B68F93142732EAB7CCB7A5D776D16" />
<meta name="msvalidate.01" content="B1A99BDD7D6156B30A78E68F365C9F83" />
<meta name="msvalidate.01" content="6C25E85F718295037CD6F2B882C55F0C" />
<meta name="msvalidate.01" content="5C7D771CAF9E1D204A650ACD0E1CCC27" />
<meta name="msvalidate.01" content="0A33808F913B3177D30C05FFEA18A778" />
<meta name="msvalidate.01" content="6A58B74EB884C7D4DFF37B085C2EF641" />
<meta name="msvalidate.01" content="0154F0B163EC39E2C00077A555BB712F" />
<meta name="msvalidate.01" content="78D17C560AC7BBDC345D966938135AD5" />
<meta name="msvalidate.01" content="9DD6BD390FBB5FCE73E03376DF6923C2" />
<meta name="msvalidate.01" content="2BBC0BE30006807810C289BDF64CFF11" />
<meta name="msvalidate.01" content="6EB50B0564B4A30C435A67724D547579" />
<meta name='ir-site-verification-token' value='529231765' />
<meta name='impact-site-verification' value='34bab047-b19c-4a2d-83b9-4e7b91954a89'>

<title>Play Games Online | Free Games at Tomfmason</title><meta name="description" content="Play thousands of free online games, including shooting games, arcade free games, racing car games, dress up games and many more on Tomfmason"><link rel="canonical" href="https://tomfmason.net"/><meta property="og:title" content="Play Games Online | Free Games at Tomfmason" /><meta property="og:description" content="Play thousands of free online games, including shooting games, arcade free games, racing car games, dress up games and many more on Tomfmason" /><meta property="og:image" content="https://tomfmason.net/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><meta name="twitter:title" content="Play Games Online | Free Games at Tomfmason" /><meta name="twitter:description" content="Play thousands of free online games, including shooting games, arcade free games, racing car games, dress up games and many more on Tomfmason" /><meta name="twitter:image" content="https://tomfmason.net/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Play Games Online | Free Games at Tomfmason","description":"Play thousands of free online games, including shooting games, arcade free games, racing car games, dress up games and many more on Tomfmason","url":"https://tomfmason.net","image":"https://tomfmason.net/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead"}</script>
    <link rel="stylesheet" href="/static-res/css/newsike.css?id=5738d717131e79e2e0fb">
    
    <script src="/static-res/js/newsike.js?id=7f363cc5445f1191888e" defer></script>
    <script src="/static-res/js/alpine.js?id=aa67474ee4ce14dc980f" defer></script>

    <link rel="preconnect" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />










<link rel="alternate" type="application/rss+xml" href="https://api.tomfmason.net/v1/rss">

    <link rel="apple-touch-icon" sizes="57x57" href="/static-res/img/newsike/apple-icon-57x57.png?id=7f2dd0f19fc9423ccae5" />
    <link rel="apple-touch-icon" sizes="60x60" href="/static-res/img/newsike/apple-icon-60x60.png?id=0bd5f84ce8093a295d08" />
    <link rel="apple-touch-icon" sizes="72x72" href="/static-res/img/newsike/apple-icon-72x72.png?id=fed97a82d99287329aa1" />
    <link rel="apple-touch-icon" sizes="76x76" href="/static-res/img/newsike/apple-icon-76x76.png?id=8dd2b4bd97e42ce4bb48" />
    <link rel="apple-touch-icon" sizes="114x114" href="/static-res/img/newsike/apple-icon-114x114.png?id=e1350d22e08f3a9a98ee" />
    <link rel="apple-touch-icon" sizes="120x120" href="/static-res/img/newsike/apple-icon-120x120.png?id=c8f79402edc377935736" />
    <link rel="apple-touch-icon" sizes="144x144" href="/static-res/img/newsike/apple-icon-144x144.png?id=e103a4bdcfdaedd66ae6" />
    <link rel="apple-touch-icon" sizes="152x152" href="/static-res/img/newsike/apple-icon-152x152.png?id=026787d9b01866dc2ecb" />
    <link rel="apple-touch-icon" sizes="180x180" href="/static-res/img/newsike/apple-icon-180x180.png?id=ac5d8669f9fac00716da" />
    <link rel="icon" type="image/png" sizes="192x192" href="/static-res/img/newsike/android-icon-192x192.png?id=8de180f7a159494d7e57" />
    <link rel="icon" type="image/png" sizes="32x32" href="/static-res/img/newsike/favicon-32x32.png?id=39a6afc44c6afe88283c" />
    <link rel="icon" type="image/png" sizes="96x96" href="/static-res/img/newsike/favicon-96x96.png?id=98b4072dae559862b5fc" />
    <link rel="icon" type="image/png" sizes="16x16" href="/static-res/img/newsike/favicon-16x16.png?id=a43a5a3c7de4d329262b" />
    <link rel="manifest" href="/static-res/img/newsike/manifest.json?id=6d0a109cbc6d45f4e64b">
    <meta name="msapplication-TileImage" content="/static-res/img/newsike/ms-icon-144x144.png?id=e103a4bdcfdaedd66ae6" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#ffffff" />
<meta http-equiv="x-ua-compatible" content="ie=edge">


    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-54725HQVMF"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-54725HQVMF');
    </script>
        
                    </head>
<body>
<div x-data="{&quot;show&quot;:true,&quot;style&quot;:&quot;success&quot;,&quot;message&quot;:null}"
            :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }"
            style="display: none;"
            x-show="show && message"
            x-init="
                document.addEventListener('banner-message', event => {
                    style = event.detail.style;
                    message = event.detail.message;
                    show = true;
                });
            ">
    <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between flex-wrap">
            <div class="w-0 flex-1 flex items-center min-w-0">
                <span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }">
                    <svg x-show="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                    <svg x-show="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                    <svg x-show="style != 'success' && style != 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                </span>

                <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p>
            </div>

            <div class="flex-shrink-0 sm:ml-3">
                <button
                    type="button"
                    class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition"
                    :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }"
                    aria-label="Dismiss"
                    x-on:click="show = false">
                    <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>
<div class="min-h-screen bg-green-300">
        <nav x-data="{ open: false }" class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b border-slate-50/[0.06] supports-backdrop-blur:bg-white/95 bg-green-900/75">
    <!-- Primary Navigation Menu -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-[60px]">
            <div class="flex">
                <!-- Logo -->
                <div class="flex-shrink-0 flex items-center">
                    <a href="https://tomfmason.net" class="text-xl font-black tracking-wider text-white">
                        Tomfmason
                    </a>
                </div>

                <!-- Navigation Links -->
                <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">



                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition text-white !text-base !hover:text-gray-100 hover:!text-gray-100 !font-bold" href="https://tomfmason.net/en/games/genres">
    Categories
</a>
                    <form
    class="inline-flex items-center w-72 mb-0"
    action="https://tomfmason.net/en/games/search"
    target="_top"
>
    <input
        aria-label="keyword"
        type="text"
        name="keyword"
        class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x"
        placeholder="Search"
    />
</form>
                </div>
            </div>

            <!-- Hamburger -->
            <div class="-mr-2 flex items-center sm:hidden">
                <button @click="open = ! open" aria-label="menu" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition">
                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
    </div>

    <!-- Responsive Navigation Menu -->
    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
        <div class="pt-2 pb-3 space-y-1">
            <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://tomfmason.net">
    Home
</a>
            <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://tomfmason.net/en/games/genres">
    Categories
</a>
            <form
    class="inline-flex items-center w-72 mb-0"
    action="https://tomfmason.net/en/games/search"
    target="_top"
>
    <input
        aria-label="keyword"
        type="text"
        name="keyword"
        class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x"
        placeholder="Search"
    />
</form>
        </div>
    </div>
</nav>
                    <main>
        <div>
                        <div id="recent-games-header" class="text-center font-bold mt-4 text-xl">Recently played</div>
            <div id="recent-games-container" class="flex flex-wrap justify-center py-4 gap-4"></div>
            <div id="popular-games-header" class="text-center font-bold text-xl">Popular Games</div>
                <div class="flex flex-wrap justify-center py-4 gap-4">
                            <a  href="https://tomfmason.net/en/games/happy-wheels"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/55084fdaacba49cbaeeead2464733b72-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Happy Wheels
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/neon-tile-rush"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/9797cbce14494ec4accbfe1aa1c7f3c9-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Neon Tile Rush
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/guess-who-multiplayer"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b4ac5a126aa7486ea48d0e20082464b6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Guess Who Multiplayer
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/x-parkour"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/059ed2c363354fc3a1bc69f452878673-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            X Parkour
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/farming-town"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/10389a75bfe74843a3ec962a50a12dfd-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Farming Town
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/knots-master-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e0fb1a76efd84744932fdbde7839eb31-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Knots Master 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/real-flying-truck-simulator-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/ddc09e59f4b7491b909eae5053973680-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Real Flying Truck Simulator 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/terror-camp-takedown"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/dde5060aa2bd40ee89d29b24fb8ef2ea-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Terror Camp Takedown
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/algerian-solitaire"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/472cf07a1e594273b9d5ab27c9bf1d67-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Algerian Solitaire
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/the-house-of-evil-granny"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/f983f22ec87e4251bf8e3d8143fbb4e3-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            The House Of Evil Granny
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/siberian-strike"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/9e6724b6b0b94d44b0302ae73b5216e3-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Siberian Strike
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/villains-inspiring-fashion-trends"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/686bad3b663348709bd1865b90b5b88f-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Villains Inspiring Fashion Trends
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/sweet-baby-girl-cleanup-messy-house"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/d7f0b0deacbc452d8860ad288becced5-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Sweet Baby Girl Cleanup Messy House
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/slime-maker"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/c55bb390a1fa40c7b773870220aac04c-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Slime Maker
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/motor-rush"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/22d6a61e21d24260b3316221c1da2dcc-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Motor Rush
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/mega-city-missions"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/ede9baac2e744ce99147f47008f8d6dd-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Mega City Missions
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/sort-parking"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/4ca6a482eaa545b9a029f4be1f25adb3-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Sort Parking
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/castel-wars-new-era"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/525b2cc6d8754c0dbe04c0f62e653287-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Castel Wars New Era
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/wheelie-biker"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/7b5ae703884049ac82d3caac0d28fc7f-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Wheelie Biker
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/wood-block-puzzle"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b044cd30af8c490994f9b6438bf89582-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Wood Block Puzzle
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/classic-uno"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/fd57420b624144faaa4f61077459a2c7-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Classic Uno
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/bubble-shooter-wheel"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/7fc6f8f8df2940318fc3e4ee4152c5e4-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Bubble Shooter Wheel
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/football-brawl"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/65c45480d84a4680a7f322bd548b3cad-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Football Brawl
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/my-dolphin-show-5"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/02d11195e64540dcb743722c313fe739-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            My Dolphin Show 5
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/kart-racing-pro"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/1804fc18a0fc44b794ccbc92badad206-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Kart Racing Pro
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/feller-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/530a9caa3db243e2ade350df351ad370-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Feller 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/adam-and-eve-go-3"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/3a34a7a2d82c4bf181f01f2e2d1dd0f5-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Adam and Eve Go 3
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/stretch-guy"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/afb1c67c6a8a4ff2864e72df10e48114-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Stretch Guy
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/fly-car-stunt-4"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/0264f21df10547efade7647f652d83ed-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Fly Car Stunt 4
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/drag-race-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/9a6eaa31d1af4538af06a23cf050c122-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Drag Race 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/dotted-girl-skin-doctor"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/f6c9607f6d804b8f9438ddd3b45ddbc4-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Dotted Girl Skin Doctor
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/extreme-car-parking"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/86c5ed6f926f4a6ba7f7519f7f3cec7f.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Extreme Car Parking
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/zombie-mission"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/04b82ec09db2406da8fa0186bd941cb6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Zombie Mission
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/ellie-tongue-doctor"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/789ce2cede004e80a99385c0bd06c3a6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Ellie Tongue Doctor
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/raid-heroes-total-war"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/26b4e6faa717416a8fa8e650cbfb1f71-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Raid Heroes: Total War
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/mahjongg-candy-cane"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/4db66104d2cf45a595259b1d7faf6b1e-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Mahjongg Candy Cane
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/hop-ballz-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/1589d27d5d844fc2a5a69a4f5f11a951-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Hop Ballz 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/police-real-chase-car-simulator"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/29a8ceefb8994b35b2ed76e4ab8c88e6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Police Real Chase Car Simulator
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/military-shooter-training"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/7d3cb3e86606402aa42c39821fbfc364-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Military Shooter Training
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/heroball-adventures"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e08e8bbd00df4038a71dc2a30b71d7b8-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Heroball Adventures
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/flappybird-og"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/7ac9bb63716c46a9a6333fa93f54391f-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            FlappyBird OG
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/interstellar-run"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/405d7d1110b3486bb7cc8ceeb2b0905b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Interstellar Run
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/muscle-clicker-2"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/88e9217f59d14aa3b477ba003fc9dd03-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Muscle Clicker 2
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/cycle-extreme"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/30aca3605a954e8493326fca501a357e-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Cycle Extreme
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/guess-the-soccer-star"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/27131e2306644ed99f23d8e5f5ff945d-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Guess The Soccer Star
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/timberman"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/3a0fd274a3c042c9abe420823fd143ed-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Timberman
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/cool-archer"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/d33eaea479134d09b0a95b1c14ecdb7c-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Cool Archer
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://tomfmason.net/en/games/cook-and-match-saras-adventure"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/a853fd25dae64d8f8536b577ac08042b-512x512.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Cook and Match: Sara&#039;s Adventure
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                    </div>
                    <div class="mb-4 flex-center">
                <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
        
                    <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md">
                &laquo; Previous
            </span>
        
        
                    <a href="http://tomfmason.net?page=2" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
                Next &raquo;
            </a>
            </nav>

            </div>
                            <div class="flex flex-wrap justify-center pb-4 gap-4">
                                    <a href="https://tomfmason.net/en/games/genres/cooking" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Cooking Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/mahjong-connect" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Mahjong &amp; Connect Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/racing-driving" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Racing &amp; Driving Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/casual" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Casual Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/merge" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Merge Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/football" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Football Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/quiz" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Quiz Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/puzzle" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Puzzle Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/io" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        .IO Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/match-3" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Match-3 Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/bubble-shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Bubble Shooter Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/cards" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Cards Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/sports" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Sports Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/boardgames" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Boardgames Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/basketball" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Basketball Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/agility" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Agility Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/care" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Care Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Shooter Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/simulation" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Simulation Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/battle" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Battle Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/jigsaw" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Jigsaw Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/strategy" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Strategy Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/art" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Art Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/dress-up" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Dress-up Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/educational" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Educational Games
    </div>
</a>
                                    <a href="https://tomfmason.net/en/games/genres/adventure" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Adventure Games
    </div>
</a>
                            </div>
            
                
            <script>
            const keyRecentGames = 'recentGames';
            try {
                const keyRecentGamesStorage = JSON.parse(localStorage.getItem(keyRecentGames) || '[]');
                if(keyRecentGamesStorage.length === 0) {
                    document.getElementById('recent-games-header').style.display = 'none';
                    document.getElementById('recent-games-container').style.display = 'none';
                    document.getElementById('popular-games-header').style.display = 'none';
                }

                const recentGamesContainer = document.getElementById('recent-games-container');
                keyRecentGamesStorage.forEach(game => {
                    const gameElement = document.createElement('a');
                    gameElement['href'] = `/en/games/${game.s}`;
                    gameElement['rel'] = "noopener";
                    gameElement.classList.add('group', 'relative');
                    gameElement.innerHTML = `
                    <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px]" data-src="${game.i}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
                    <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
                        ${game.n}
                    </div>
                    <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
                    </div>
                `;
                    recentGamesContainer.appendChild(gameElement);
                });
            } catch (e) {
                console.error('Failed to load recent games:', e);
            }
        </script>
    </div>
    </main>
    <footer class=" bg-white ">
    <div class="container mx-auto px-5 flex flex-col pt-8 pb-5 text-center sm:text-left xl:px-10">
                <div class="flex-wrap sm:flex">
            <div class="sm:w-1/2 lg:w-1/5">
                <div class="text-sm font-bold text-gray-600 uppercase">NAVIGATION</div>
                <ul class="mt-4">
                    <li class="mt-2">
                        <a href="https://tomfmason.net" title="Home">Home</a>
                    </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://tomfmason.net/page/dmca" title="DMCA">DMCA</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://tomfmason.net/page/privacy-policy" title="Privacy Policy">Privacy Policy</a>
                        </li>
                                    </ul>
            </div>

            <div class="mt-8 sm:w-1/2 sm:mt-0 lg:w-1/5 lg:mt-0">
                <div class="text-sm font-bold text-gray-600 uppercase">DISCOVER</div>
                <ul class="mt-4">
                                            <li class="mt-2">
                            <a target="_blank" href="https://tomfmason.net/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://tomfmason.net/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://tomfmason.net/page/contacts" title="Contacts">Contacts</a>
                        </li>
                                    </ul>
            </div>

            <div class="mt-8 sm:w-1/2 sm:mt-12 lg:w-1/5 lg:mt-0">
                <div class="text-sm font-bold text-gray-600 uppercase">CONTACT US</div>
                <ul class="mt-4">
                    <li>
                        <a title="Email Contact Us" href="mailto:dinhthienvan1@gmail.com">
                            dinhthienvan1@gmail.com
                        </a>
                    </li>
                                                                        <li class="mt-2">
                                <a target="_blank" href="https://tomfmason.net/page/about-us" title="About Us">About Us</a>
                            </li>
                                                    <li class="mt-2">
                                <a target="_blank" href="https://tomfmason.net/page/disclaimer" title="Disclaimer">Disclaimer</a>
                            </li>
                                            


                </ul>
            </div>

            <div class="mt-8 sm:w-1/2 lg:w-2/5 lg:mt-0 lg:pl-12">

                <a href="https://tomfmason.net" class="text-xl font-bold tracking-wider text-primary-500">
                    Tomfmason
                </a>

                <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7">
                    Play thousands of free online games, including shooting games, arcade free games, racing car games, dress up games and many more on Tomfmason
                    <br />
                </p>

            </div>
        </div>

        <div
            class="mt-3 flex items-center flex-col sm:flex-row sm:justify-between"
        >
            <p class="text-sm text-gray-600 flex-bas">
                © 2025 Tomfmason. All Rights Reserved.
            </p>
        </div>
    </div>
    </footer>

</div>
<div x-data="{ open: false }">
    <button class="hidden px-4 py-2 text-white bg-blue-500 rounded select-none no-outline focus:shadow-outline" @click="open = true" id="adblock">adblock</button>
    <div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-show="open" style="display: none" id="aaaaa-modal">
        <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
            <div class="fixed inset-0 bg-gray-500 bg-opacity-95 transition-opacity" aria-hidden="true"></div>
            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
            <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                    <div class="sm:flex sm:items-start">
                        <div id="ic-warning" class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                            <svg class="h-6 w-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                            </svg>
                        </div>
                        <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                            <div class="text-lg leading-6 font-medium text-gray-900" id="modal-title">
                                We notice you&#039;re using an ad blocker
                            </div>
                            <div class="mt-2">
                                <p class="text-sm text-gray-500">
                                    Without advertising income, we can&#039;t keep making this site awesome for you.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg-gray-50 px-4 py-3 sm:px-6 flex-center">
                    <button onclick="location.reload();" type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
                        I understand and have disabled ad blocking for this site
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
