PageSourceSearch

https://2048a.io/2048-5x5

html 2048a.io collected 2026-10-04 06:51:07 UTC 98,465 bytes, 1,674 lines download raw bytes

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=&amp;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 &amp; 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 &amp; Merge the Numbers" height="auto" width="auto" /></div></div> <span class="title">Drop &amp; 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.