1<!DOCTYPE html><html data-theme="light" lang="en-US"><head><meta charset="utf-8"><title> 2048 5x5</title><meta name="description" content="2048 5x5 is a number puzzle game with a larger grid and more space. Merge matching tiles, build big numbers, and play now!"><meta name="keywords" content=" 2048 5x5"><meta name="title" content=" 2048 5x5"><meta property="fb:app_id" content=""><meta property="og:title" content=" 2048 5x5"><meta property="og:site_name" content="2048 All In One"><link rel="image_src" href="https://2048a.io/data/image/game/2048-5x5/2048-5x51.png" /><meta property="og:type" content="article" /><meta property="og:url" content="https://2048a.io/2048-5x5" /><meta property="og:description" content="2048 5x5 is a number puzzle game with a larger grid and more space. Merge matching tiles, build big numbers, and play now!" /><meta property="og:image" content="https://2048a.io/data/image/game/2048-5x5/2048-5x51.png" /> <meta name="robots" content="index,follow" /><meta name="viewport" 2 content="width=device-width, initial-scale=1.0, minimal-ui, shrink-to-fit=no, viewport-fit=cover"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="2048 All In One"><meta name="HandheldFriendly" content="true" /><meta name="mobile-web-app-capable" content="yes" /><link rel="shortcut icon" sizes="512x512" 3 href="https://2048a.io/cache/data/image/options/favicon-s512x512.png" /><link rel="icon" type="image/x-icon" href="https://2048a.io/favicon.ico?v3"><link rel="apple-touch-icon" 4 href="https://2048a.io/cache/data/image/options/favicon-s512x512.png"><meta http-equiv="x-ua-compatible" content="ie=edge"><link rel="canonical" href="https://2048a.io/2048-5x5" data-react-helmet="true"><!-- Google tag (gtag.js) -->
vendor: 63 bytes, line 4
4<script async src="https://www.googletagmanager.com/gtag/js?id=
4G-ELZ1HHYM04
vendor: 11 bytes, line 4
4"></script>
4<script>
vendor: 135 bytes, lines 4-8
4window.dataLayer = window.dataLayer || []; 5 function gtag(){dataLayer.push(arguments);} 6 gtag('js', new Date()); 7 8 gtag('config', '
8G-ELZ1HHYM04
vendor: 3 bytes, line 8
8');
8</script>
8
8<script data-cfasync="false">var game_config = { 9 current_slug: '2048-5x5', 10 domain_url: 'https://2048a.io', 11 theme_url: '/themes/2048', 12 id_game: 56, 13 url_game: 'https://2048a.io/2048-5x5', 14 logo: '/cache/data/image/options/2048a.io1-f150x35.png', 15 theme_color: '#003afa', 16 not_allow_comment: 'no', 17 show_comment: 'yes' 18 };</script>
18<style>@font-face { 19 font-family: "Inter"; 20 src: url(/themes/2048/resources/fonts/Inter_24pt-Regular.woff2) format("woff2"); 21 font-weight: 400; 22 font-style: normal; 23 font-display: swap; 24 ascent-override: 90%; 25 descent-override: 10%; 26 line-gap-override: 5%; 27 } 28 29 30 @font-face { 31 font-family: "Inter"; 32 src: url(/themes/2048/resources/fonts/Inter_24pt-SemiBold.woff2) format("woff2"); 33 font-weight: 600; 34 font-style: normal; 35 font-display: swap; 36 ascent-override: 90%; 37 descent-override: 10%; 38 line-gap-override: 5%; 39 } 40 41 42 .br-0-img-src img, 43 .card-img-wrapper.banner-radius-0 { 44 border-radius: 0 !important 45 } 46 47 @media only screen and (max-width:600px) { 48 .banner-details { 49 justify-content: space-around !important 50 } 51 } 52 53 .banner-details { 54 display: flex; 55 justify-content: space-between; 56 padding: 0 10px 57 } 58 59 .banner-details .banner-details-play-now { 60 height: fit-content; 61 margin-top: 12px; 62 font-size: 12px; 63 line-height: 20px; 64 padding: 4px 10px 65 } 66 67 .banner-grd-col { 68 border-radius: 3%; 69 background: var(--grd-gradient-bg) 70 } 71 72 .grd-content-box .banner-details-grid { 73 column-gap: 35px !important 74 }</style><link rel="stylesheet" type="text/css" href="/themes/2048/resources/css/swiper.css" /><link rel="stylesheet" type="text/css" href="/themes/2048/resources/css/bootstrap.min.css" /><link rel="stylesheet" type="text/css" href="/themes/2048/resources/css/reset.min.css" /><link rel="stylesheet" type="text/css" href="/themes/2048/resources/css/main.min.css?v1.1" /><link rel="stylesheet" type="text/css" href="/themes/2048/resources/css/home.min.css" /></head><body><div id="wrapper"><header><div class="header-main"><div class="container"><nav class="navbar navbar-expand-md navbar-dark"><div class="left-icn-sc hidden-xl hidden-lg"><button class="navbar-toggler" type="button" aria-label="sidebar button"><span class="navbar-toggler-icon"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-menu-bar"></use></svg></span></span></button></div><!-- Brand --><a class="navbar-brand" href="/"><img src="/cache/data/image/options/2048a.io1-f150x42.webp" alt="2048 All In One" width="100%" height="100%"></a><div class="collapse navbar-collapse" id=""><div class="navbar-inner"><div class="close-sc hidden-lg hidden-xl"><span class="close"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-close"></use></svg></span></span><div class="logo-sc"><a href="/"><img fetchpriority="low" src="/cache/data/image/options/2048a.io1-f150x42.webp" alt="2048 All In One" width="100%" height="100%"></a></div></div></div></div><div class="right-icn-sc"><ul class="icn-ul"><li><a href="javascript:void(0)" id="fav-game-link" aria-label="like-icon"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-heart"></use></svg></span></a><div class="nav-popup-box" id="fav-game-box" style="display: none;"><div class="grd-main-box"><span class="close" id="fav-game-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg></span><div class="grd-title-box"><div class="left-box"><span class="title text-center">Favorite Games</span></div></div><div class="grd-content-box"><div class="grd-row grid-template-columns-xl-3 grid-template-columns-lg-3 grid-template-columns-md-3 grid-template-columns-sm-3 grid-template-columns-xs-2" id="favoriteGames"> 75</div></div></div></div></li><li><a href="javascript:void(0)" data-toggle="modal" data-target="#searchModal" aria-label="search-modal-icon" class="search-btn"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-search"></use></svg></span></a></li><li><a href="javascript:void(0)" id="last-play-game-link" aria-label="last-play-game-icon"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-stack"></use></svg></span></a><div class="nav-popup-box" id="last-play-game-box" style="display: none;"><div class="grd-main-box"><span class="close" id="last-play-game-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg></span><div class="grd-title-box"><div class="left-box"><span class="title text-center">Last Play Games</span></div></div><div class="grd-content-box"><div class="grd-row grid-template-columns-xl-3 grid-template-columns-lg-3 grid-template-columns-md-3 grid-template-columns-sm-3 grid-template-columns-xs-2" id="my_last_played"></div></div></div></div></li><li class="btn-sc hidden-md hidden-sm hidden-xs"><a href="javascript:void(0)" class="btn btn-secondary btn-play-now small-btn random-game"><span class="svg-icon icon-play" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-play3"></use></svg></span>Play now</a></li></ul></div></nav></div></div></header><div class="modal fade modalSearch" id="searchModal" style="display: none; padding-right: 3px;"><div class="modal-dialog modal-md"><div class="modal-content"><div class="modal-body"><button type="button" class="close" data-dismiss="modal">
75Ã</button><div class="form-group ad-form-group"><input class="form-control ad-input" id="search" placeholder="Seach your game..." autocomplete="off"><button class="search" id="btnDoSearch"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg></button></div><div class="search-box"><div class="search-list result-search"></div><div class="search-btn-sc"><a href="javascript:void(0)" id="search-result-btn" class="btn btn-secondary small-btn">Search all results</a></div></div></div></div></div></div>
75<script type='text/javascript'>var themeurl = 'http://2048a.io/themes/2048/'; 76 function get_format_url(controller, action) { 77 var urlformat = '/:a:.:c:'; 78 urlformat = urlformat.replace(':c:', controller); 79 return urlformat.replace(':a:', action); 80 }</script>
80<script type="application/ld+json">[{"@context":"https://schema.org","@type":"SoftwareApplication","name":" 2048 5x5","url":"https://2048a.io/2048-5x5","author":{"@type":"Organization","name":"2048 All In One"},"description":"2048 5x5 is a number puzzle game with a larger grid and more space. Merge matching tiles, build big numbers, and play now!","applicationCategory":"GameApplication","operatingSystem":"any","image":"https://2048a.io/data/image/game/2048-5x5/2048-5x51.png","aggregateRating":{"@type":"AggregateRating","worstRating":1,"bestRating":10,"ratingValue":10,"ratingCount":1},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"InStock"},"sameAs":[]},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"2048 All In One","item":"https://2048a.io"},{"@type":"ListItem","position":2,"name":"2048 5x5","item":"https://2048a.io/2048-5x5"}]}]</script>
80<section style="height: auto !important;"><div class="detail-main-section" style="height: auto !important;"><div class="container" style="height: auto !important;"><div class="column__wrapper" style="height: auto !important;"><div class="column__left" style="height: auto !important; min-height: 0px !important;"><div class="play-main-section play-game-main game-iframe-play" id="game-main"><div class="frame-box-game" id="frame-container" style=""><style>.mobile-fs-bar{display:none;}.game-iframe-play.open_fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10000;background:var(--black-100)}#loader_game_iframe{display:inline-block;width:15px;aspect-ratio:1;border-radius:50%;animation:1s linear infinite alternate l5}@keyframes l5{0%{box-shadow:20px 0 #818181,-20px 0 #0002;background:#818181}33%{box-shadow:20px 0 #818181,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #818181;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}.game-preview,.game-preview-bgi,.game_area_frame{top:0;height:100%;width:100%;left:0}.close_mobile_box img,.close_mobile_box svg{width:24px;height:24px}.is_mobile .game-preview-bgi{filter:unset}.close_mobile_box.hide,.is_mobile .game-preview__logo{display:none}.game_area_frame{display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:1;overflow:hidden;border:0;position:fixed;right:0;bottom:0}.game-preview{position:absolute;overflow:hidden;z-index:1}.game-preview-bgi{position:absolute;z-index:10;background-position:center;background-size:cover;filter:blur(10px)}.game-preview__content{position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;background-color:rgb(0 0 0 / .6)}.play-btn,.play-btn__ctrl{position:relative;height:50px}.game-preview__logo img{border-radius:8px;-webkit-box-shadow:0 0 1rem 0 #fff;box-shadow:0 0 1rem 0 #fff;max-width:200px}.game-preview__title{font-size:24px;color:#fff;font-weight:700;margin:20px auto;background:linear-gradient(90deg,#fff0 0,rgb(0 0 0 / .3) 50%,#fff0);width:100%;text-align:center;padding:14px 0;font-family:inherit}.play-btn{display:inline-block;vertical-align:top}.play-btn__ctrl{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:10;box-shadow:0 0 1rem 0 #fff;background:#ff3814;font-weight:700;color:#fff;font-size:22px;padding:0 32px;border-radius:16px;border:0;margin:0;cursor:pointer;-webkit-overflow-scrolling:touch;transition:box-shadow .15s,background-color .15s,transform .1s,opacity .1s}.play-btn__ctrl[disabled=disabled]{opacity:.5}.play-btn__ctrl:hover{animation:1s ease-in-out infinite pulse-glow;box-shadow:0 0 2rem 0 #fff,0 8px 25px rgba(255,56,20,.5)}.play-btn__ctrl:active{transform:scale(.95);animation:none}@keyframes pulse-glow{0%,100%{transform:scale(1);box-shadow:0 0 1rem 0 #fff}50%{transform:scale(1.08);box-shadow:0 0 2.5rem 0 #fff,0 8px 30px rgba(255,56,20,.6)}}.play-btn__ctrl:before{content:"";position:absolute;height:30px;left:50%;width:50px;margin-left:-25px;top:45px;z-index:0;border-radius:10px;background-color:#fff}.close_mobile_box{align-items:center;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 2px 12px 4px #5d6b8414,0 23px 9px 0 #5d6b8408,0 13px 8px 0 #5d6b8417,0 6px 6px 0 #5d6b8426,0 1px 3px 0 #5d6b842e;display:flex;height:46px;padding:0 7px 0 0;overflow:hidden;display:flex;justify-content:center;position:fixed;top:24px;left:0;color:#009cff;z-index:999;border-top:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff}.game-iframe,.game__video{height:100%;top:0;width:100%}.close_mobile_box svg{display:inline-block;vertical-align:middle;fill:currentColor;font-size:0}.game-frame,.game-frame iframe{width:100%}.game-iframe{position:absolute;bottom:0;left:0;right:0;border:0}.game__preview{position:absolute;inset:0;cursor:pointer}.game__preview::before{content:"";position:absolute;inset:0;z-index:2;background:url("/themes/2048/resources/images/pattern.svg") 0 0/3.125rem 3.125rem;mix-blend-mode:soft-light}.game__video{position:absolute;
80left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom center;object-position:bottom center;z-index:1;pointer-events:none}.frame_fix_mobile{position:fixed!important;left:0;background:#fff;z-index:9999;top:0;bottom:0;min-height:100vh;height:100vh;height:100dvh;box-shadow:unset;border-radius:unset;width:100vw}.frame_fix_mobile .game-preview{height:100%!important;width:100%!important}#mobile-nav.close_mobile_box{z-index:10000}body.fullscreen{overflow:hidden;position:fixed;width:100%}@media (max-width:600px){.game-iframe-play:not(.open_fullscreen) .css-uwwqev{flex:1 1 auto}.game-iframe-play.open_fullscreen{top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(100dvh - env(safe-area-inset-top,0px))}.close_mobile_box{top:max(24px,calc(env(safe-area-inset-top,0px) + 8px))}.game-iframe-play.open_fullscreen .game-iframe{position:absolute;inset:0;width:100%;height:100%}}@media (max-width:600px){.mobile-fs-bar{display:none;align-items:center;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:10001;min-height:44px;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(0,0,0,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mobile-fs-bar__back{flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;align-self:center;padding:0;margin:0;border:none;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.15);border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-fs-bar__back svg{width:20px;height:20px;flex:0 0 auto;display:block}.mobile-fs-bar__title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-fs-bar.active{display:flex}.game-iframe-play.open_fullscreen #frame-container{width:100% !important;height:100% !important}.game-iframe-play.open_fullscreen.has-fs-bar #frame-container{height:calc(100% - 44px) !important}.game-iframe-play.open_fullscreen .player__footer{display:none}}</style>
80<script data-cfasync="false">// Detect real mobile device via User-Agent only â avoids false positives from 81 // DevTools touch emulation, touchscreen laptops, and iPadOS desktop mode. 82 window._isMobile = /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent) && 83 window.matchMedia('(max-width: 768px)').matches;</script>
83 84 <div id="game-code" class="game-frame" data-id="1" style="display:block;"><iframe class="game-iframe" id="game-area" 85 src="https://2048a.io/embed/2048-5x5?pub_id=&preroll=0" 86 allow="autoplay; fullscreen; focus-without-user-activation *; gamepad; keyboard-map *; accelerometer; gyroscope" 87 allowfullscreen></iframe></div><!-- Mobile fullscreen bottom bar: tên game + nút back --><div class="mobile-fs-bar" id="mobile-fs-bar"><button class="mobile-fs-bar__back" id="mobile-fs-back" aria-label="Back"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z"/></svg></button><span class="mobile-fs-bar__title">2048 5x5</span></div>
87<script data-cfasync="false">var isNewWindow = false; 88 var hasVideoPreview = false; 89 var isFullscreenMode = false; 90 91 var gamePlayParams = {"game_id":"2048-5x5","game_category":""}; 92 93 // Helper function to check if currently in fullscreen 94 function isCurrentlyFullscreen() { 95 return !!(document.fullscreenElement || 96 document.webkitFullscreenElement || 97 document.mozFullScreenElement || 98 document.msFullscreenElement); 99 }</script>
99<script data-cfasync="false">// ===== Mobile UX state flags ===== 100 var _hasInteracted = false; 101 var _scrollY = 0; 102 103 function applyMobileFullscreenHeight() { 104 // Only used when virtualViewport resizes (e.g. soft keyboard appears) 105 // CSS 100dvh handles initial fullscreen â only override when vVP differs 106 var gp = document.querySelector('.game-iframe-play'); 107 if (!gp) return; 108 if (window.visualViewport) { 109 var dvh = window.innerHeight; 110 var vvh = window.visualViewport.height; 111 // Only set inline if keyboard is open (vvh meaningfully smaller than dvh) 112 if (dvh - vvh > 100) { 113 gp.style.height = vvh + 'px'; 114 } else { 115 gp.style.height = ''; 116 } 117 } 118 } 119 120 function resetMobileFullscreenHeight() { 121 var gp = document.querySelector('.game-iframe-play'); 122 if (gp) gp.style.height = ''; 123 } 124 125 if (window.visualViewport) { 126 window.visualViewport.addEventListener('resize', function() { 127 if (document.body.classList.contains('fullscreen') && window._isMobile) { 128 applyMobileFullscreenHeight(); 129 } 130 }); 131 } 132 133 function exitMobileGame() { 134 var gp = document.querySelector('.game-iframe-play'); 135 if (gp) gp.classList.remove('open_fullscreen'); 136 document.body.classList.remove('fullscreen'); 137 document.documentElement.style.overflow = ''; 138 resetMobileFullscreenHeight(); 139 140 // Tell embed iframe to reset back to preview state 141 var embedIframe = document.getElementById('game-area'); 142 if (embedIframe && embedIframe.contentWindow) { 143 embedIframe.contentWindow.postMessage({ type: 'exit_game' }, '*'); 144 } 145 146 var mobileFsBar = document.getElementById('mobile-fs-bar'); 147 if (mobileFsBar) mobileFsBar.classList.remove('active'); 148 var gp = document.querySelector('.game-iframe-play'); 149 if (gp) gp.classList.remove('has-fs-bar'); 150 151 window.scrollTo(0, _scrollY); 152 } 153 154 if (window._isMobile) { 155 _scrollY = window.scrollY || window.pageYOffset; 156 } 157 158 if (!window._isMobile && isFullscreenMode && !isCurrentlyFullscreen()) { 159 // Desktop fullscreen mode: trigger browser fullscreen after iframe loads 160 var _fsIframe = document.getElementById('game-area'); 161 if (_fsIframe) { 162 _fsIframe.addEventListener('load', function() { 163 if (this.src && this.src !== 'about:blank') { 164 setTimeout(function() { 165 var el = document.documentElement; 166 if (el.requestFullscreen) el.requestFullscreen(); 167 else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen(); 168 }, 200); 169 } 170 }, { once: true }); 171 } 172 } 173 174 if (typeof sendEventToGA === 'function') { 175 sendEventToGA('game_detail_play', gamePlayParams); 176 } 177 178 document.addEventListener('DOMContentLoaded', function() { 179 var mobileFsBack = document.getElementById('mobile-fs-back'); 180 if (mobileFsBack) { 181 mobileFsBack.addEventListener('click', exitMobileGame); 182 } 183 }); 184 185 // postMessage + back-gesture trap 186 (function() { 187 var _trapped = false; 188 189 function trapBackGesture() { 190 if (_trapped) return; 191 _trapped = true; 192 history.replaceState({ gameActive: true }, ''); 193 history.pushState({ gameActive: true }, ''); 194 window.addEventListener('popstate', function() { 195 history.pushState({ gameActive: true }, ''); 196 }); 197 } 198 199 var embedIframe = document.getElementById('game-area'); 200 if (embedIframe) { 201 embedIframe.addEventListener('load', function() { 202 if (embedIframe.src && embedIframe.src !== 'about:blank') trapBackGesture(); 203 }); 204 } 205 206 var _prerollActive = false; 207 208 function showMobileFsBar() { 209 var bar = document.getElementById('mobile-fs-bar'); 210 if (bar) bar.classList.add('active'); 211 var gp = document.querySelector('.game-iframe-play'); 212 if (gp) gp.classList.add('has-fs-bar'); 213 } 214 215 window.addEventListener('message', function(e) { 216 if (e.data && (e.data.type === 'preroll_ad_break_done' || e.data.type === 'game_loaded')) { 217 trapBackGesture(); 218 if (window._isMobile) { 219 _prerollActive = false; 220 showMobileFsBar(); 221 } 222 } 223 if (e.data && e.data.type === 'play_clicked' && window._isMobile) { 224 _hasInteracted = true; 225 _scrollY = window.scrollY || window.pageYOffset; 226 var gameCode = document.getElementById('game-code'); 227 if (gameCode) gameCode.style.display = 'block'; 228 var gp = document.querySelector('.game-iframe-play'); 229 if (gp && !gp.classList.contains('open_fullscreen')) { 230 gp.classList.add('open_fullscreen'); 231 document.body.classList.add('fullscreen'); 232 document.documentElement.style.overflow = 'hidden'; 233 }
234 // 'play_clicked' giá» chá» bắn từ loadGameIframe() cá»§a embed, tức game Äã tháºt sá»± 235 // bắt Äầu (có preroll thì ads.js gá»i nó sau khi quảng cáo xong) -> luôn hiá»n bar. 236 showMobileFsBar(); 237 } 238 }); 239 })(); 240 241 // Override open_fullscreen after scripts.min.js loads to ensure #game-code stays visible 242 window.addEventListener('load', function() { 243 var _orig_open_fullscreen = window.open_fullscreen; 244 window.open_fullscreen = function() { 245 if (_orig_open_fullscreen) _orig_open_fullscreen(); 246 var gameCode = document.getElementById('game-code'); 247 if (gameCode) gameCode.style.display = 'block'; 248 }; 249 });</script>
249</div><div class="player__footer player-footer"><div class="player-footer__inner"><div class="player-footer__left player-footer__item"><img width="40" height="40" 250 src="/cache/data/image/game/2048-5x5/2048-5x51-m200x200.webp" 251 class="img-fluid lazy" decoding="async" 252 alt="PLay 2048 5x5 now!" 253 fetchpriority="high" /><h1>2048 5x5</h1></div><div class="player-footer__actions player-footer__item"><div class="game_vote" id="game_vote_panel" data-game="56" data-url="https://2048a.io/2048-5x5" ><div class="game_thumb_up"><button class="control__button button_vote_game g-footer__button" data-game="56" data-vote="like" id="vote-up"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 254 xlink:href="#icon-thumbs-up"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first thumb_up_count" 255 id="up-count"></span><span class="g-footer__button-title_text g-footer__button-title_last">Like</span></div></button></div><!-- <div class="player-footer__divider"></div>--><div class="game_thumb_down"><button class="control__button button_vote_game g-footer__button" id="vote-down" data-game="56" data-vote="dislike"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 256 xlink:href="#icon-thumbs-down"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first thumb_down_count" 257 id="down-count"></span><span class="g-footer__button-title_text g-footer__button-title_last">Dislike</span></div></button></div></div><style>.game_vote { display: flex; align-items: center; gap: 8px; } .button_vote_game { outline: 0; border: 0; } .voted { color: #ff7f00; }</style> <button type="button" 258 class="g-footer__button favorite-icon favorites_btn favorites-add-56" 259 onclick="favorite(this);" 260 data-id="56" 261 data-name="2048 5x5" 262 data-slug="2048-5x5" 263 data-image="/cache/data/image/game/2048-5x5/2048-5x51-m200x200.webp"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 264 xlink:href="#icon-heart"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first">Add</span><span class="g-footer__button-title_text g-footer__button-title_last"></span></div></button><button class="g-footer__button toggleModalBtn" 265 data-target="#modalShare"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 266 xlink:href="#icon-shares"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first"></span><span class="g-footer__button-title_text g-footer__button-title_last">Share</span></div></button><button class="g-footer__button report_bug" 267 onclick="report_open(this)" 268 data-game-name="2048 5x5"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 269 xlink:href="#icon-flag"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first"></span><span class="g-footer__button-title_text g-footer__button-title_last">Report a bug</span></div></button><div class="footer__button hide_fullscreen"><button class="g-footer__button player-footer__fullscreen" 270 onclick="open_fullscreen();"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 271 xlink:href="#icon-fullscreen"></use></svg></span><div class="g-footer__button-title"><span class="g-footer__button-title_text g-footer__button-title_first"></span><span class="g-footer__button-title_text g-footer__button-title_last">Full Screen</span></div></button></div></div></div></div></div> 272 <div class="section"><div class="grd-main-box"><div class="grd-content-box"><div class="grd-row grid__center"><div class="grd-col item-new"> <a href="/sushi-drop" class="card" title="Sushi Drop" data-index="01" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/sushi-drop/sushi-drop-m180x180.webp" 273 alt="Sushi Drop" height="auto" width="auto" /></div></div> <span class="title">Sushi Drop</span></a></div><div class="grd-col item-new"> <a href="/super-snake-2048" class="card" title="Super Snake 2048" data-index="02" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/super-snake-2048/super-snake-2048-m180x180.webp" 274 alt="Super Snake 2048" height="auto" width="auto" /></div></div> <span class="title">Super Snake 2048</span></a></div><div class="grd-col item-new"> <a href="/snake-arena-2048" class="card" title="Snake Arena 2048" data-index="03" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/snake-arena-2048/snake-arena-2048-m180x180.webp" 275 alt="Snake Arena 2048" height="auto" width="auto" /></div></div> <span class="title">Snake Arena 2048</span></a></div><div class="grd-col item-new"> <a href="/number-shoot" class="card" title="Number Shoot" data-index="04" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/number-shoot/number-shoot-m180x180.webp" 276 alt="Number Shoot" height="auto" width="auto" /></div></div> <span class="title">Number Shoot</span></a></div><div class="grd-col item-new"> <a href="/jelly-fruit-merge" class="card" title="Jelly Fruit Merge" data-index="05" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/jelly-fruit-merge/jelly-fruit-merge-m180x180.webp" 277 alt="Jelly Fruit Merge" height="auto" width="auto" /></div></div> <span class="title">Jelly Fruit Merge</span></a></div><div class="grd-col item-new"> <a href="/ball-snake-2048" class="card" title="Ball Snake 2048" data-index="06" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/ball-snake-2048/ball-snake-2048-m180x180.webp" 278 alt="Ball Snake 2048" height="auto" width="auto" /></div></div> <span class="title">Ball Snake 2048</span></a></div><div class="grd-col item-new"> <a href="/2048-drop-merge" class="card" title="2048 Drop Merge" data-index="07" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-drop-merge/2048-drop-merge-1-m180x180.webp" 279 alt="2048 Drop Merge" height="auto" width="auto" /></div></div> <span class="title">2048 Drop Merge</span></a></div><div class="grd-col item-new"> <a href="/2048-3d-balls" class="card" title="2048 3D Balls" data-index="08" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-3d-balls/2048-3d-balls-m180x180.webp" 280 alt="2048 3D Balls" height="auto" width="auto" /></div></div> <span class="title">2048 3D Balls</span></a></div><div class="grd-col item-new"> <a href="/stacktris-2048" class="card" title="Stacktris 2048" data-index="09" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/stacktris-2048/stacktris-2048-1-m180x180.webp" 281 alt="Stacktris 2048" height="auto" width="auto" /></div></div> <span class="title">Stacktris 2048</span></a></div><div class="grd-col item-new"> <a href="/run-run-2048" class="card" title="Run Run 2048" data-index="10" target=""><div class="card-img-wrapper aspect-ratio-1-1 " data-video=""><div class="img-sc"><img src="/cache/data/image/game/run-run-2048/run-run2048-m180x180.webp" 282 alt="Run Run 2048" height="auto" width="auto" /></div></div> <span class="title">Run Run 2048</span></a></div><div class="grd-col item-new"> <a href="/drop-merge-the-numbers" class="card" title="Drop & Merge the Numbers" data-index="11" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/drop-merge-the-numbers/drop-merge-the-numbers-m180x180.webp" 283 alt="Drop & Merge the Numbers" height="auto" width="auto" /></div></div> <span class="title">Drop & Merge the Numbers</span></a></div><div class="grd-col item-new">
283 <a href="/count-and-bounce" class="card" title="Count and Bounce" data-index="12" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/count-and-bounce/count-and-bounce-m180x180.webp" 284 alt="Count and Bounce" height="auto" width="auto" /></div></div> <span class="title">Count and Bounce</span></a></div><div class="grd-col item-new"> <a href="/block-dropping-merge" class="card" title="Block Dropping Merge" data-index="13" target=""><div class="card-img-wrapper aspect-ratio-1-1 " data-video=""><div class="img-sc"><img src="/cache/data/image/game/block-dropping-merge/block-dropping-merge-m180x180.webp" 285 alt="Block Dropping Merge" height="auto" width="auto" /></div></div> <span class="title">Block Dropping Merge</span></a></div><div class="grd-col item-new"> <a href="/snake-2048-io" class="card" title="Snake 2048.io" data-index="14" target=""><div class="card-img-wrapper aspect-ratio-1-1 " data-video=""><div class="img-sc"><img src="/cache/data/image/game/snake-2048-io/snake-2048-io-m180x180.webp" 286 alt="Snake 2048.io" height="auto" width="auto" /></div></div> <span class="title">Snake 2048.io</span></a></div><div class="grd-col item-new"> <a href="/capybara-block-shot" class="card" title="Capybara Block Shot" data-index="15" target=""><div class="card-img-wrapper aspect-ratio-1-1 " data-video=""><div class="img-sc"><img src="/cache/data/image/game/capybara-block-shot/capybara-block-shot-m180x180.webp" 287 alt="Capybara Block Shot" height="auto" width="auto" /></div></div> <span class="title">Capybara Block Shot</span></a></div></div></div></div></div><div class="play-main-section"><div class="play-cnt-sc content-inner"><div class="game-description"><div class="second-cnt-sc"><div class="title text-ellipsis-oneline">2048 5x5 </div><div class="btn-sc"><a href="javascript:void(0)" class="btn btn-secondary small-btn btn-fixed toggleModalBtn" data-target="#modalShare"><span class="svg-icon icon-share" 288 aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-shares"></use></svg></span><span>Share</span></a></div></div><ul class="bd-link-sc"><li><span class="info"><a href="/" aria-label="homepage navigation"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-home1"></use></svg></span></a></span></li><li><span class="info"><a href="/puzzle.games">Puzzle</a></span></li><li><span>2048 5x5</span></li></ul><ul class="play-list-sc"></ul><h2><strong>A BIGGER 2048 BOARD</strong></h2><p><strong>2048 5x5</strong><span> expands the <a href="https://2048a.io/classic.games">classic</a> number <a href="https://2048a.io/puzzle.games">puzzle</a> onto a larger 25-cell grid, giving you more room to arrange tiles and build combinations. But two new tiles appear after every move, adding extra pressure as the board fills. The familiar merging system remains easy to understand while creating a fresh challenge. Challenge yourself with the expanded 5x5 board today!</span></p><h2><strong>HOW TO PLAY THE 5X5 VERSION</strong></h2><p><span>2048 5x5 gives you nine more cells than the classic 4x4 layout. This extra space allows you to arrange tiles more freely. When two tiles with the same value touch, they <a href="https://2048a.io/tag/merge">merge</a> into one tile with double the value. After each turn, two new tiles appear, so you need to manage the larger board carefully as it fills. A move that looks useful at first can create problems if the new tiles block important combinations. Before moving, you need to consider where your existing tiles will end up and how much space will remain afterward.</span></p><h3><strong>Simple Controls, Deeper Challenge</strong></h3><p><span>The controls remain easy to understand. Arrow keys move the tiles on desktop, while swipe gestures work on mobile devices. The familiar controls let you focus on arranging numbers and planning your next combination rather than learning complicated mechanics.</span></p><h2><strong>RELATED GAMES</strong></h2><p>Ready for a different grid? Take on the compact <a href="https://2048a.io/2048-3x3">2048 3x3</a>, return to the classic <a href="https://2048a.io/2048-4x4">2048 4x4</a>, or discover new merging styles in <a href="https://2048a.io/2048-legend">2048 Legend</a> and <a href="https://2048a.io/reverse-2048">Reverse 2048</a>.</p> <div class="category-list"><a href="/puzzle.games" title="Puzzle Games"><div class="grd-col"><div class="category-card"><div class="category-cnt-sc"> <span class="title">Puzzle</span> </div><div class="category-img-sc"><img class="img__tag" src="/cache/data/image/category/puzzlegames-m80x80.webp" 289 alt="Puzzle"></div></div></div></a><a href="/tag/merge" title="Merge Games"><div class="grd-col"><div class="category-card"><div class="category-cnt-sc"> <span class="title">Merge</span> </div></div></div></a><a href="/tag/number" title="Number Games"><div class="grd-col"><div class="category-card"><div class="category-cnt-sc"> <span class="title">Number</span> </div></div></div></a></div></div></div><div class="show_content "><button class="ShowMore_button more"><span>Show more</span><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-keyboard_arrow_down"></use></svg></span></button></div></div> 290</div><div class="column__right" style="height: auto !important; min-height: 0px !important;"><div class="sidebar-sc" style="height: auto !important;"><div class="grd-main-box"><div class="grd-content-box"><div class="grd-row grid__right"><div class="grd-col"> <a href="/1024" class="card" title="1024" data-index="01" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/1024/1024-m180x180.webp" 291 alt="1024" height="auto" width="auto" /></div></div> <span class="title">1024</span></a></div><div class="grd-col"> <a href="/merge-mosaics" class="card" title="Merge Mosaics" data-index="02" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/merge-mosaics/merge-mosaics-m180x180.webp" 292 alt="Merge Mosaics" height="auto" width="auto" /></div></div> <span class="title">Merge Mosaics</span></a></div><div class="grd-col"> <a href="/merge-blocks-2048" class="card" title="Merge Blocks 2048" data-index="03" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/merge-blocks-2048/merge-blocks-2048-m180x180.webp" 293 alt="Merge Blocks 2048" height="auto" width="auto" /></div></div> <span class="title">Merge Blocks 2048</span></a></div><div class="grd-col"> <a href="/2048-block-blast" class="card" title="2048 Block Blast" data-index="04" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-block-blast/2048-block-blast-m180x180.webp" 294 alt="2048 Block Blast" height="auto" width="auto" /></div></div> <span class="title">2048 Block Blast</span></a></div><div class="grd-col"> <a href="/2048-merge-blocks" class="card" title="2048 Merge Blocks" data-index="05" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-merge-blocks/2048-merge-blocks-m180x180.webp" 295 alt="2048 Merge Blocks" height="auto" width="auto" /></div></div> <span class="title">2048 Merge Blocks</span></a></div><div class="grd-col"> <a href="/inca-cubes-2048" class="card" title="Inca Cubes 2048" data-index="06" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-new" data-video=""><div class="img-sc"><img src="/cache/data/image/game/inca-cubes-2048/inca-cubes-2048-m180x180.webp" 296 alt="Inca Cubes 2048" height="auto" width="auto" /></div></div> <span class="title">Inca Cubes 2048</span></a></div><div class="grd-col"> <a href="/2048-emoji" class="card" title="2048 Emoji" data-index="07" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-emoji/2048-emoji1-m180x180.webp" 297 alt="2048 Emoji" height="auto" width="auto" /></div></div> <span class="title">2048 Emoji</span></a></div><div class="grd-col"> <a href="/merge-and-double" class="card" title="Merge and Double" data-index="08" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/merge-and-double/merge-and-double-m180x180.webp" 298 alt="Merge and Double" height="auto" width="auto" /></div></div> <span class="title">Merge and Double</span></a></div><div class="grd-col"> <a href="/merge-solitaire" class="card" title="Merge Solitaire" data-index="09" target=""><div class="card-img-wrapper aspect-ratio-1-1 " data-video=""><div class="img-sc"><img src="/cache/data/image/game/merge-solitaire/merge-solitaire-m180x180.webp" 299 alt="Merge Solitaire" height="auto" width="auto" /></div></div> <span class="title">Merge Solitaire</span></a></div><div class="grd-col"> <a href="/2048-8x8" class="card" title="2048 8x8" data-index="10" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-8x8/2048-8x81-m180x180.webp" 300 alt="2048 8x8" height="auto" width="auto" /></div></div> <span class="title">2048 8x8</span></a></div><div class="grd-col"> <a href="/2048-4x4" class="card" title="2048 4x4" data-index="11" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-4x4/2048-4x4-m180x180.webp" 301 alt="2048 4x4" height="auto" width="auto" /></div></div> <span class="title">2048 4x4</span></a></div><div class="grd-col"> <a href="/2048-3x3" class="card" title="2048 3x3" data-index="12" target=""><div class="card-img-wrapper aspect-ratio-1-1 tag tag-sm tag-hot" data-video=""><div class="img-sc"><img src="/cache/data/image/game/2048-3x3/2048-3x3-m180x180.webp" 302 alt="2048 3x3" height="auto" width="auto" /></div></div> <span class="title">2048 3x3</span></a></div></div></div></div><div class="section" id="CommentContainer"><div class="grd-main-box" style="padding: 0 20px 15px"><div class="box-comment mb16"><div class="header-comment flex-comment" xmlns="http://www.w3.org/1999/html"><div class="title-comment">Comment (0)</div><div class="sort"><a href="javascript:;"><span id="sort_text">Newest</span><svg class="icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z" /></svg></a><div class="list" id="sort_by"><a class="active" href="javascript:;" data-sort="newest"><span>Newest</span><svg class="icon-svg"><use xlink:href="/themes/2048/resources/images/icons/icon.svg#Checked"></use></svg></a><a href="javascript:;" data-sort="oldest"><span>Oldest</span><svg class="icon-svg"><use xlink:href="/themes/2048/resources/images/icons/icon.svg#Checked"></use></svg></a><a href="javascript:;" data-sort="popular"><span>Popular</span><svg class="icon-svg"><use xlink:href="/themes/2048/resources/images/icons/icon.svg#Checked"></use></svg></a></div></div></div><div id="comments_area"><div class="comment_loading"></div><div class="main-comnent scrollbar-inner" id="list_comment"><div class="empty-comment"><img src="/themes/2048/resources/images/icons/empty-comment.png" alt=""><div>Be the first to comment</div></div></div><div class="make-comment" style="margin-bottom:16px"><form id="comment_form" class="form-group" autocomplete="off"><div class="form-default box-area-input"><textarea class="form-control " id="comment_content" name="comment_content" 303 placeholder="Add comment"></textarea><div class="send-comment"><span href="#" class="send disabled" id="btn_submit"><svg class="icon-svg"><use xlink:href="/themes/2048/resources/images/icons/icon.svg?v=1#Send"></use></svg></span></div></div><div class="form-default"><div class="form-group"><input type="text" id="comment_author" name="comment_author" class="form-control" 304 placeholder="Name"></div><div class="form-group"><input type="email" class="form-control " id="comment_email" autocomplete="off" 305 name="comment_email" placeholder="Email"></div><label class="confir_res"><div class="text">I'd read and agree to the terms and conditions.</div><input type="checkbox" id="comment_confirm" name="comment_confirm"><span class="checkmark"></span></label>
305<input type="hidden" name="parent_id" id="parent_id" value="0" /><input name="submit" type="submit" class="submit btn-load-more btn-primary hidden" value="Comment" /><input type="button" onclick="reply_all(); 306 return false;" id="btn_cancel" class="submit btn-cancel hidden" 307 value="Cancel" /></div></form><div id="comment_errors"></div><div class="alert-icon arrow" id="alert-icon-loadmore"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z" /></svg></div></div>
307<script data-cfasync="false">window.addEventListener("DOMContentLoaded", (function() { 308 //reply_open(); 309 change_button(); 310 validate_form(); 311 })); 312 313 function change_button() { 314 $('#comment_confirm').change(function() { 315 if (this.checked) { 316 $("#btn_submit").removeClass("disabled"); 317 318 } else { 319 $("#btn_submit").addClass("disabled"); 320 } 321 322 }); 323 $("#btn_submit").click(function(event) { 324 if (!$("#btn_submit").hasClass('disabled')) { 325 $("#comment_form").submit(); 326 } 327 }); 328 } 329 330 /*function open_form() { 331 $(".box-comment").addClass("open-form"); 332 } 333 334 function close_form() { 335 $(".box-comment").removeClass("open-form"); 336 }*/ 337 338 function reply_open() { 339 if (game_config.not_allow_comment === "yes") return; 340 $(".replies__button").click(function(e) { 341 $(this).toggleClass("_active"); 342 $(this).closest(".item-comment").find(".sub-comment-container").toggleClass("active") 343 }) 344 345 } 346 347 function validate_form() { 348 $.getScript('/themes/2048/resources/js/jquery.validate.min.js', function() { 349 jQuery("#comment_form").validate({ 350 //set this to false if you don't what to set focus on the first invalid input 351 focusInvalid: false, 352 //by default validation will run on input keyup and focusout 353 //set this to false to validate on submit only onkeyup: false, 354 onfocusout: false, 355 //by default the error elements is a <label>errorElement: "div", 356 //place all errors in a <div id="errors"> element 357 errorPlacement: function(error, element) { 358 if (element.attr("name") == "comment_content" || element.attr("name") == "comment_author" || element.attr("name") == "comment_email") { 359 360 error.appendTo(element.parent()); 361 } 362 // console.log(element.name); 363 // error.appendTo("div#comment_errors"); 364 }, 365 ignore: ".ignore", 366 rules: { 367 "comment_content": { 368 required: true, 369 maxlength: 65525 370 }, 371 "comment_author": { 372 required: true, 373 maxlength: 200 374 }, 375 "comment_email": { 376 required: true, 377 email: true, 378 maxlength: 100 379 }, 380 "comment_confirm": { 381 required: true 382 } 383 }, 384 messages: {}, 385 submitHandler: function(form) { 386 $("#btn_submit").removeClass("disabled"); 387 jQuery(".comment_loading").show(); 388 console.log("submit"); 389 390 var question_ajax = "/make-comment.ajax"; 391 var content = jQuery("#comment_content").val(); 392 var author = jQuery("#comment_author").val(); 393 var email = jQuery("#comment_email").val(); 394 var website = jQuery("#comment_website").val(); 395 var parent_id = jQuery("#parent_id").val(); 396 var token = jQuery("#csrf-token").val(); 397 var metadataload = {}; 398 metadataload.content = content; 399 metadataload.author = author; 400 metadataload.email = email; 401 metadataload.website = website; 402 metadataload.token = token; 403 metadataload.parent_id = parent_id; 404 metadataload.related_id = parseInt("0"); 405 metadataload.related_url = "https://2048a.io/2048-5x5"; 406 407 408 jQuery.ajax({ 409 url: question_ajax, 410 data: metadataload, 411 type: 'POST', 412 success: function(data) { 413 jQuery(".comment_loading").hide(); 414 if (data != '') { 415 var result = jQuery.parseJSON(data); 416 $("#csrf-token").val(result.t); 417 if (result.result === true) { 418 var comment_data = result.comment; 419 var str_comment = ""; 420 if (comment_data.parent_id == 0) { 421 str_comment = "<div class='item-comment' id='comment_" + comment_data.id + "'><div class='user_status'><a class='avata_coment' href='#' title='" + comment_data.author + "'>" + comment_data.author.charAt(0).toUpperCase() + "</a><div class='sum-user'><span class='txt-name'>" + comment_data.author + "</span><span class='time-com'> Now</span></div></div><div class='content-comment'><p> " + comment_data.content + "</p></div></div>"; 422 if (comment_data.status == 'trash') { 423 str_comment += "<p class='text-center'><i>Your comment is awaiting moderation</i></p>"; 424 } 425 jQuery("#list_comment").prepend(str_comment); 426 427 } else { 428 str_comment = "<div class='item-comment' id='comment_" + comment_data.id + "'><div class='user_status'><a class='avata_coment' href='#' title='" + comment_data.author + "'>" + comment_data.author.charAt(0).toUpperCase() + "</a><div class='sum-user'><span class='txt-name'>" + comment_data.author + "</span><span class='time-com'> Now</span></div></div><div class='content-comment'><p> " + comment_data.content + "</p></div></div>"; 429 if (comment_data.status == 'trash') { 430 str_comment += "<p class='text-center'><i>
430Your comment is awaiting moderation</i></p>"; 431 } 432 433 if (jQuery("#comment_" + comment_data.parent_id).find(".sub-comment").length === 0) { 434 435 let str_subcomment = "<div class='sub-comment'>" + str_comment + "</div>"; 436 //console.log(str_subcomment) 437 jQuery("#comment_" + comment_data.parent_id).find(".content-comment").append(str_subcomment); 438 439 } else { 440 441 jQuery("#list_comment").find("#comment_" + comment_data.parent_id).find(".sub-comment").append(str_comment); 442 } 443 444 //jQuery("#comment_" + comment_data.parent_id).prependTo('#list_comment'); 445 jQuery("#comment_form").appendTo(".make-comment"); 446 jQuery("#comment_form").removeClass("commentBlock"); 447 jQuery(".reply_comment").addClass("hidden"); 448 449 reply_all(comment_data.parent_id); 450 } 451 // close_form(); 452 jQuery("#comment_count").html(parseInt(("0"))); 453 jQuery("html, body").animate({ 454 scrollTop: jQuery("#list_comment").offset().top 455 }, 1000); 456 jQuery("#comment_form").trigger("reset"); 457 458 } 459 } 460 } 461 }); 462 }, 463 464 }); 465 }); 466 }</script>
466<script data-cfasync="false">function reply_to(comment_id) { 467 if (game_config.not_allow_comment === "yes") return; 468 jQuery("#comment_form").addClass("commentBlock"); 469 jQuery("#btn_cancel").removeClass("hidden"); 470 jQuery("#comment_form").trigger("reset"); 471 jQuery("#parent_id").val(comment_id); 472 473 //jQuery(".btn_cancel").attr("onclick", "reply_all(" + comment_id + ")"); 474 //jQuery(".form-comments__header").hide(); 475 476 jQuery("#comment_form").appendTo("#comment_" + comment_id); 477 478 //open_form(); 479 480 // $(".reply_comment").removeClass('hidden'); 481 //$("#comment_" + comment_id).clone().attr("id", "").attr("class", "item-comment comment_" + comment_id).appendTo('.reply_comment'); 482 //$(".reply_comment").find(".item-comment .reply span").attr("onclick", "reply_all(" + comment_id + ")"); 483 //reply_open(); 484 } 485 486 function reply_all(id) { 487 if (game_config.not_allow_comment === "yes") return; 488 if (id !== null) { 489 $(".reply_comment").find(".comment_" + id).remove(); 490 } 491 jQuery("#comment_form").trigger("reset"); 492 jQuery("#parent_id").val("0"); 493 jQuery("#comment_form").appendTo(".make-comment"); 494 //jQuery("#comment_form").appendTo(".form-comments__form-wrap"); 495 jQuery("#btn_cancel").addClass("hidden"); 496 //jQuery(".form-comments__header").show(); 497 //$(".reply_comment").addClass('hidden'); 498 jQuery("#comment_form").removeClass("commentBlock"); 499 // jQuery(".btn_cancel").attr("onclick", "close_form()"); 500 //close_form(); 501 //reply_open(); 502 503 } 504 505 function comment_vote(comment_id, vote) { 506 if (game_config.not_allow_comment === "yes") 507 jQuery(".comment_vote_row_" + comment_id).prop('onclick', null).off('click'); 508 var token = jQuery("#csrf-token").val(); 509 var url = game_config.url_game; 510 var comment_comment_voteajax = "/comment-vote.ajax"; 511 var metadataload = {}; 512 metadataload.comment_id = comment_id; 513 metadataload.vote = vote; 514 metadataload.token = token; 515 metadataload.url = url; 516 jQuery.ajax({ 517 url: comment_comment_voteajax, 518 data: metadataload, 519 type: 'POST', 520 success: function(data) { 521 if (data != '') { 522 var result = jQuery.parseJSON(data); 523 if (result.result === true) { 524 $("#csrf-token").val(result.t); 525 var comment_obj = result.comment; 526 switch (vote) { 527 case "up": 528 jQuery("#comment_voteup_count_" + comment_id).html(comment_obj.like); 529 break; 530 case "down": 531 jQuery("#comment_votedown_count_" + comment_id).html(comment_obj.dislike); 532 break; 533 } 534 535 } 536 } 537 } 538 }); 539 } 540 541 function report_comment(comment_id) { 542 if (game_config.not_allow_comment === "yes") return; 543 jQuery("#report_comment_" + comment_id).css("fontSize", 0); 544 jQuery("#report_comment_" + comment_id).prop('onclick', null).off('click'); 545 }</script>
545<script data-cfasync="false">window.addEventListener("DOMContentLoaded", (function() { 546 $(document).on('click', '#btn_comments_area', function(event) { 547 jQuery("html, body").animate({ 548 scrollTop: jQuery("#comment_form").offset().top 549 }, 1000); 550 }); 551 // 552 $(document).on('click', '#load_more_comment', function(event) { 553 event.preventDefault(); 554 var page = jQuery(this).data("page"); 555 var limit = jQuery(this).data("limit"); 556 var sort = jQuery(this).data("sort"); 557 var url = jQuery(this).data("url"); 558 var token = jQuery("#csrf-token").val(); 559 $('#alert-icon-loadmore').fadeIn('slow', function() { 560 $(this).delay(3000).fadeOut('slow'); 561 }); 562 load_comment(page, limit, sort, url, '#list_comment', '', token); 563 }); 564 // 565 $(document).on('click', '#sort_by a', function(event) { 566 $("#sort_by a").removeClass('active'); 567 $(this).addClass('active'); 568 const sort = $(this).data('sort'); 569 load_comment(1, 10, "" + sort + "", "https://2048a.io/2048-5x5", "#list_comment", "f5", jQuery("#csrf-token").val()); 570 $("#sort_text").html(sort); 571 }); 572 //await game_vote_load(); 573 //load_comment(1,10, "newest", "https://2048a.io/2048-5x5", "#list_comment", "", jQuery("#csrf-token").val()); 574 575 576 })); 577 578 function load_comment(page, limit, sort, url, main_contain_id, refresh, token) { 579 // 580 581 jQuery("#load_more_comment").remove(); 582 jQuery(".comment-load-more").show(); 583 var mainposturl = "/comment-paging-v2.ajax"; 584 var metadataload = {}; 585 metadataload.page = page; 586 metadataload.limit = limit; 587 metadataload.sort = sort; 588 metadataload.token = token; 589 metadataload.url = url; 590 jQuery.ajax({ 591 url: mainposturl, 592 data: metadataload, 593 type: 'GET', 594 success: function(data) { 595 let returnData = JSON.parse(data) 596 $("#csrf-token").val(returnData.t); 597 jQuery(".comment-load-more").hide(); 598 if (refresh === 'f5') { 599 jQuery(main_contain_id).html(returnData.content); 600 } else { 601 jQuery(main_contain_id).append(returnData.content); 602 } 603 604 reply_open(); 605 if (game_config.not_allow_comment === "yes") { 606 $('.item-comment .count-option').hide(); 607 } 608 } 609 }); 610 }</script>
610</div></div><style>.box-comment { 611 --bg-button-cmt: var(--secondary-color); 612 --bg-button-cancel-cmt: #dddad4; 613 --color-button-cancel-cmt: #525151; 614 --text-cmt: var(--primary-color); 615 --bg-avatar-cmt: var(--secondary-color); 616 --text-avatar-cmt: #fff; 617 --bg-form-cmt: #fff; 618 --bg-cmt: var(--bg-category); 619 --border-color-input-cmt: #c2c2c2; 620 --shadow-form-cmt: 0 0 0.813rem #1d6eff; 621 --border-color-form-cmt: #1d6eff; 622 --border-comment: #838383 font-family: inherit; 623 box-sizing: border-box; 624 color: var(--text-cmt); 625 font-weight: 400; 626 background: var(--bg-form-cmt); 627 padding: 10px; 628 border: 1px solid var(--border-comment); 629 border-radius: var(--border-radius-common); 630 position: relative; 631 } 632 633 .mb16 { 634 margin-bottom: 16px !important; 635 } 636 637 .box-comment .header-comment { 638 -webkit-box-align: center; 639 -webkit-align-items: center; 640 -ms-flex-align: center; 641 align-items: center; 642 flex-flow: row wrap; 643 -webkit-box-pack: justify; 644 -webkit-justify-content: space-between; 645 -ms-flex-pack: justify; 646 justify-content: space-between; 647 padding: 8px 0; 648 border-bottom: 2px solid var(--border-common-color); 649 } 650 651 #comments_area { 652 padding: 16px 0px 0 0px; 653 } 654 655 .box-comment .header-comment .title-comment { 656 font-size: 20px; 657 font-weight: 700; 658 } 659 660 .box-comment .header-comment .sort { 661 position: relative; 662 display: inline-block; 663 font-size: 14px; 664 } 665 666 .box-comment .header-comment .sort>a { 667 color: var(--text-cmt); 668 font-weight: 500; 669 text-decoration: none; 670 display: flex; 671 align-items: center; 672 } 673 674 #sort_text { 675 text-transform: capitalize; 676 } 677 678 .box-comment .header-comment .sort>a svg { 679 width: 12px; 680 height: 12px; 681 margin-left: 4px; 682 } 683 684 svg:not(:root) { 685 overflow: hidden; 686 } 687 688 .count-option__left { 689 display: flex; 690 justify-content: flex-start; 691 align-items: center; 692 gap: 10px; 693 } 694 695 .empty-comment img { 696 max-width: 120px; 697 margin: 0 auto; 698 } 699 700 .box-comment .header-comment .sort .list { 701 position: absolute; 702 z-index: 1; 703 top: calc(100% + 20px); 704 right: 0; 705 background: var(--bg-form-cmt); 706 box-shadow: 8px 10px 20px rgb(0 0 0 / 18%); 707 border-radius: 4px; 708 padding: 5px 12px; 709 width: 100px; 710 opacity: 0; 711 visibility: hidden; 712 -webkit-transition-duration: 200ms; 713 transition-duration: 200ms; 714 -webkit-transition-property: opacity, top, visible; 715 transition-property: opacity, top, visible; 716 -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); 717 transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); 718 } 719 720 .box-comment .header-comment .sort .list a.active { 721 font-weight: 500; 722 } 723 724 .box-comment .header-comment .sort .list a { 725 color: var(--text-cmt); 726 display: block; 727 margin: 4px 0; 728 font-weight: 400; 729 text-decoration: none; 730 } 731 732 .box-comment .header-comment .sort .list a.active svg { 733 display: inline-block; 734 } 735 736 .box-comment .header-comment .sort .list a svg { 737 display: none; 738 width: 10px; 739 height: 10px; 740 margin-left: 4px; 741 } 742 743 .box-comment .main-comnent.scrollbar-inner { 744 padding-right: 10px; 745 margin-right: 0px; 746 max-height: 500px; 747 overflow-x: hidden; 748 overflow-y: scroll; 749 750 } 751 752 .box-comment .main-comnent { 753 margin-bottom: 30px; 754 } 755 756 .scroll-wrapper { 757 overflow: hidden !important; 758 padding: 0 !important; 759 position: relative; 760 -ms-overflow-style: none; 761 } 762 763 .scroll-wrapper>.scroll-content { 764 border: none !important; 765 box-sizing: content-box !important; 766 height: auto; 767 left: 0; 768 margin: 0; 769 max-height: none; 770 max-width: none !important; 771 overflow: scroll !important; 772 padding: 0; 773 position: relative !important; 774 top: 0; 775 width: auto !important; 776 } 777 778 .box-comment .item-comment { 779 margin-bottom: 15px; 780 padding: 12px; 781 background: var(--bg-cmt); 782 border-radius: 10px; 783 } 784 785 .box-comment .item-comment .sub-comment .item-comment { 786 background: 0; 787 padding: 12px; 788 margin: 0; 789 overflow: hidden; 790 } 791 792 .box-comment .item-comment .user_status { 793 display: -webkit-box; 794 display: -webkit-flex; 795 display: -ms-flexbox; 796 display: flex; 797 -webkit-box-align: center; 798 -webkit-align-items: center; 799 -ms-flex-align: center; 800 align-items: center; 801 margin-bottom: 5px;
802 gap: 12px; 803 } 804 805 .flex-comment { 806 display: -webkit-box; 807 display: -webkit-flex; 808 display: -ms-flexbox; 809 display: flex; 810 -webkit-flex-wrap: wrap; 811 -ms-flex-wrap: wrap; 812 flex-wrap: wrap; 813 } 814 815 .box-comment .item-comment .user_status .avata_coment { 816 background: var(--bg-avatar-cmt); 817 border-radius: 50%; 818 width: 32px; 819 height: 32px; 820 display: -webkit-box; 821 display: -webkit-flex; 822 display: -ms-flexbox; 823 display: flex; 824 -webkit-box-align: center; 825 -webkit-align-items: center; 826 -ms-flex-align: center; 827 align-items: center; 828 -webkit-box-pack: center; 829 -webkit-justify-content: center; 830 -ms-flex-pack: center; 831 justify-content: center; 832 font-size: 14px; 833 font-weight: bold; 834 text-decoration: none; 835 color: var(--text-avatar-cmt); 836 } 837 838 .box-comment .item-comment .user_status .sum-user { 839 color: var(--text-cmt); 840 font-size: 14px; 841 display: flex; 842 width: 100%; 843 line-height: normal; 844 flex: 1; 845 } 846 847 .box-comment .sub-comment-container { 848 849 display: -ms-grid; 850 display: grid; 851 -ms-grid-rows: 0fr; 852 grid-template-rows: 0fr; 853 -webkit-transition: grid-template-rows 0.3s; 854 transition: grid-template-rows 0.3s; 855 transition: grid-template-rows 0.3s, -ms-grid-rows 0.3s; 856 857 } 858 859 .box-comment .sub-comment { 860 overflow: hidden; 861 } 862 863 .box-comment .sub-comment-container.active { 864 grid-template-rows: 1fr; 865 border-radius: var(--border-radius-common); 866 margin-top: 12px; 867 border: 1px solid #ccc; 868 } 869 870 .item-comment .txt-name { 871 max-width: 100px; 872 font-weight: 500; 873 overflow: hidden; 874 width: 100%; 875 display: -webkit-box; 876 -webkit-line-clamp: 1; 877 -webkit-box-orient: vertical; 878 text-overflow: ellipsis; 879 } 880 881 .box-comment .item-comment .user_status .sum-user .time-com { 882 opacity: .8; 883 font-size: 12px; 884 margin-left: auto; 885 } 886 887 .box-comment .item-comment .content-comment p { 888 margin-bottom: 12px; 889 line-height: 1.4; 890 text-align: left; 891 word-break: break-word; 892 } 893 894 .box-comment .item-comment .content-comment p:last-child { 895 margin: 0; 896 } 897 898 .content-comment { 899 word-wrap: break-word; 900 margin-bottom: 8px; 901 font-weight: 500; 902 font-size: 14px; 903 } 904 905 .btn-load-more.hidden, 906 .btn-cancel.hidden { 907 display: none !important; 908 } 909 910 .box-comment .item-comment .count-option a { 911 display: flex; 912 justify-content: flex-start; 913 align-items: center; 914 text-decoration: none; 915 background: transparent; 916 border-radius: 6px; 917 transition: all .2s linear; 918 font-size: 14px; 919 color: var(--text-cmt); 920 } 921 922 .box-comment .item-comment .count-option a:last-child { 923 margin-right: 0; 924 } 925 926 .btn-load-more:not(:disabled):not(.disabled) { 927 cursor: pointer; 928 } 929 930 .form-control { 931 display: block; 932 width: 100%; 933 padding: 6px 12px; 934 font-size: 1rem; 935 line-height: 1.5; 936 color: var(--text-cmt); 937 background-clip: padding-box; 938 border-radius: 0.25rem; 939 transition: border-color .15s ease-in-out, box-shadow .15s 940 } 941 942 .confir_res input:checked~.checkmark:after { 943 display: block; 944 } 945 946 .confir_res .checkmark:after { 947 content: ""; 948 position: absolute; 949 display: none; 950 left: 6px; 951 top: 1px; 952 width: 5px; 953 height: 10px; 954 border: solid #000; 955 border-width: 0 2px 2px 0; 956 -webkit-transform: rotate(45deg); 957 -ms-transform: rotate(45deg); 958 transform: rotate(45deg); 959 } 960 961 .scrollbar-inner>.scroll-element.scroll-x { 962 bottom: 2px; 963 height: 6px; 964 left: 0; 965 width: 100%; 966 } 967 968 .scrollbar-inner::-webkit-scrollbar, 969 .reply_comment::-webkit-scrollbar { 970 width: 6px; 971 } 972 973 .scrollbar-inner::-webkit-scrollbar-thumb, 974 .reply_comment::-webkit-scrollbar-thumb { 975 border-radius: 10px; 976 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); 977 background-color: var(--bg-button-cmt); 978 } 979 980 .scrollbar-inner::-webkit-scrollbar-track, 981 .reply_comment::-webkit-scrollbar-track { 982 border-radius: 10px; 983 } 984 985 .scrollbar-inner>.scroll-element, 986 .scrollbar-inner>.scroll-element div { 987 border: none; 988 margin: 0; 989 padding: 0; 990 position: absolute; 991 z-index: 10; 992 } 993 994 .scroll-element, 995 .scroll-element div { 996 box-sizing: content-box; 997 } 998 999 .scroll-element { 1000 display: none; 1001 } 1002 1003 .scrollbar-inner>.scroll-element div { 1004 display: block; 1005 height: 100%; 1006 left: 0; 1007 top: 0; 1008 width: 100%; 1009 } 1010 1011 .scrollbar-inner>.scroll-element .scroll-element_outer { 1012 overflow: hidden; 1013 } 1014 1015 .scrollbar-inner>.scroll-element .scroll-element_outer, 1016 .scrollbar-inner>.scroll-element .scroll-element_track, 1017 .scrollbar-inner>.scroll-element .scroll-bar { 1018 border-radius: 6px; 1019 } 1020 1021 .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { 1022 left: -12px; 1023 } 1024 1025 .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { 1026 left: -12px; 1027 } 1028 1029 .scrollbar-inner>.scroll-element .scroll-element_track { 1030 background-color: unset; 1031 } 1032 1033 .scrollbar-inner>.scroll-element .scroll-element_track, 1034 .scrollbar-inner>.scroll-element .scroll-bar {
1035 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 1036 filter: alpha(opacity=40); 1037 opacity: 0.9; 1038 } 1039 1040 .scroll-element .scroll-bar, 1041 .scroll-element .scroll-arrow { 1042 cursor: default; 1043 } 1044 1045 .scrollbar-inner>.scroll-element.scroll-y { 1046 height: 100%; 1047 right: 2px; 1048 top: 0; 1049 width: 6px; 1050 } 1051 1052 .form-group { 1053 margin: 0; 1054 } 1055 1056 .box-comment .form-default { 1057 color: var(--text-cmt); 1058 } 1059 1060 .box-comment .box-area-input { 1061 position: relative; 1062 margin-bottom: 20px; 1063 } 1064 1065 .box-comment .box-area-input textarea { 1066 width: 100%; 1067 resize: none; 1068 color: var(--text-cmt); 1069 font-size: 12px; 1070 outline: 0; 1071 overflow: hidden; 1072 } 1073 1074 .form-default .form-control::placeholder { 1075 color: var(--text-cmt); 1076 } 1077 1078 .form-default .form-control:focus::placeholder { 1079 color: transparent; 1080 } 1081 1082 .form-default .form-control:focus, 1083 .form-default .form-control:active, 1084 .form-default .form-control:hover { 1085 outline: 0; 1086 box-shadow: none; 1087 border: 1px solid var(--secondary-color); 1088 box-shadow: rgb(9 30 66 / 15%) 0px 4px 8px, rgb(9 30 66 / 15%) 0px 0px 2px; 1089 } 1090 1091 .form-default .form-control:focus::-webkit-input-placeholder { 1092 color: transparent; 1093 } 1094 1095 .form-default .form-control:focus:-moz-placeholder { 1096 color: transparent; 1097 } 1098 1099 /* FF 4-18 */ 1100 .form-default .form-control:focus::-moz-placeholder { 1101 color: transparent; 1102 } 1103 1104 /* FF 19+ */ 1105 .form-default .form-control:focus:-ms-input-placeholder { 1106 color: transparent; 1107 } 1108 1109 /* IE 10+ */ 1110 .form-default textarea.form-control { 1111 resize: none; 1112 } 1113 1114 .form-default .form-control { 1115 background: var(--bg-cmt); 1116 } 1117 1118 .icon-svg { 1119 width: 16px; 1120 height: 16px; 1121 fill: currentColor; 1122 vertical-align: middle; 1123 } 1124 1125 .form-default .form-control { 1126 background: transparent; 1127 border-radius: 4px; 1128 font-size: 14px; 1129 color: var(--text-cmt); 1130 -webkit-transition-duration: 200ms; 1131 transition-duration: 200ms; 1132 -webkit-transition-property: all; 1133 transition-property: all; 1134 -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); 1135 transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); 1136 box-sizing: border-box; 1137 position: relative; 1138 height: fit-content; 1139 font-family: inherit; 1140 border: 1px solid #676a71; 1141 } 1142 1143 .item-comment .form-default .form-control { 1144 border: 1px solid var(--border-common-color); 1145 background: var(--text-field-bg); 1146 } 1147 1148 .form-control.error { 1149 border-color: red; 1150 } 1151 1152 .box-area-input { 1153 border-radius: 6px; 1154 } 1155 1156 .box-area-input .send-comment { 1157 position: absolute; 1158 right: 4px; 1159 top: 50%; 1160 transform: translateY(-50%); 1161 } 1162 1163 .box-comment .box-area-input .flex-comment {} 1164 1165 .box-comment .box-area-input .send-comment .send { 1166 background: #ff3814; 1167 border-radius: 6px; 1168 color: #fff; 1169 } 1170 1171 .box-comment .box-area-input .send-comment span { 1172 width: 28px; 1173 height: 28px; 1174 display: -webkit-box; 1175 display: -webkit-flex; 1176 display: -ms-flexbox; 1177 display: flex; 1178 -webkit-box-align: center; 1179 -webkit-align-items: center; 1180 -ms-flex-align: center; 1181 align-items: center; 1182 -webkit-box-pack: center; 1183 -webkit-justify-content: center; 1184 -ms-flex-pack: center; 1185 justify-content: center; 1186 color: var(--text-cmt); 1187 margin-left: 10px; 1188 cursor: pointer; 1189 } 1190 1191 .box-comment .box-area-input .send-comment span.disabled { 1192 background: grey !important; 1193 color: #fff; 1194 } 1195 1196 .box-comment .box-area-input .send-comment .send svg { 1197 width: 14px; 1198 height: 14px; 1199 } 1200 1201 .box-comment .form-default { 1202 color: #000; 1203 } 1204 1205 .form-default .form-group { 1206 position: relative; 1207 margin-bottom: 16px; 1208 } 1209 1210 input { 1211 outline: 0; 1212 } 1213 1214 .mb10 { 1215 margin-bottom: 10px !important; 1216 } 1217 1218 .txt_12 { 1219 font-size: 12px; 1220 } 1221 1222 a.link { 1223 color: #1977F3; 1224 } 1225 1226 .textLeft { 1227 text-align: left; 1228 } 1229 1230 .confir_res { 1231 padding-left: 26px; 1232 position: relative; 1233 cursor: pointer; 1234 display: block; 1235 margin-bottom: 0.5rem; 1236 text-align: left; 1237 } 1238 1239 .confir_res .text { 1240 color: var(--text-cmt); 1241 font-size: 14px; 1242 width: auto; 1243 } 1244 1245 .confir_res input { 1246 position: absolute; 1247 opacity: 0; 1248 cursor: pointer; 1249 visibility: hidden; 1250 } 1251 1252 input[type=checkbox], 1253 input[type=radio] { 1254 box-sizing: border-box; 1255 padding: 0; 1256 } 1257 1258 .confir_res .checkmark { 1259 position: absolute; 1260 top: 0px; 1261 left: 0; 1262 height: 18px; 1263 width: 18px;
1264 background: var(--bg-button-cmt); 1265 border: none; 1266 box-sizing: border-box; 1267 border-radius: 4px; 1268 } 1269 1270 .btn-primary { 1271 color: var(--text-cmt); 1272 background-color: var(--bg-button-cmt); 1273 border-color: var(--bg-button-cmt); 1274 } 1275 1276 .btn-cancel, 1277 .btn-load-more { 1278 display: inline-block; 1279 font-weight: 400; 1280 text-align: center; 1281 white-space: nowrap; 1282 vertical-align: middle; 1283 -webkit-user-select: none; 1284 -moz-user-select: none; 1285 -ms-user-select: none; 1286 user-select: none; 1287 border: 1px solid transparent; 1288 padding: 10px; 1289 font-size: 14px; 1290 line-height: 1.5; 1291 border-radius: 0.25rem; 1292 color: var(--text-avatar-cmt); 1293 box-sizing: border-box; 1294 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 1295 text-decoration: none; 1296 } 1297 1298 .btn-cancel { 1299 color: #fff; 1300 background-color: gray; 1301 } 1302 1303 1304 .empty-comment { 1305 text-align: center; 1306 } 1307 1308 .box-comment .header-comment .sort:hover .list { 1309 top: 100%; 1310 opacity: 1; 1311 visibility: visible; 1312 } 1313 1314 .make-comment { 1315 position: relative; 1316 padding: 0 0 5px; 1317 } 1318 1319 .alert-icon { 1320 position: absolute; 1321 top: -110px; 1322 left: 50%; 1323 transform: translateX(-50%); 1324 width: 24px; 1325 height: 24px; 1326 z-index: 100; 1327 display: none; 1328 } 1329 1330 .alert-icon svg { 1331 fill: currentColor; 1332 } 1333 1334 #comment_content-error, 1335 #comment_email-error, 1336 #comment_author-error { 1337 padding: 4px 8px; 1338 position: absolute; 1339 color: white; 1340 font-size: 12px; 1341 background-color: #ff0000; 1342 border-radius: 4px; 1343 height: fit-content; 1344 z-index: 100; 1345 top: -32px; 1346 left: 50%; 1347 transform: translateX(-50%); 1348 width: fit-content; 1349 } 1350 1351 #comment_content-error::after, 1352 #comment_email-error::after, 1353 #comment_author-error::after { 1354 content: ""; 1355 position: absolute; 1356 top: 100%; 1357 left: 50%; 1358 margin-left: -5px; 1359 border-width: 5px; 1360 border-style: solid; 1361 border-color: #dc5757 transparent transparent transparent; 1362 } 1363 1364 .arrow { 1365 animation: scroll 1s ease-in-out infinite; 1366 } 1367 1368 @keyframes scroll { 1369 1370 0%, 1371 100% { 1372 transform: translate(0, 0); 1373 } 1374 1375 50% { 1376 transform: translate(0, 10px); 1377 } 1378 } 1379 1380 /*.form-comments__header-inner { 1381 position: relative; 1382 z-index: 1; 1383 display: -ms-grid; 1384 display: grid; 1385 -ms-grid-columns: (1fr) [ 2 ]; 1386 grid-template-columns: repeat(2, 1fr); 1387 -webkit-box-align: center; 1388 -ms-flex-align: center; 1389 align-items: center; 1390 border-radius: 0.75rem; 1391 padding: 1.25rem; 1392 gap: 1.25rem; 1393 border: 1px solid #b9aaaa; 1394 -webkit-box-shadow: 0 0 0.813rem #1d6eff; 1395 box-shadow: 0 0 0.813rem #1d6eff; 1396 background-color: var(--text-cmt); 1397 }*/ 1398 .form-comments__header { 1399 position: absolute; 1400 z-index: 1; 1401 bottom: 12px; 1402 left: 1.5rem; 1403 right: 1.5rem; 1404 } 1405 1406 .form-comments__header-inner { 1407 position: relative; 1408 z-index: 1; 1409 display: flex; 1410 -webkit-box-align: center; 1411 -ms-flex-align: center; 1412 align-items: center; 1413 justify-content: center; 1414 border-radius: 0.75rem; 1415 } 1416 1417 .button-cmt { 1418 display: -webkit-inline-box; 1419 display: -ms-inline-flexbox; 1420 display: inline-flex; 1421 -ms-flex-wrap: wrap; 1422 flex-wrap: wrap; 1423 -webkit-box-align: center; 1424 -ms-flex-align: center; 1425 align-items: center; 1426 -webkit-box-pack: center; 1427 -ms-flex-pack: center; 1428 justify-content: center; 1429 -webkit-user-select: none; 1430 -moz-user-select: none; 1431 -ms-user-select: none; 1432 user-select: none; 1433 border: 0; 1434 text-align: center; 1435 font-family: inherit; 1436 } 1437 1438 .form-comments__button { 1439 font-size: 14px; 1440 height: 2.375rem; 1441 border: 1px solid #cccccc; 1442 -webkit-box-shadow: var(--shadow-form-cmt); 1443 box-shadow: var(--shadow-form-cmt); 1444 } 1445 1446 .form-comments__button:focus { 1447 outline: 0 1448 } 1449 1450 .button--blue { 1451 padding: 0.286em 2.286em; 1452 border-radius: 1.429em; 1453 color: var(--text-cmt); 1454 background-color: var(--bg-button-cmt); 1455 position: relative; 1456 z-index: 1; 1457 overflow: hidden; 1458 font-weight: 500; 1459 } 1460 1461 .button--gray { 1462 padding: 0.714em 2.286em; 1463 border-radius: 1.429em; 1464 color: var(--color-button-cancel-cmt); 1465 background-color: var(--bg-button-cancel-cmt); 1466 } 1467 1468 .form-comments__body { 1469 display: -ms-grid; 1470 display: grid; 1471 -ms-grid-rows: 0fr; 1472 grid-template-rows: 0fr; 1473 -webkit-transition: grid-template-rows 0.2s; 1474 transition: grid-template-rows 0.2s; 1475 transition: grid-template-rows 0.2s, -ms-grid-rows 0.2s; 1476 position: absolute; 1477 bottom: 12px; 1478 left: 0; 1479 right: 0; 1480 } 1481 1482 .form-comments__container { 1483 position: relative; 1484 z-index: 1; 1485 overflow: hidden; 1486 border: 1px solid transparent; 1487 border-radius: 0.75rem; 1488 } 1489 1490 .box-comment.open-form .form-comments__container { 1491 border: 1px solid var(--border-color-form-cmt); 1492 -webkit-box-shadow: var(--shadow-form-cmt); 1493 box-shadow: var(--shadow-form-cmt); 1494 } 1495 1496 .form-comments__form-wrap { 1497 padding: 1.25rem; 1498 background: var(--bg-form-cmt); 1499 border-radius: 0.75rem; 1500 } 1501 1502 .box-comment.open-form .form-comments__body { 1503 -ms-grid-rows: 1fr; 1504 grid-template-rows: 1fr; 1505 } 1506 1507 .form__buttons { 1508 display: -ms-grid; 1509 display: grid; 1510 -ms-grid-columns: (1fr) [ 2]; 1511 grid-template-columns: repeat(2, 1fr); 1512 -webkit-box-align: center; 1513 -ms-flex-align: center; 1514 align-items: center; 1515 gap: 0.75rem 1.25rem; 1516 margin-top: 1.5rem; 1517 } 1518 1519 .form__buttons .form__button.button-cmt { 1520 height: 2.375rem; 1521 padding: 0; 1522 } 1523 1524 .comment_blur { 1525 position: absolute; 1526 inset: 0; 1527 opacity: 0; 1528 pointer-events: none; 1529 background-color: rgba(32, 31, 31, 0.66); 1530 -webkit-transition: opacity 0.2s; 1531 transition: opacity 0.2s; 1532 border-radius: 1rem; 1533 } 1534 1535 .box-comment.open-form .comment_blur { 1536 opacity: 1;
1537 pointer-events: auto; 1538 } 1539 1540 .reply_comment { 1541 max-height: 250px; 1542 overflow-y: scroll; 1543 margin-bottom: 24px; 1544 } 1545 1546 .reply, 1547 .voteUp, 1548 .voteDown { 1549 color: inherit; 1550 border: 0; 1551 background: transparent; 1552 outline: 0; 1553 padding: 0; 1554 margin: 0; 1555 display: flex; 1556 gap: 2px; 1557 align-items: center; 1558 font-family: inherit; 1559 } 1560 1561 .voteUp { 1562 margin-left: auto; 1563 } 1564 1565 .reply:focus, 1566 .voteUp:focus, 1567 .voteDown:focus { 1568 border: 0; 1569 outline: 0; 1570 } 1571 1572 .button-replies { 1573 display: -webkit-box; 1574 display: -ms-flexbox; 1575 display: flex; 1576 -webkit-box-pack: start; 1577 -ms-flex-pack: start; 1578 justify-content: flex-start; 1579 -webkit-box-align: center; 1580 -ms-flex-align: center; 1581 align-items: center; 1582 gap: 0.5rem; 1583 margin: 0.625rem 0 0.375rem; 1584 color: var(--bg-button-cmt); 1585 font-size: 0.775rem; 1586 font-weight: 700; 1587 -webkit-transition: color 0.2s; 1588 transition: color 0.2s; 1589 background: transparent; 1590 width: inherit; 1591 height: inherit; 1592 border: 0; 1593 } 1594 1595 .button-replies:focus { 1596 border: 0; 1597 outline: 0; 1598 } 1599 1600 .button-replies__icon { 1601 -webkit-box-flex: 0; 1602 -ms-flex: 0 0 1.25rem; 1603 flex: 0 0 1.25rem; 1604 width: 1.25rem; 1605 height: 1.25rem; 1606 -webkit-transition: -webkit-transform 0.2s; 1607 transition: -webkit-transform 0.2s; 1608 transition: transform 0.2s; 1609 transition: transform 0.2s, -webkit-transform 0.2s; 1610 } 1611 1612 .replies__button._active .button-replies__icon { 1613 -webkit-transform: rotate(-180deg); 1614 -ms-transform: rotate(-180deg); 1615 transform: rotate(-180deg); 1616 }</style> </div></div></div></div></div></section><input type="hidden" id="game_id" value="56"><input type="hidden" id="game_slug" value="2048-5x5">
1616<script>let game_id = document.getElementById("game_id").value; 1617 let game_slug = document.getElementById("game_slug").value; 1618 let http = new XMLHttpRequest(); 1619 let url = '/game-tracking-views.ajax'; 1620 let params = '?game_id=' + game_id + '&game_slug=' + game_slug; 1621 http.open('GET', url + params, true); 1622 1623 http.onreadystatechange = function() { //Call a function when the state changes. 1624 if (http.readyState == 4 && http.status == 200) {} 1625 } 1626 http.send(params);</script>
1626<script type="text/javascript">window.addEventListener("DOMContentLoaded", function() { 1627 insert_follow("2048-5x5", "2048 5x5", "/cache/data/image/game/2048-5x5/2048-5x51-m200x200.webp", "https://2048a.io/2048-5x5", "IFRAME_HTML"); 1628 }); 1629 1630 function insert_follow(slug_, name, image, url) { 1631 const max_recents_saved = 12; 1632 if (readFromLocalStorage('last_played')) { 1633 let followed = readFromLocalStorage("last_played"); 1634 jQuery.each(followed, function(key, value) { 1635 if (value) { 1636 if (value.slug === slug_ && key > -1) { 1637 1638 followed.splice(key, 1); 1639 } 1640 } 1641 }); 1642 followed.push({ 1643 "slug": slug_, 1644 "name": name, 1645 "image": image, 1646 "url": url, 1647 1648 }); 1649 if (followed.length > max_recents_saved) { 1650 followed.shift(); 1651 } 1652 saveToLocalStorage('last_played', JSON.stringify(followed)); 1653 } else { 1654 var data = []; 1655 data.push({ 1656 "slug": slug_, 1657 "name": name, 1658 "image": image, 1659 "url": url, 1660 1661 }); 1662 saveToLocalStorage('last_played', JSON.stringify(data)); 1663 } 1664 }</script>
1664<footer class="footer"><div class="container"><ul class="ft-menu-sc"><li><a href="/about-us">About Us</a></li><li><a href="/contact-us">Contact Us</a></li><li><a href="/dmca">DMCA</a></li><li><a href="/privacy-policy">Privacy Policy</a></li><li><a href="/terms-of-service">Terms of Service</a></li></ul></div></footer><div class="load-page"><div class="loading"><div class="loader"></div></div></div></div><button id="back_top" class="btn_up hidden"><span class="svg-icon icon" aria-hidden="true"><svg class="svg-icon__link"><use xlink:href="#icon-keyboard_arrow_up"></use></svg></span></button></div><svg class="main-svg-sprite main-svg-sprite--icons" xmlns="http://www.w3.org/2000/svg" style="display: none;" 1665 xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="icon-stars" viewBox="0 0 32 32"><path d="M22.714 9.238l-1.214-3.238-1.214 3.238-2.286 0.762 2.286 0.762 1.214 3.238 1.214-3.238 2.286-0.762-2.286-0.762zM20.714 21.238l-1.214-3.238-1.214 3.238-2.286 0.762 2.286 0.762 1.214 3.238 1.214-3.238 2.286-0.762-2.286-0.762zM13.459 13.486l-1.959-5.487-1.959 5.487-4.541 1.514 4.541 1.514 1.959 5.486 1.959-5.486 4.541-1.514-4.541-1.514z"></path></symbol><symbol id="icon-play3" viewBox="0 0 32 32"><path d="M6 4l20 12-20 12z"></path></symbol><symbol id="icon-stack" viewBox="0 0 32 32"><path d="M32 10l-16-8-16 8 16 8 16-8zM16 4.655l10.689 5.345-10.689 5.345-10.689-5.345 10.689-5.345zM28.795 14.398l3.205 1.602-16 8-16-8 3.205-1.602 12.795 6.398zM28.795 20.398l3.205 1.602-16 8-16-8 3.205-1.602 12.795 6.398z"></path></symbol><symbol id="icon-filter" viewBox="0 0 20 20"><path d="M12 12l8-8v-4h-20v4l8 8v8l4-4v-4z"></path></symbol><symbol id="icon-shuffle" viewBox="0 0 32 32"><path d="M24 22h-3.172l-5-5 5-5h3.172v5l7-7-7-7v5h-4c-0.53 0-1.039 0.211-1.414 0.586l-5.586 5.586-5.586-5.586c-0.375-0.375-0.884-0.586-1.414-0.586h-6v4h5.172l5 5-5 5h-5.172v4h6c0.53 0 1.039-0.211 1.414-0.586l5.586-5.586 5.586 5.586c0.375 0.375 0.884 0.586 1.414 0.586h4v5l7-7-7-7v5z"></path></symbol><symbol id="icon-menu-bar" viewBox="0 0 24 24"><path d="M19 4C19.5523 4 20 3.55229 20 3C20 2.44772 19.5523 2 19 2L3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4L19 4ZM20.47 7.95628L15.3568 11.152C14.7301 11.5437 14.7301 12.4564 15.3568 12.848L20.47 16.0438C21.136 16.4601 22 15.9812 22 15.1958V8.80427C22 8.01884 21.136 7.54 20.47 7.95628ZM11 13C11.5523 13 12 12.5523 12 12C12 11.4477 11.5523 11 11 11L3 11C2.44771 11 2 11.4477 2 12C2 12.5523 2.44771 13 3 13L11 13ZM20 21C20 21.5523 19.5523 22 19 22L3 22C2.44771 22 2 21.5523 2 21C2 20.4477 2.44771 20 3 20L19 20C19.5523 20 20 20.4477 20 21Z"></path></symbol><symbol id="icon-info" viewBox="0 0 32 32"><path d="M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"></path><path d="M20 24h-8v-2h2v-6h-2v-2h6v8h2z"></path><path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"></path></symbol><symbol id="icon-cancel" viewBox="0 0 32 32"><path d="M19.587 16.001l6.096 6.096c0.396 0.396 0.396 1.039 0 1.435l-2.151 2.151c-0.396 0.396-1.038 0.396-1.435 0l-6.097-6.096-6.097 6.096c-0.396 0.396-1.038 0.396-1.434 0l-2.152-2.151c-0.396-0.396-0.396-1.038 0-1.435l6.097-6.096-6.097-6.097c-0.396-0.396-0.396-1.039 0-1.435l2.153-2.151c0.396-0.396 1.038-0.396 1.434 0l6.096 6.097 6.097-6.097c0.396-0.396 1.038-0.396 1.435 0l2.151 2.152c0.396 0.396 0.396 1.038 0 1.435l-6.096 6.096z"></path></symbol><symbol id="icon-bars" viewBox="0 0 24 28"><path d="M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z"></path></symbol><symbol id="icon-star-full" overflow="visible" viewBox="0 0 32 32"><path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path></symbol><symbol id="icon-chevron-right" viewBox="0 0 19 28"><path d="M17.297 13.703l-11.594 11.594c-0.391 0.391-1.016 0.391-1.406 0l-2.594-2.594c-0.391-0.391-0.391-1.016 0-1.406l8.297-8.297-8.297-8.297c-0.391-0.391-0.391-1.016 0-1.406l2.594-2.594c0.391-0.391 1.016-0.391 1.406 0l11.594 11.594c0.391 0.391 0.391 1.016 0 1.406z"></path></symbol><symbol id="icon-chevron-left" viewBox="0 0 21 28"><path d="M18.297 4.703l-8.297 8.297 8.297 8.297c0.391 0.391 0.391 1.016 0 1.406l-2.594 2.594c-0.391 0.391-1.016 0.391-1.406 0l-11.594-11.594c-0.391-0.391-0.391-1.016 0-1.406l11.594-11.594c0.391-0.391 1.016-0.391 1.406 0l2.594 2.594c0.391 0.391 0.391 1.016 0 1.406z"></path></symbol><symbol id="icon-arrow-left" viewBox="0 0 452 452"><path d="M106.406 203.554L300.693 9.2735C313.052 -3.0915 333.09 -3.09149 345.443 9.27351C357.797 21.6275 357.797 41.6645 345.443 54.0175L173.529 225.926L345.438 397.829C357.792 410.188 357.792 430.224 345.438 442.578C333.084 454.937 313.047 454.936 300.688 442.577L106.401 248.293C100.224 242.113 97.1385 234.022 97.
16651385 225.927C97.1386 217.828 100.23 209.731 106.406 203.554Z" /></symbol><symbol id="icon-arrow-right" viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z" /></symbol><symbol id="icon-menu" overflow="visible" viewBox="0 0 45 36"><path d="M2.528 13.472v0h35.392q1.056 0 1.792 0.736t0.736 1.792q0 1.024-0.736 1.792-0.736 0.736-1.792 0.736v0h-35.392q-1.056 0-1.792-0.736-0.736-0.768-0.736-1.792 0-1.056 0.736-1.792t1.792-0.736zM2.528 26.944v0h35.392q0.672 0 1.28 0.32t0.96 0.928q0.352 0.576 0.352 1.28 0 0.672-0.352 1.28-0.352 0.576-0.96 0.928-0.608 0.32-1.28 0.32v0h-35.392q-1.024-0.032-1.76-0.768-0.704-0.736-0.704-1.76t0.704-1.76q0.736-0.736 1.76-0.768zM2.528 0v0h35.392q1.024 0.032 1.728 0.768 0.736 0.736 0.736 1.76t-0.736 1.76q-0.704 0.736-1.728 0.768v0h-35.392q-1.024-0.032-1.76-0.768-0.704-0.736-0.704-1.76t0.704-1.76q0.736-0.736 1.76-0.768z"></path></symbol><symbol id="icon-close" viewBox="0 0 32 32"><path d="M0.544 0.544v0q-0.32 0.32-0.416 0.576-0.096 0.224-0.096 0.704v0 0.768l13.312 13.408-6.208 6.272q-2.528 2.528-4.544 4.576v0q-1.952 1.984-2.144 2.208v0q-0.48 0.608-0.448 1.216 0.032 0.64 0.576 1.152 0.512 0.544 1.152 0.576 0.608 0.032 1.216-0.448v0q0.224-0.192 2.208-2.144v0q2.048-2.016 4.576-4.544v0l6.272-6.24 6.272 6.24q2.528 2.528 4.608 4.544v0q1.984 1.952 2.208 2.144v0q0.608 0.48 1.216 0.448 0.64-0.032 1.152-0.576 0.544-0.512 0.544-1.152 0.032-0.608-0.448-1.216v0q-0.384-0.48-6.656-6.816v0l-6.24-6.24 6.24-6.272q2.528-2.528 4.544-4.608v0q1.952-1.984 2.112-2.208v0q0.544-0.64 0.448-1.408-0.128-0.768-0.8-1.28v0q-0.096-0.096-0.416-0.16-0.288-0.064-0.608-0.064v0h-0.8l-13.376 13.344-13.376-13.344h-0.768q-0.544 0-0.768 0.096t-0.544 0.448z"></path></symbol><symbol id="icon-keyboard_arrow_down" viewBox="0 0 24 24"><path d="M7.406 8.578l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z"></path></symbol><symbol id="icon-keyboard_arrow_up" viewBox="0 0 24 24"><path d="M7.406 15.422l-1.406-1.406 6-6 6 6-1.406 1.406-4.594-4.594z"></path></symbol><symbol id="icon-angle-left" viewBox="0 0 11 28"><path d="M9.797 8.5c0 0.125-0.063 0.266-0.156 0.359l-6.141 6.141 6.141 6.141c0.094 0.094 0.156 0.234 0.156 0.359s-0.063 0.266-0.156 0.359l-0.781 0.781c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.
1665063-0.266 0.156-0.359l7.281-7.281c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l0.781 0.781c0.094 0.094 0.156 0.219 0.156 0.359z"></path></symbol><symbol id="icon-angle-right" viewBox="0 0 9 28"><path d="M9.297 15c0 0.125-0.063 0.266-0.156 0.359l-7.281 7.281c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359 0-0.125 0.063-0.266 0.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l0.781-0.781c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l7.281 7.281c0.094 0.094 0.156 0.234 0.156 0.359z"></path></symbol><symbol id="icon-shares" viewBox="0 0 24 24"><path d="M 18 2 C 16.35499 2 15 3.3549904 15 5 C 15 5.1909529 15.021791 5.3771224 15.056641 5.5585938 L 7.921875 9.7207031 C 7.3985399 9.2778539 6.7320771 9 6 9 C 4.3549904 9 3 10.35499 3 12 C 3 13.64501 4.3549904 15 6 15 C 6.7320771 15 7.3985399 14.722146 7.921875 14.279297 L 15.056641 18.439453 C 15.021555 18.621514 15 18.808386 15 19 C 15 20.64501 16.35499 22 18 22 C 19.64501 22 21 20.64501 21 19 C 21 17.35499 19.64501 16 18 16 C 17.26748 16 16.601593 16.279328 16.078125 16.722656 L 8.9433594 12.558594 C 8.9782095 12.377122 9 12.190953 9 12 C 9 11.809047 8.9782095 11.622878 8.9433594 11.441406 L 16.078125 7.2792969 C 16.60146 7.7221461 17.267923 8 18 8 C 19.64501 8 21 6.6450096 21 5 C 21 3.3549904 19.64501 2 18 2 z M 18 4 C 18.564129 4 19 4.4358706 19 5 C 19 5.5641294 18.564129 6 18 6 C 17.435871 6 17 5.5641294 17 5 C 17 4.4358706 17.435871 4 18 4 z M 6 11 C 6.5641294 11 7 11.435871 7 12 C 7 12.564129 6.5641294 13 6 13 C 5.4358706 13 5 12.564129 5 12 C 5 11.435871 5.4358706 11 6 11 z M 18 18 C 18.564129 18 19 18.435871 19 19 C 19 19.564129 18.564129 20 18 20 C 17.435871 20 17 19.564129 17 19 C 17 18.435871 17.435871 18 18 18 z" /></symbol><symbol id="icon-search" viewBox="0 0 20 20"><path d="M12.9 14.32c-1.34 1.049-3.050 1.682-4.908 1.682-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.858-0.633 3.567-1.695 4.925l0.013-0.018 5.35 5.33-1.42 1.42-5.33-5.34zM8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6v0c-3.314 0-6 2.686-6 6s2.686 6 6 6v0z"></path></symbol><symbol id="icon-heart" viewBox="0 0 28 28"><path d="M14 26c-0.25 0-0.5-0.094-0.688-0.281l-9.75-9.406c-0.125-0.109-3.563-3.25-3.563-7 0-4.578 2.797-7.313 7.469-7.313 2.734 0 5.297 2.156 6.531 3.375 1.234-1.219 3.797-3.375 6.531-3.375 4.672 0 7.469 2.734 7.469 7.313 0 3.75-3.437 6.891-3.578 7.031l-9.734 9.375c-0.187 0.187-0.438 0.281-0.688 0.281z"></path></symbol><symbol id="icon-thumbs-down" viewBox="0 0 24 28"><path d="M4 7c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM22 16c0-0.578-0.438-1.984-1.172-2 0.328-0.375 0.547-1.109 0.547-1.609 0-0.734-0.297-1.359-0.828-1.859 0.187-0.328 0.281-0.703 0.281-1.078 0-0.719-0.359-1.609-1.016-1.969 0.047-0.281 0.078-0.578 0.078-0.875 0-1.828-1.156-2.609-2.891-2.609h-2c-1.844 0-3.625 0.547-5.344 1.141-0.844 0.297-2.281 0.859-3.156 0.859h-0.5v10h0.5c1.234 0 3.094 2.672 3.797 3.578 0.391 0.484 0.766 0.969 1.203 1.422 1.516 1.594 1 3.984 2 5 2.141 0 2.5-1.172 2.5-3 0-1.844-1.5-3.172-1.5-5h5.5c1.047 0 2-0.938 2-2zM24 16.016c0 2.156-1.844 3.984-4 3.984h-2.75c0.469 0.969 0.75 1.906 0.75 3 0 1.031-0.063 1.969-0.547 2.906-0.766 1.516-2.328 2.094-3.953 2.094-0.531 0-1.031-0.219-1.406-0.578-1.563-1.531-1.078-4-2-5.016-0.594-0.625-1.141-1.297-1.672-1.984-0.469-0.609-1.531-2.016-2.141-2.422h-4.281c-1.109 0-2-0.891-2-2v-10c0-1.109 0.891-2 2-2h4.5c0.438 0 1.703-0.469 2.156-0.625 2.25-0.781 4.203-1.375 6.609-1.375h1.75c2.844 0 4.891 1.687 4.875 4.609v0.078c0.609 0.781 0.938 1.781 0.938 2.781 0 0.219-0.016 0.453-0.047 0.672 0.391 0.688 0.594 1.469 0.594 2.25 0 0.359-0.047 0.734-0.141 1.078 0.5 0.75 0.766 1.641 0.766 2.547z"></path></symbol><symbol id="icon-thumbs-up" viewBox="0 0 24 28"><path d="M4 21c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM22 12c0-1.062-0.953-2-2-2h-5.5c0-1.828 1.5-3.156 1.5-5 0-1.828-0.359-3-2.5-3-1 1.016-0.484 3.406-2 5-0.438 0.453-0.812 0.938-1.203 1.422-0.703 0.906-2.562 3.578-3.797 3.578h-0.5v10h0.5c0.875 0 2.312 0.562 3.156 0.859 1.719
16650.594 3.5 1.141 5.344 1.141h1.891c1.766 0 3-0.703 3-2.609 0-0.297-0.031-0.594-0.078-0.875 0.656-0.359 1.016-1.25 1.016-1.969 0-0.375-0.094-0.75-0.281-1.078 0.531-0.5 0.828-1.125 0.828-1.859 0-0.5-0.219-1.234-0.547-1.609 0.734-0.016 1.172-1.422 1.172-2zM24 11.984c0 0.906-0.266 1.797-0.766 2.547 0.094 0.344 0.141 0.719 0.141 1.078 0 0.781-0.203 1.563-0.594 2.25 0.031 0.219 0.047 0.453 0.047 0.672 0 1-0.328 2-0.938 2.781 0.031 2.953-1.984 4.688-4.875 4.688h-2.016c-2.219 0-4.281-0.656-6.344-1.375-0.453-0.156-1.719-0.625-2.156-0.625h-4.5c-1.109 0-2-0.891-2-2v-10c0-1.109 0.891-2 2-2h4.281c0.609-0.406 1.672-1.813 2.141-2.422 0.531-0.688 1.078-1.359 1.672-2 0.938-1 0.438-3.469 2-5 0.375-0.359 0.875-0.578 1.406-0.578 1.625 0 3.187 0.578 3.953 2.094 0.484 0.953 0.547 1.859 0.547 2.906 0 1.094-0.281 2.031-0.75 3h2.75c2.156 0 4 1.828 4 3.984z"></path></symbol><symbol id="icon-flag" viewBox="0 0 24 24"><path d="M5 13.397v-9.859c0.44-0.218 1.365-0.538 3-0.538 1.281 0 2.361 0.421 3.629 0.928 1.232 0.493 2.652 1.072 4.371 1.072 1.298 0 2.278-0.175 3-0.397v9.859c-0.44 0.218-1.365 0.538-3 0.538-1.281 0-2.361-0.421-3.629-0.928-1.232-0.493-2.652-1.072-4.371-1.072-1.298 0-2.278 0.175-3 0.397zM5 22v-6.462c0.44-0.218 1.365-0.538 3-0.538 1.281 0 2.361 0.421 3.629 0.928 1.232 0.493 2.652 1.072 4.371 1.072 3.247 0 4.507-1.093 4.707-1.293 0.195-0.195 0.293-0.451 0.293-0.707v-12c0-0.552-0.448-1-1-1-0.265 0-0.506 0.103-0.685 0.272-0.096 0.078-0.984 0.728-3.315 0.728-1.281 0-2.361-0.421-3.629-0.928-1.232-0.493-2.652-1.072-4.371-1.072-3.247 0-4.507 1.093-4.707 1.293-0.195 0.195-0.293 0.451-0.293 0.707v19c0 0.552 0.448 1 1 1s1-0.448 1-1z"></path></symbol><symbol id="icon-control" viewBox="0 0 32 32"><path d="m27 10.9658203h-3.1972656c-.765625 0-1.4941406.2880859-2.0512695.8105469l-2.1723633 2.0341797c-.6030274.5654297-.9487305 1.3632812-.9487305 2.1894531s.3457031 1.6240234.9492188 2.1894531l2.171875 2.0341797c.5571289.5224609 1.2856445.8105469 2.0512695.8105469h3.1972656c1.6542969 0 3-1.3457031 3-3v-4.0683594c0-1.6542969-1.3457031-3-3-3zm1 7.0683594c0 .5517578-.4487305 1-1 1h-3.1972656c-.2553711 0-.4980469-.0957031-.6835938-.2695312l-2.171875-2.0341797c-.2045898-.1914063-.3168945-.4511719-.3168945-.7304688s.1123047-.5390625.3164062-.7304688l2.1723633-2.0341797h.0004883c.1850586-.1738281.4277344-.2695312.6831055-.2695312h3.1972656c.5512695 0 1 .4482422 1 1z" /><path d="m5 21.0341797h3.1972656c.7651367 0 1.4936523-.2880859 2.0512695-.8105469l2.1723633-2.0341797c.6030274-.5654297.9487305-1.3632812.9487305-2.1894531s-.3457031-1.6240234-.9492188-2.1894531l-2.171875-2.0341797c-.5576172-.5224609-1.2861328-.8105469-2.0512695-.8105469h-3.1972656c-1.6542969 0-3 1.3457031-3 3v4.0683594c0 1.6542969 1.3457031 3 3 3zm-1-7.0683594c0-.5517578.4487305-1 1-1h3.1972656c.2553711 0 .4980469.0957031.684082.2695312l2.1713867 2.0341797c.2045899.1914063.3168946.4511719.3168946.7304688s-.1123047.5390625-.3164062.7304688l-2.171875 2.0341797c-.1860352.1738281-.4287109.2695312-.684082.2695312h-3.1972657c-.5512695 0-1-.4482422-1-1z" /><path d="m17.8725586 18.9208984c-1.1025391-.8808594-2.6425781-.8808594-3.7451172 0 0 0 0 0-.0004883 0l-2.034668 1.6259766c-.7163086.5732422-1.1269531 1.4267578-1.1269531 2.34375v4.109375c0 1.6542969 1.3457031 3 3 3h4.0693359c1.6542969 0 3-1.3457031 3-3v-4.109375c0-.9169922-.4106445-1.7705078-1.1269531-2.34375zm1.1621094 8.0791016c0 .5517578-.4487305 1-1 1h-4.069336c-.5512695 0-1-.4482422-1-1v-4.109375c0-.3056641.137207-.5908203.3759766-.78125l2.034668-1.6259766c.3671875-.2929688.8808594-.2929688 1.2480469 0l2.034668 1.6259766c.2387695.1904297.3759766.4755859.3759766.78125v4.109375z" /><path d="m21.034668 9.109375v-4.109375c0-1.6542969-1.3457031-3-3-3h-4.069336c-1.6542969 0-3 1.3457031-3 3v4.109375c0 .9169922.4106445 1.7705078 1.1269531 2.34375l2.0351562 1.6259766c.5512696.4404296 1.2119142.6601562 1.8725587.6601562s1.3212891-.2197266 1.8730469-.6601562l2.034668-1.6259766c.7163085-.5732422 1.1269531-1.4267578 1.1269531-2.34375zm-2 0c0 .3056641-.137207.5908203-.3759766.78125l-2.0341797 1.6259766c-.3681641.2929688-.8813477.2929688-1.2485352 0l-2.034668-1.6259766c-.2387695-.1904297-.3759766-.4755859-.3759766-.78125v-4.109375c0-.5517578.4487305-1 1-1h4.0693359c.5512695 0 1 .4482422 1 1v4.109375z" /></symbol><symbol id="icon-fullscreen" viewBox="0 0 24 24">
1665<path d="M4 1.5C2.61929 1.5 1.5 2.61929 1.5 4V8.5C1.5 9.05228 1.94772 9.5 2.5 9.5H3.5C4.05228 9.5 4.5 9.05228 4.5 8.5V4.5H8.5C9.05228 4.5 9.5 4.05228 9.5 3.5V2.5C9.5 1.94772 9.05228 1.5 8.5 1.5H4Z" /><path d="M20 1.5C21.3807 1.5 22.5 2.61929 22.5 4V8.5C22.5 9.05228 22.0523 9.5 21.5 9.5H20.5C19.9477 9.5 19.5 9.05228 19.5 8.5V4.5H15.5C14.9477 4.5 14.5 4.05228 14.5 3.5V2.5C14.5 1.94772 14.9477 1.5 15.5 1.5H20Z" /><path d="M20 22.5C21.3807 22.5 22.5 21.3807 22.5 20V15.5C22.5 14.9477 22.0523 14.5 21.5 14.5H20.5C19.9477 14.5 19.5 14.9477 19.5 15.5V19.5H15.5C14.9477 19.5 14.5 19.9477 14.5 20.5V21.5C14.5 22.0523 14.9477 22.5 15.5 22.5H20Z" /><path d="M1.5 20C1.5 21.3807 2.61929 22.5 4 22.5H8.5C9.05228 22.5 9.5 22.0523 9.5 21.5V20.5C9.5 19.9477 9.05228 19.5 8.5 19.5H4.5V15.5C4.5 14.9477 4.05228 14.5 3.5 14.5H2.5C1.94772 14.5 1.5 14.9477 1.5 15.5V20Z" /></symbol><symbol id="icon-shrink" viewBox="0 0 32 32"><path d="M10,10H3v2h7a2,2,0,0,0,2-2V3H10Z" /><path d="M22,10V3H20v7a2,2,0,0,0,2,2h7V10Z" /><path d="M20,22v7h2V22h7V20H22A2,2,0,0,0,20,22Z" /><path d="M10,20H3v2h7v7h2V22A2,2,0,0,0,10,20Z" /></symbol><symbol id="icon-home1" viewBox="0 0 24 24"><path d="M9.984 20.016h-4.969v-8.016h-3l9.984-9 9.984 9h-3v8.016h-4.969v-6h-4.031v6z"></path></symbol><symbol id="icon-tag" viewBox="0 0 24 28"><path d="M7 7c0-1.109-0.891-2-2-2s-2 0.891-2 2 0.891 2 2 2 2-0.891 2-2zM23.672 16c0 0.531-0.219 1.047-0.578 1.406l-7.672 7.688c-0.375 0.359-0.891 0.578-1.422 0.578s-1.047-0.219-1.406-0.578l-11.172-11.188c-0.797-0.781-1.422-2.297-1.422-3.406v-6.5c0-1.094 0.906-2 2-2h6.5c1.109 0 2.625 0.625 3.422 1.422l11.172 11.156c0.359 0.375 0.578 0.891 0.578 1.422z"></path></symbol></svg><div class="blur_dialog" id="modalShare"><div class="popup-heading"><div class="icon_contact"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 1666 xlink:href="#icon-shares"></use></svg></span></div><div class="title_contact">SHARE WITH YOUR FRIENDS <br> <strong>2048 5x5</strong></div><span class="close_contact closeModalBtn"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 1667 xlink:href="#icon-close"></use></svg></span></span></div><div class="popup-content"><div class="popup-link_share"><input readonly class="popup-link-share--url" id="share_link_input" value="https://2048a.io/2048-5x5"><div class="popup-link-share--copy" onclick="copyToClipboard('#share_link_input',this)">Copy link</div></div></div></div><div class="contact-popup" id="contact-popup"><div class="popup-heading"><div class="icon_contact"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 1668 xlink:href="#icon-flag"></use></svg></span></div><div class="title_contact">WHAT ISSUE DID YOU FIND IN </br> <strong>2048 5x5</strong></div><span class="close_contact" onclick="report_close();"><span class="svg-icon" aria-hidden="true"><svg class="svg-icon__link"><use 1669 xlink:href="#icon-close"></use></svg></span></span></div><div class="popup-content"><form id="bugReportForm" class="contact-form"><label class="label-contact-select"><select class="contact-select" name="type_contact" required><option value="">What issue did you find?</option><option value="game-not-load">The game don't load</option><option value="game-not-working">The game is not working</option><option value="lost-progress">I lost my progress</option><option value="game-inappropriate">I saw something inappropriate</option><option value="help-in-game-purchase">I need help with an in-game purchase</option><option value="have-a-suggestion">I have a suggestion</option><option value="other">Other</option></select></label><input class="form_contact contact_input" name="email_contact" type="email" 1670 placeholder="Your email (Option)" value=""><div class="error-message-email"></div><textarea name="content_contact" class="form_contact contact_textarea" id="content_contact" 1671 placeholder="Describe the bug..." 1672 required></textarea><div class="error_form_contact"></div><input type="hidden" name="game_report_name" id="game_report_name"><input type="hidden" name="game_report_url" id="game_report_url"><input type="file" name="screenshot" style="display: none;"><div class="form_bottom"><button type="submit" class="btn_add_contact">Send</button></div></form></div></div>
1673<script src="/themes/2048/resources/js/jquery-3.6.0.min.js"></script>
1673<script src="/themes/2048/resources/js/swiper.min.js"></script>
1673<script src="/themes/2048/resources/js/overlayscrollbars.min.js"></script>
1673<script data-cfasync="false" src="/themes/2048/resources/js/ga_tracking.js?v1.1"></script>
1673<script data-cfasync="false" src="/themes/2048/resources/js/tracking_event.js?v1.1"></script>
1673<script src="/themes/2048/resources/js/scripts.min.js?v1" type="text/javascript"></script>
1673<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"994d4cefa5ed49f586fbf20655a4b9bb","r":1,"spa":2}' crossorigin="anonymous"></script>
1673 1674</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.