PageSourceSearch

https://www.latterdayvillage.com/slotpg

html latterdayvillage.com collected 2026-10-10 01:58:15 UTC 39,247 bytes, 1,254 lines download raw bytes

1
2
3
4
5
6
7<!doctype html>
8<html ⚡ lang="th-TH">
9<head>
10<meta charset="utf-8">
11<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
12<title>สล็อตเว็บตรง 2026 วิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet</title>
13<meta name="description" content="สล็อตเว็บตรง 2026 แนะนำวิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet พร้อมจุดสำคัญที่ควรตรวจสอบ ทั้งระบบเกม ความปลอดภัย และการใช้งานก่อนตัดสินใจ">
14<meta name="keywords" content="สล็อตเว็บตรง, สล็อต, เว็บตรง, เว็บสล็อต">
15<link rel="canonical" href="https://www.latterdayvillage.com/">
16<link href="https://www.latterdayvillage.com/" rel="dns-prefetch preconnect">
17<meta name="robots" content="index, follow">
18<meta name="theme-color" content="#07040e">
19<meta name="author" content="สล็อตเว็บตรง">
20<meta name="publisher" content="สล็อตเว็บตรง">
21<meta property="og:type" content="website">
22<meta property="og:locale" content="th_TH">
23<meta property="og:title" content="สล็อตเว็บตรง 2026 วิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet">
24<meta property="og:description" content="สล็อตเว็บตรง 2026 แนะนำวิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet พร้อมจุดสำคัญที่ควรตรวจสอบ ทั้งระบบเกม ความปลอดภัย และการใช้งานก่อนตัดสินใจ">
25<meta property="og:url" content="https://www.latterdayvillage.com/">
26<meta property="og:site_name" content="สล็อตเว็บตรง">
27<meta property="og:image" content="https://www.latterdayvillage.com/assets/banner-pgcgroup.webp">
28<meta name="twitter:card" content="summary_large_image">
29<meta name="twitter:title" content="สล็อตเว็บตรง 2026 วิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet">
30<meta name="twitter:description" content="สล็อตเว็บตรง 2026 แนะนำวิธีเลือกเว็บสล็อต API แท้ รองรับ True Wallet พร้อมจุดสำคัญที่ควรตรวจสอบ ทั้งระบบเกม ความปลอดภัย และการใช้งานก่อนตัดสินใจ">
31<meta name="twitter:image" content="https://www.latterdayvillage.com/files/banner.webp">
32<link rel="icon" type="image/webp" href="https://www.latterdayvillage.com/files/fav.webp">
33<link rel="shortcut icon" href="https://www.latterdayvillage.com/files/fav.webp">
34<link rel="preconnect" href="https://cdn.ampproject.org">
35<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<script async src="https://cdn.ampproject.org/v0.js"></script>
38
39    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@500;700&display=swap" rel="stylesheet">
40    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
41    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
42<style amp-custom>
43/* ============ VARIABLES ============ */
44:root{
45  --bg:#071a4d;
46  --bg-2:#0a2d78;
47  --bg-3:#164eaa;
48  --red:#f5c400;
49  --red-bright:#ffe14a;
50  --red-soft:#fff176;
51  --red-deep:#1e6bff;
52  --fire:#f5c400;
53  --gold:#f5c400;
54  --gold-soft:#ffe14a;
55  --gold-deep:#e0ad00;
56  --silver:#ffe14a;
57  --silver-dark:#c99200;
58  --emerald:#1e6bff;
59  --emerald-soft:#7eb6ff;
60}
61
62*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
63html,body{margin:0;padding:0}
64
65/* ============ BACKGROUND ============ */
66html,body{ min-height:100%; }
67body{
68  min-height:100vh;
69  font-family:'Press Start 2P',cursive;
70  color:var(--gold-soft);
71  position:relative;
72  overflow-x:hidden;
73  background-color:#071a4d;
74  background:linear-gradient(165deg, #071a4d 0%, #1a4ec4 46%, #f5c400 100%);
75}
76
77.page-bg{
78  position:fixed;
79  inset:0;
80  z-index:0;
81  pointer-events:none;
82  overflow:hidden;
83}
84.page-bg amp-img,
85.page-bg amp-img img{
86  object-fit:cover;
87  object-position:center center;
88}
89.page-bg::after{
90  content:"";
91  position:absolute;
92  inset:0;
93  background:
94    linear-gradient(180deg, rgba(7,26,77,.28) 0%, rgba(7,26,77,.18) 38%, rgba(4,12,36,.42) 100%);
95  z-index:1;
96}
97
98body::before{
99  content:"";
100  position:fixed;
101  inset:0;
102  background:
103    repeating-linear-gradient(
104      to bottom,
105      transparent 0 2px,
106      rgba(255,255,255,.02) 2px 3px,
107      transparent 3px 5px
108    );
109  pointer-events:none;
110  z-index:1;
111}
112
113/* ============ TICKER / MARQUEE (atas frame) ============ */
114.ticker{
115  position:relative;
116  z-index:10;
117  max-width:460px;
118  margin:10px auto 0;
119  overflow:hidden;
120  background:linear-gradient(90deg,
121    rgba(7, 26, 77, 0.94) 0%,
122    rgba(22, 78, 170, 0.96) 50%,
123    rgba(7, 26, 77, 0.94) 100%);
124  border:1px solid var(--gold);
125  border-radius:8px 8px 0 0;
126  border-bottom:none;
127  box-shadow:
128    0 0 12px rgba(255, 225, 74, 0.45),
129    inset 0 0 8px rgba(0,0,0,.6);
130  padding:6px 0;
131  font-family:'Rajdhani',sans-serif;
132  font-size:12px;
133  font-weight:700;
134  letter-spacing:.3px;
135  color:var(--gold-soft);
136  mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000000 94%, transparent 100%);
137}
138.ticker-inner{
139  display:inline-block;
140  white-space:nowrap;
141  animation:tickerScroll 24s linear infinite;
142  will-change:transform;
143  padding-left:100%;
144}
145.ticker-inner span{ padding:0 22px }
146.ticker-inner .hl{
147  color:var(--red-bright);
148  text-shadow:0 0 6px var(--gold);
149}
150.ticker-inner .sep{ color:var(--red-bright); padding:0 6px }
151@keyframes tickerScroll{
152  0%  { transform:translate3d(0,0,0) }
153  100%{ transform:translate3d(-100%,0,0) }
154}
155
156/* ============ LIVE PLAYER STRIP ============ */
157.live-strip{
158  display:flex;
159  flex-wrap:wrap;
160  align-items:center;
161  justify-content:center;
162  gap:3px 6px;
163  width:100%;
164  max-width:100%;
165  margin:0 auto 6px;
166  padding:5px 8px;
167  font-family:'Rajdhani',sans-serif;
168  font-size:12px;
169  font-weight:700;
170  letter-spacing:.2px;
171  line-height:1.25;
172  color:#ffe14a;
173  background:linear-gradient(180deg, rgba(10, 45, 120, 0.98), rgba(7, 26, 77, 0.98));
174  border:1px solid #f5c400;
175  border-radius:8px;
176  box-sizing:border-box;
177  box-shadow:
178    0 0 10px rgba(245, 215, 110, 0.3),
179    inset 0 0 6px rgba(0,0,0,.35);
180}
181.live-strip .live-dot{
182  width:6px;
183  height:6px;
184  flex:0 0 6px;
185  border-radius:50%;
186  background:#7eb6ff;
187  box-shadow:0 0 6px #7eb6ff, 0 0 10px #1e6bff;
188  animation:dotBlink 1.4s ease-in-out infinite;
189}
190.live-strip strong{
191  color:#ffe14a;
192  font-size:15px;
193  font-weight:800;
194  text-shadow:0 0 8px rgba(245,196,0,.55);
195  letter-spacing:.3px;
196}
197.live-strip .live-label{
198  color:#ffe14a;
199  font-size:12px;
200  font-weight:700;
201}
202.live-strip .live-note{
203  display:none;
204}
205
206/* ============ CORNER ORNAMENTS (4 pojok arcade) ============ */
207.corner{
208  position:absolute;
209  width:16px;
210  height:16px;
211  pointer-events:none;
212  z-index:3;
213}
214.corner.c-tl{
215  top:-2px; left:-2px;
216  border-top:3px solid var(--red-bright);
217  border-left:3px solid var(--red-bright);
218  border-top-left-radius:14px;
219  box-shadow:-1px -1px 10px rgba(252,228,132,.65);
220}
221.corner.c-tr{
222  top:-2px; right:-2px;
223  border-top:3px solid var(--red-bright);
224  border-right:3px solid var(--red-bright);
225  border-top-right-radius:14px;
226  box-shadow:1px -1px 10px rgba(252,228,132,.65);
227}
228.corner.c-bl{
229  bottom:-2px; left:-2px;
230  border-bottom:3px solid var(--red-bright);
231  border-left:3px solid var(--red-bright);
232  border-bottom-left-radius:14px;
233  box-shadow:-1px 1px 10px rgba(252,228,132,.65);
234}
235.corner.c-br{
236  bottom:-2px; right:-2px;
237  border-bottom:3px solid var(--red-bright);
238  border-right:3px solid var(--red-bright);
239  border-bottom-right-radius:14px;
240  box-shadow:1px 1px 10px rgba(252,228,132,.65);
241}
242
243/* ============ ARCADE FRAME ============ */
244.arcade-frame{
245  position:relative;
246  z-index:2;
247  width:100%;
248  max-width:460px;
249  min-width:0;
250  margin:0 auto 24px;
251  background:
252    linear-gradient(180deg, rgba(4,12,36,.97), rgba(22, 78, 170, 0.94));
253  border:3px solid var(--gold);
254  border-radius:14px;
255  box-shadow:
256    0 0 18px rgba(255, 225, 74, 0.45),
257    0 0 40px rgba(186, 134, 23, 0.28),
258    inset 0 0 25px rgba(0,0,0,.85),
259    inset 0 0 0 1px rgba(255, 225, 74, 0.2);
260  /* Anti-jank: paksa GPU layer untuk thunderShake */
261  will-change:transform;
262  transform:translate3d(0,0,0);
263  contain:layout paint;
264}
265
266/* ============ SCREEN ============ */
267.screen{
268  padding:10px 12px 12px;
269  text-align:center;
270  position:relative;
271  display:flex;
272  flex-direction:column;
273  align-items:stretch;
274  gap:5px;
275  width:100%;
276  min-width:0;
277  max-width:100%;
278}
279
280/* ============ TRUST BADGES (top row) ============ */
281.badges{
282  display:grid;
283  grid-template-columns:1fr 1fr;
284  align-items:stretch;
285  gap:5px;
286  width:100%;
287  min-width:0;
288  margin:0 0 4px;
289}
290
291.badge{
292  display:flex;
293  align-items:center;
294  justify-content:center;
295  min-width:0;
296  font-family:'Rajdhani',sans-serif;
297  font-size:10px;
298  font-weight:700;
299  padding:4px 4px;
300  min-height:28px;
301  border-radius:7px;
302  letter-spacing:.1px;
303  line-height:1.2;
304  text-align:center;
305  border:1px solid rgba(245,196,0,.45);
306  background:linear-gradient(180deg, rgba(22,78,170,.95), rgba(7,26,77,.98));
307  color:#ffe14a;
308  box-shadow:0 0 6px rgba(245,196,0,.16);
309}
310
311.badge.gold{
312  background:linear-gradient(180deg, #ffe14a, #f5c400);
313  color:#071a4d;
314  border-color:#e0ad00;
315  text-shadow:none;
316  font-weight:800;
317}
318
319.badge .dot{
320  display:inline-block;
321  width:5px;
322  height:5px;
323  border-radius:50%;
324  background:#f5c400;
325  box-shadow:0 0 4px #f5c400;
326  vertical-align:middle;
327  margin-right:3px;
328  animation:dotBlink 1.6s ease-in-out infinite;
329}
330
331@keyframes dotBlink{
332  0%,100%{ opacity:1; transform:scale(1) }
333  50%{ opacity:.4; transform:scale(.85) }
334}
335
336.brand-logo{
337  display:block;
338  width:100%;
339  max-width:118px;
340  margin:0 auto 2px;
341}
342
343.brand-logo amp-img{
344  display:block;
345  margin:0 auto;
346  filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(245,196,0,.35));
347}
348
349/* ============ LOGO (Chrome + Gold) ============ */
350.logo{
351  margin:6px 0 16px;
352  font-size:36px;
353  font-weight:bold;
354  letter-spacing:3px;
355  text-transform:uppercase;
356  line-height:1;
357  position:relative;
358  display:inline-block;
359  background:linear-gradient(180deg,
360    #ffffff 0%,
361    #f4f4f4 20%,
362    #b8b8b8 50%,
363    #ffffff 75%,
364    #cccccc 100%);
365  background-size:100% 250%;
366  background-position:0% 0%;
367  -webkit-background-clip:text;
368          background-clip:text;
369  -webkit-text-fill-color:transparent;
370          color:transparent;
371  -webkit-text-stroke:1.5px var(--gold);
372  filter:
373    drop-shadow(0 0 8px rgba(255,192,46,.85))
374    drop-shadow(0 0 16px rgba(186, 134, 23, 0.55))
375    drop-shadow(0 2px 2px rgba(0,0,0,.95));
376  animation:logoShimmer 3.4s ease-in-out infinite;
377}
378
379/* "77" Red Jersey Style */
380.logo span{
381  background:linear-gradient(180deg,
382    #ffe14a 0%,
383    #f5c400 30%,
384    var(--red-bright) 55%,
385    #1e6bff 80%,
386    var(--red-bright) 100%);
387  background-size:100% 250%;
388  -webkit-background-clip:text;
389          background-clip:text;
390  -webkit-text-fill-color:transparent;
391          color:transparent;
392  -webkit-text-stroke:1.5px #fff;
393  filter:drop-shadow(0 0 8px rgba(255, 225, 74, 0.35)) drop-shadow(0 2px 2px rgba(0,0,0,.95));
394  animation:logoShimmer 3.4s ease-in-out infinite .4s;
395  margin-left:6px;
396}
397
398@keyframes logoShimmer{
399  0%,100%{ background-position:0% 0% }
400  50%{     background-position:0% 100% }
401}
402
403/* ============ HERO IMAGE ============ */
404.hero{
405  position:relative;
406  width:calc(100% + 24px);
407  min-width:0;
408  max-width:none;
409  margin:0 -12px;
410}
411
412.hero-media{
413  position:relative;
414  display:block;
415  width:100%;
416  max-width:none;
417  margin:0;
418  min-width:0;
419  border-radius:0;
420  overflow:hidden;
421  box-shadow:
422    0 0 0 2px var(--gold),
423    0 0 22px rgba(255, 192, 46, 0),
424    0 0 50px rgba(255, 42, 60, 0);
425}
426
427.hero-media amp-img{display:block}
428
429.hero-media amp-img img{
430  object-fit:cover;
431  object-position:center;
432}
433
434/* ============ BOOT OVERLAY ============ */
435.boot-overlay{
436  position:absolute;
437  inset:0;
438  background:#071a4d;
439  z-index:6;
440  display:flex;
441  align-items:center;
442  justify-content:center;
443  animation:bootFadeOut .6s ease-out 2.4s forwards;
444  pointer-events:none;
445}
446
447.boot-logo{
448  font-family:'Press Start 2P',cursive;
449  font-size:26px;
450  color:var(--gold);
451  text-shadow:0 0 10px var(--gold), 0 0 22px var(--red-bright);
452  opacity:0;
453  transform:translateY(-150px);
454  animation:
455    logoDrop 1.2s cubic-bezier(.25,1,.5,1) forwards,
456    glitchEffect .25s steps(2) 1.2s 6;
457  will-change:transform;
458}
459
460.boot-logo span{
461  font-size:11px;
462  vertical-align:top;
463  margin-left:3px;
464  color:var(--red-soft);
465}
466
467@keyframes logoDrop{
468  0%{opacity:1;transform:translateY(-150px)}
469  60%{transform:translateY(8px)}
470  80%{transform:translateY(-3px)}
471  100%{opacity:1;transform:translateY(0)}
472}
473
474@keyframes glitchEffect{
475  0%,100%{text-shadow:2px 0 var(--red-bright),-2px 0 #00d4ff,0 0 10px var(--gold);transform:translate(0)}
476  25%{text-shadow:-2px 0 var(--red-bright),2px 0 #00d4ff;transform:translate(1px,-1px)}
477  50%{text-shadow:2px 0 var(--red-bright),-2px 0 #00d4ff;transform:translate(-1px,1px)}
478}
479
480@keyframes bootFadeOut{
481  to{opacity:0;visibility:hidden}
482}
483
484/* ============ MENU / CTA ============ */
485.menu{
486  width:100%;
487  margin:4px 0 0;
488  display:flex;
489  flex-direction:column;
490  gap:10px;
491}
492
493.menu a{
494  display:block;
495  position:relative;
496  margin:0;
497  padding:16px 14px;
498  font-family:'Rajdhani',sans-serif;
499  font-size:16px;
500  font-weight:800;
501  letter-spacing:.5px;
502  text-decoration:none;
503  text-transform:none;
504  text-align:center;
505  line-height:1.25;
506  background:linear-gradient(180deg, rgba(22, 78, 170, 0.98), rgba(7, 26, 77, 0.98));
507  border:2px solid var(--gold-deep);
508  border-radius:10px;
509  overflow:hidden;
510  color:#ffe14a;
511  box-shadow:
512    0 0 10px rgba(245,196,0,.22),
513    inset 0 0 10px rgba(255,192,46,.06);
514  animation:menuBreath 2.6s ease-in-out infinite;
515}
516
517.menu a#register{
518  background:linear-gradient(180deg, #ffe14a 0%, #f5c400 48%, #e0ad00 100%);
519  color:#071a4d;
520  border-color:#f5c400;
521  text-shadow:none;
522  animation:registerBreath 2.6s ease-in-out infinite;
523}
524
525.menu a#register:hover{
526  color:#071a4d;
527}
528
529@keyframes registerBreath{
530  0%,100%{
531    border-color:#f5c400;
532    box-shadow:
533      0 0 12px rgba(245,196,0,.35),
534      inset 0 0 10px rgba(255,255,255,.12);
535  }
536  50%{
537    border-color:#ffe14a;
538    box-shadow:
539      0 0 20px rgba(245,196,0,.55),
540      inset 0 0 14px rgba(255,255,255,.18);
541  }
542}
543
544.menu a:nth-child(2){ animation-delay:-.85s }
545
546@keyframes menuBreath{
547  0%,100%{
548    border-color:var(--gold-deep);
549    color:var(--gold-soft);
550    box-shadow:
551      0 0 10px rgba(186, 134, 23, 0.35),
552      inset 0 0 14px rgba(255,192,46,.06);
553  }
554  50%{
555    border-color:var(--gold);
556    color:#ffffff;
557    box-shadow:
558      0 0 22px var(--red-bright),
559      0 0 36px rgba(255, 225, 74, 0.45),
560      inset 0 0 24px rgba(255,192,46,.22);
561  }
562}
563
564.menu a:hover{
565  color:#fff;
566  animation-play-state:paused;
567  border-color:var(--gold);
568  box-shadow:
569    0 0 26px var(--red-bright),
570    0 0 42px rgba(196, 92, 18, 0.55),
571    inset 0 0 28px rgba(255,192,46,.25);
572}
573
574.menu a:active{ transform:scale(.97) }
575
576.menu a::after{
577  content:"";
578  position:absolute;
579  top:0;
580  left:-75%;
581  width:50%;
582  height:100%;
583  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);
584  transform:skewX(-20deg);
585  animation:menuSweep 3.6s ease-in-out infinite;
586  pointer-events:none;
587}
588
589.menu a:nth-child(2)::after{ animation-delay:1.2s }
590
591@keyframes menuSweep{
592  0%,55%{ left:-75% }
593  90%,100%{ left:150% }
594}
595
596/* ============ AMAN BADGE (between menu & features) ============ */
597.aman-badge{
598  margin:12px auto 10px;
599  display:inline-block;
600  max-width:100%;
601  padding:10px 16px;
602  font-family:'Rajdhani',sans-serif;
603  font-size:14px;
604  font-weight:800;
605  letter-spacing:.2px;
606  line-height:1.35;
607  background:linear-gradient(180deg, rgba(22,78,170,.98), rgba(7,26,77,.98));
608  color:#ffe14a;
609  border:2px solid #f5c400;
610  border-radius:12px;
611  box-shadow:
612    0 0 12px rgba(245,196,0,.28),
613    inset 0 0 10px rgba(245,196,0,.08);
614  text-shadow:0 1px 2px rgba(0,0,0,.45);
615  animation:amanPulse 2.4s ease-in-out infinite;
616}
617
618.aman-badge .star{ color:#f5c400; font-size:14px; vertical-align:middle; margin:0 4px }
619
620@keyframes amanPulse{
621  0%,100%{ transform:scale(1); box-shadow:0 0 12px rgba(245,196,0,.28), inset 0 0 10px rgba(245,196,0,.08) }
622  50%{ transform:scale(1.02); box-shadow:0 0 18px rgba(245,196,0,.42), inset 0 0 12px rgba(245,196,0,.12) }
623}
624
625/* ============ FEATURE GRID ============ */
626.features{
627  display:grid;
628  grid-template-columns:repeat(4, 1fr);
629  gap:5px;
630  margin:14px 0 0;
631  width:100%;
632  min-width:0;
633}
634
635.feature{
636  background:linear-gradient(180deg, rgba(22, 78, 170, 0.88), rgba(7, 26, 77, 0.9));
637  border:1px solid var(--gold-deep);
638  border-radius:5px;
639  padding:8px 4px 7px;
640  text-align:center;
641  position:relative;
642  overflow:hidden;
643}
644
645.feature::before{
646  content:"";
647  position:absolute;
648  top:-15px;
649  left:50%;
650  width:30px;
651  height:30px;
652  margin-left:-15px;
653  background:radial-gradient(circle, rgba(255, 225, 74, 0.35), transparent 70%);
654  pointer-events:none;
655}
656
657.feature-icon{
658  width:48px;
659  height:48px;
660  margin:0 auto 4px;
661  border-radius:8px;
662  overflow:hidden;
663  border:1px solid var(--gold);
664  line-height:0;
665}
666.feature-icon amp-img{
667  margin:0 auto;
668}
669.feature-icon amp-img img{
670  object-fit:cover;
671}
672
673.feature-title{
674  font-family:'Rajdhani',sans-serif;
675  font-size:11px;
676  font-weight:800;
677  color:#ffe14a;
678  letter-spacing:.2px;
679  margin-bottom:3px;
680  line-height:1.25;
681}
682
683.feature-sub{
684  font-family:'Rajdhani',sans-serif;
685  font-size:12px;
686  font-weight:700;
687  color:#ffe14a;
688  letter-spacing:.2px;
689  line-height:1.2;
690}
691
692/* ============ PAYMENT STRIP ============ */
693.payments{
694  margin-top:12px;
695  padding:10px 8px;
696  border:1px solid var(--gold-deep);
697  border-radius:6px;
698  background:linear-gradient(180deg, rgba(0,0,0,.6), rgba(7,26,77,.75));
699}
700
701.pay-title{
702  font-family:'Press Start 2P',cursive;
703  font-size:7px;
704  color:var(--gold);
705  letter-spacing:1.5px;
706  margin-bottom:8px;
707  text-align:center;
708  text-shadow:0 0 6px var(--gold-deep);
709}
710
711.pay-list{
712  display:flex;
713  flex-wrap:wrap;
714  justify-content:center;
715  gap:4px;
716}
717
718.pay{
719  font-family:'Rajdhani',sans-serif;
720  font-size:10px;
721  font-weight:700;
722  letter-spacing:.3px;
723  padding:4px 8px;
724  border-radius:3px;
725  background:linear-gradient(180deg, #fff 0%, #d8d8d8 100%);
726  color:#0d2348;
727  border:1px solid #6a6a6a;
728  box-shadow:0 1px 2px rgba(0,0,0,.55);
729  line-height:1;
730}
731
732.pay.mandiri{ color:#003d7a; background:linear-gradient(180deg,#ffd700,#e6c200) }
733.pay.bni{ color:#ec1c24; background:linear-gradient(180deg,#ff8c00,#e07600); color:#fff }
734.pay.bri{ background:linear-gradient(180deg,#003d7a,#002654); color:#fff; border-color:#001a3d }
735.pay.cimb{ background:linear-gradient(180deg,#a30000,#660000); color:#fff; border-color:#400 }
736.pay.dana{ background:linear-gradient(180deg,#108ee9,#0c6cbf); color:#fff; border-color:#084a85 }
737.pay.ovo{ background:linear-gradient(180deg,#4d3a8e,#322361); color:#fff; border-color:#1f1340 }
738.pay.gopay{ background:linear-gradient(180deg,#00aa13,#007a0e); color:#fff; border-color:#005207 }
739
740/* ============ CREDIT TAG ============ */
741.Seo-JBGroup{
742  display:inline-block;
743  margin-top:14px;
744  padding:6px 14px;
745  font-size:10px;
746  font-weight:bold;
747  letter-spacing:2px;
748  color:#fff;
749  text-transform:uppercase;
750  border:1px solid rgba(255,255,255,.5);
751  border-radius:4px;
752  background:linear-gradient(135deg,#0a2d78,#000);
753  box-shadow:
754    0 0 6px rgba(255,140,0,.4),
755    inset 0 0 4px rgba(255,255,255,.1);
756  transition:.3s ease;
757}
758
759.Seo-JBGroup:hover{
760  color:var(--gold-soft);
761  border-color:var(--gold);
762  box-shadow:0 0 12px var(--gold), 0 0 22px rgba(255,140,0,.5);
763}
764
765/* ============ SEO CONTENT ============ */
766.seo-content{
767  margin-top:16px;
768  padding:14px 4px 0;
769  border-top:2px dashed var(--gold-deep);
770  text-align:left;
771}
772
773.seo-content h1{
774  font-size:13px;
775  margin:0 0 10px;
776  color:var(--gold);
777  text-shadow:0 0 8px var(--gold-deep);
778  text-transform:uppercase;
779  letter-spacing:2px;
780  line-height:1.4;
781}
782
783.seo-content p{
784  font-family:'Rajdhani',sans-serif;
785  margin:0;
786  font-size:14px;
787  line-height:1.6;
788  color:#e8e8e8;
789  opacity:.92;
790  letter-spacing:.3px;
791}
792
793/* ============ FOOTER ============ */
794.footer{
795  width:100%;
796  padding:14px 12px;
797  text-align:center;
798  border-top:2px solid var(--gold-deep);
799  font-family:'Rajdhani',sans-serif;
800  font-size:12px;
801  font-weight:700;
802  letter-spacing:.3px;
803  color:#ffe14a;
804  background:linear-gradient(180deg, transparent, rgba(0,0,0,.65));
805}
806
807/* ============ RAIN (Hujan Deras) ============ */
808.rain-container{
809  position:fixed;
810  inset:0;
811  pointer-events:none;
812  z-index:1;
813  overflow:hidden;
814  contain:strict;
815}
816
817.drop{
818  position:absolute;
819  top:-20vh;
820  width:2px;
821  height:90px;
822  background:linear-gradient(180deg,
823    transparent 0%,
824    rgba(174,194,224,.35) 40%,
825    rgba(220,235,255,.95) 100%);
826  border-radius:50% 50% 50% 50% / 80% 80% 20% 20%;
827  filter:blur(.4px);
828  opacity:0;
829  box-shadow:0 0 4px rgba(180,210,255,.55);
830  animation:rainFall linear infinite;
831  will-change:transform;
832}
833
834@keyframes rainFall{
835  0%   { transform:translate3d(0, -20vh, 0);     opacity:0 }
836  8%   { opacity:.9 }
837  92%  { opacity:.9 }
838  100% { transform:translate3d(-40px, 120vh, 0); opacity:0 }
839}
840
841.drop:nth-child(1)  { left:2%;  height:70px;  animation-duration:.70s; animation-delay:-.10s }
842.drop:nth-child(2)  { left:6%;  height:110px; animation-duration:.90s; animation-delay:-.40s }
843.drop:nth-child(3)  { left:10%; height:80px;  animation-duration:.60s; animation-delay:-.20s }
844.drop:nth-child(4)  { left:14%; height:120px; animation-duration:1.10s; animation-delay:-.50s }
845.drop:nth-child(5)  { left:18%; height:60px;  animation-duration:.80s; animation-delay:-.70s }
846.drop:nth-child(6)  { left:22%; height:90px;  animation-duration:.70s; animation-delay:-.30s }
847.drop:nth-child(7)  { left:26%; height:100px; animation-duration:1.00s; animation-delay:-.60s }
848.drop:nth-child(8)  { left:30%; height:75px;  animation-duration:.85s; animation-delay:-.10s }
849.drop:nth-child(9)  { left:34%; height:130px; animation-duration:1.20s; animation-delay:-.80s }
850.drop:nth-child(10) { left:38%; height:95px;  animation-duration:.90s; animation-delay:-.40s }
851.drop:nth-child(11) { left:42%; height:70px;  animation-duration:.65s; animation-delay:-.20s }
852.drop:nth-child(12) { left:46%; height:110px; animation-duration:1.05s; animation-delay:-.55s }
853.drop:nth-child(13) { left:50%; height:85px;  animation-duration:.80s; animation-delay:-.70s }
854.drop:nth-child(14) { left:54%; height:100px; animation-duration:.95s; animation-delay:-.35s }
855.drop:nth-child(15) { left:58%; height:120px; animation-duration:1.15s; animation-delay:-.50s }
856.drop:nth-child(16) { left:62%; height:75px;  animation-duration:.70s; animation-delay:-.25s }
857.drop:nth-child(17) { left:66%; height:90px;  animation-duration:.85s; animation-delay:-.60s }
858.drop:nth-child(18) { left:70%; height:65px;  animation-duration:.60s; animation-delay:-.40s }
859.drop:nth-child(19) { left:74%; height:115px; animation-duration:1.10s; animation-delay:-.75s }
860.drop:nth-child(20) { left:78%; height:80px;  animation-duration:.80s; animation-delay:-.15s }
861.drop:nth-child(21) { left:82%; height:100px; animation-duration:.95s; animation-delay:-.50s }
862.drop:nth-child(22) { left:86%; height:70px;  animation-duration:.70s; animation-delay:-.30s }
863.drop:nth-child(23) { left:90%; height:125px; animation-duration:1.20s; animation-delay:-.85s }
864.drop:nth-child(24) { left:94%; height:90px;  animation-duration:.85s; animation-delay:-.45s }
865.drop:nth-child(25) { left:98%; height:75px;  animation-duration:.75s; animation-delay:-.20s }
866.drop:nth-child(26) { left:8%;  height:55px;  animation-duration:.55s; animation-delay:-.50s }
867.drop:nth-child(27) { left:28%; height:60px;  animation-duration:.60s; animation-delay:-.65s }
868.drop:nth-child(28) { left:48%; height:55px;  animation-duration:.55s; animation-delay:-.15s }
869.drop:nth-child(29) { left:68%; height:65px;  animation-duration:.60s; animation-delay:-.35s }
870.drop:nth-child(30) { left:88%; height:60px;  animation-duration:.60s; animation-delay:-.55s }
871
872/* ============ LIGHTNING FLASH (Petir Kilat) ============ */
873.lightning{
874  position:fixed;
875  inset:0;
876  pointer-events:none;
877  z-index:1;
878  background:transparent;
879  mix-blend-mode:screen;
880  animation:lightningFlash 9s ease-in-out infinite;
881  will-change:background-color;
882}
883
884@keyframes lightningFlash{
885  0%, 17%, 21%, 23%, 25%, 27%, 59%, 61%, 63%, 100%{ background:transparent }
886  18% { background:rgba(255,255,255,.92) }
887  19% { background:rgba(255,255,255,.35) }
888  20% { background:rgba(180,210,255,.65) }
889  22% { background:rgba(255,255,255,.85) }
890  24% { background:rgba(160,190,255,.5) }
891  26% { background:rgba(255,255,255,.7) }
892  60% { background:rgba(255,255,255,.95) }
893  62% { background:rgba(170,200,255,.6) }
894}
895
896/* ============ LIGHTNING BOLT (Visual Kilat) ============ */
897.bolt{
898  position:fixed;
899  top:-4%;
900  left:22%;
901  width:90px;
902  height:60vh;
903  pointer-events:none;
904  z-index:1;
905  opacity:0;
906  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 240' preserveAspectRatio='none'><polygon points='38,0 8,108 28,108 4,240 56,92 32,92 52,0' fill='white' stroke='%23a8c8ff' stroke-width='1.2'/></svg>") center/contain no-repeat;
907  filter:
908    drop-shadow(0 0 6px #fff)
909    drop-shadow(0 0 16px rgba(180,210,255,.95))
910    drop-shadow(0 0 32px rgba(120,180,255,.75))
911    drop-shadow(0 0 60px rgba(80,140,255,.55));
912  animation:boltFlash 9s ease-in-out infinite;
913  will-change:opacity,transform;
914}
915
916.bolt.b2{
917  left:auto;
918  right:14%;
919  top:-2%;
920  height:55vh;
921  width:78px;
922  animation-delay:-4.5s;
923  transform:scaleX(-1) rotate(6deg);
924}
925
926@keyframes boltFlash{
927  0%, 17%, 21%, 24%, 100% { opacity:0; transform:translate3d(0,0,0) }
928  18%, 19% { opacity:1; transform:translate3d(0,0,0) }
929  20% { opacity:.55 }
930  22% { opacity:.95; transform:translate3d(2px,0,0) }
931  23% { opacity:0 }
932}
933
934/* ============ SCREEN SHAKE (Layar Bergetar saat Petir) ============ */
935.arcade-frame{
936  animation:thunderShake 9s ease-in-out infinite;
937}
938
939@keyframes thunderShake{
940  0%, 16%, 28%, 58%, 66%, 100% { transform:translate3d(0,0,0) }
941  17% { transform:translate3d(-5px, 3px, 0) }
942  18% { transform:translate3d(6px,-4px, 0) }
943  19% { transform:translate3d(-5px,-3px, 0) }
944  20% { transform:translate3d(5px, 3px, 0) }
945  21% { transform:translate3d(-4px, 2px, 0) }
946  22% { transform:translate3d(4px,-2px, 0) }
947  23% { transform:translate3d(-3px,-1px, 0) }
948  24% { transform:translate3d(3px, 1px, 0) }
949  25% { transform:translate3d(-2px, 1px, 0) }
950  26% { transform:translate3d(2px,-1px, 0) }
951  27% { transform:translate3d(-1px, 0, 0) }
952  59% { transform:translate3d(-6px, 4px, 0) }
953  60% { transform:translate3d(7px,-3px, 0) }
954  61% { transform:translate3d(-5px, 2px, 0) }
955  62% { transform:translate3d(4px,-2px, 0) }
956  63% { transform:translate3d(-3px, 2px, 0) }
957  64% { transform:translate3d(2px,-1px, 0) }
958  65% { transform:translate3d(-1px, 0, 0) }
959}
960
961/* ============ MOBILE ============ */
962@media(max-width:480px){
963  body{
964    padding:12px 12px 28px;
965    background:#071a4d;
966    background:linear-gradient(165deg, #071a4d 0%, #1a4ec4 46%, #f5c400 100%);
967  }
968  .page-bg,
969  .page-bg amp-img,
970  .page-bg amp-img img{
971    display:none;
972    visibility:hidden;
973    opacity:0;
974  }
975  .page-bg::after{
976    background:linear-gradient(165deg, #071a4d 0%, #1a4ec4 46%, #f5c400 100%);
977    opacity:1;
978  }
979  .boot-overlay{ display:none }
980  .ticker{
981    max-width:100%;
982    margin:0 auto;
983    padding:8px 0;
984    font-size:13px;
985    border-radius:14px 14px 0 0;
986  }
987  .ticker-inner{ animation-duration:30s }
988  .ticker,
989  .arcade-frame{
990    display:block;
991    width:calc(100vw - 24px);
992    max-width:calc(100vw - 24px);
993    min-width:0;
994    overflow:hidden;
995    contain:none;
996  }
997  .arcade-frame{
998    margin:0 auto;
999    border-top-left-radius:0;
1000    border-top-right-radius:0;
1001    animation:none;
1002    transform:none;
1003  }
1004  .live-strip{ font-size:13px; padding:7px 8px; border-radius:8px; margin:2px 0 4px; gap:4px 6px }
1005  .live-strip strong{ font-size:15px }
1006  .live-strip .live-label{ font-size:13px }
1007  .corner{ width:14px; height:14px }
1008  .screen{ padding:14px 18px 14px; gap:8px; width:100% }
1009  .badges{ margin:0; gap:6px; width:100%; min-width:0; grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
1010  .badge{
1011    min-width:0;
1012    overflow:hidden;
1013    font-size:11px;
1014    padding:8px 8px;
1015    min-height:36px;
1016    line-height:1.25;
1017    letter-spacing:0;
1018    white-space:normal;
1019    overflow-wrap:anywhere;
1020  }
1021  .brand-logo{ max-width:132px; margin:2px auto 0 }
1022  .hero{
1023    margin:0 -18px;
1024    width:calc(100% + 36px);
1025    max-width:none;
1026    display:block;
1027  }
1028  .hero-media{
1029    display:block;
1030    width:100%;
1031    max-width:none;
1032    margin:0;
1033  }
1034  .menu{ gap:8px; margin:0; width:100% }
1035  .menu a{ font-size:16px; padding:12px 12px; line-height:1.2 }
1036  .aman-badge{ font-size:14px; padding:10px 12px; margin:4px auto 0; width:100% }
1037  .features{ gap:6px; margin-top:4px; width:100%; min-width:0; grid-template-columns:repeat(4, minmax(0, 1fr)) }
1038  .feature{ padding:10px 3px 8px; min-width:0; overflow:hidden }
1039  .feature-title, .feature-sub{ overflow-wrap:anywhere }
1040  .feature-icon{ width:44px; height:44px }
1041  .feature-title{ font-size:11px }
1042  .feature-sub{ font-size:12px }
1043  .footer{ font-size:12px; padding:12px 10px }
1044  .seo-content p{ font-size:13px }
1045
1046  /* ====== ANTI PATAH-PATAH (yang DIPERTAHANKAN: rain, lightning, bolt, thunderShake, glitch) ====== */
1047
1048  /* 1) Hilangkan scanline overlay full-screen (paling boros paint per frame) */
1049  body::before{ display:none }
1050
1051  /* 2) MENU: matikan menuBreath (animasi box-shadow = bukan GPU = lag).
1052     Ganti pakai border subtle saja, tampilan masih hidup */
1053  .menu a{
1054    animation:none;
1055    box-shadow:
1056      0 0 8px rgba(186, 134, 23, 0.3),
1057      inset 0 0 10px rgba(255,192,46,.08);
1058  }
1059  .menu a#register{
1060    color:#071a4d;
1061    box-shadow:
1062      0 0 10px rgba(245,196,0,.35),
1063      inset 0 0 10px rgba(255,255,255,.12);
1064  }
1065  /* 3) MENU: matikan sweep gloss (animasi 'left' = layout thrash) */
1066  .menu a::after{ display:none }
1067
1068  /* 4) AMAN BADGE: matikan amanPulse (box-shadow animation = repaint) */
1069  .aman-badge{ animation:none }
1070
1071  /* 5) LOGO SHIMMER: matikan (background-position pada text-clip = paint mahal) */
1072  .logo, .logo span{ animation:none }
1073
1074  /* 6) LOGO: kurangi drop-shadow filter dari 3 jadi 1 */
1075  .logo{
1076    filter:drop-shadow(0 0 6px rgba(255,192,46,.85)) drop-shadow(0 2px 2px rgba(0,0,0,.95));
1077  }
1078  .logo span{
1079    filter:drop-shadow(0 2px 2px rgba(0,0,0,.95));
1080  }
1081
1082  /* 7) HUJAN: matikan setiap drop ganjil-genap dgn pola (sisakan ~10 drop dari 30) */
1083  .drop:nth-child(3n+2), .drop:nth-child(3n+3){ display:none }
1084  /* 8) HUJAN: hilangkan blur filter & box-shadow (paling mahal di GPU mobile) */
1085  .drop{
1086    filter:none;
1087    box-shadow:none;
1088  }
1089
1090  /* 9) BOLT PETIR: kurangi 4 drop-shadow jadi 1 (hemat 75% compositor pass per frame petir) */
1091  .bolt{
1092    width:60px;
1093    filter:drop-shadow(0 0 10px rgba(180,210,255,.95));
1094  }
1095  .bolt.b2{ width:54px }
1096
1097  /* 10) ARCADE FRAME: tipiskan box-shadow berlapis (re-paint saat shake) */
1098  .arcade-frame{
1099    box-shadow:
1100      0 0 12px rgba(186, 134, 23, 0.45),
1101      inset 0 0 18px rgba(0,0,0,.85);
1102  }
1103
1104  /* 11) FEATURE: hilangkan radial glow ::before di tiap feature card */
1105  .feature::before{ display:none }
1106  .feature-icon amp-img{ border-radius:6px }
1107
1108  /* 12) PAYMENTS: tipiskan shadow tiap chip */
1109  .pay{ box-shadow:none }
1110}
1111
1112@media(max-width:480px) and (max-height:740px){
1113  .brand-logo{ max-width:112px }
1114  .hero{ width:calc(100% + 32px); margin:0 -16px; max-width:none }
1115  .hero-media{ width:100%; max-width:none }
1116  .menu a{ padding:11px 12px; font-size:15px }
1117  .screen{ gap:6px; padding:12px 16px 12px }
1118}
1119
1120/* Reduce motion preference (hormati setting user / battery saver) */
1121@media (prefers-reduced-motion: reduce){
1122  .arcade-frame{ animation:none }
1123  .lightning{ animation:none }
1124  .bolt{ display:none }
1125  .drop{ animation-duration:2s }
1126  .menu a, .menu a::after{ animation:none }
1127  .logo, .logo span{ animation:none }
1128  .aman-badge{ animation:none }
1129  .ticker-inner, .live-strip .live-dot{ animation:none }
1130}
1131</style>
1132</head>
1133<body>
1134
1135<!-- HUJAN AIR -->
1136<div class="rain-container" aria-hidden="true">
1137  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1138  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1139  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1140  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1141  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1142  <div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div><div class="drop"></div>
1143</div>
1144
1145<!-- KILAT (visual bolt) -->
1146<div class="bolt" aria-hidden="true"></div>
1147<div class="bolt b2" aria-hidden="true"></div>
1148
1149<!-- PETIR (flash overlay) -->
1150<div class="lightning" aria-hidden="true"></div>
1151
1152<!-- TICKER PROMO -->
1153<div class="ticker" aria-label="ข้อมูลโปรโมชั่น">
1154  <div class="ticker-inner">
1155    <span><span class="hl">★ โบนัสสมาชิกใหม่ 100%</span></span><span class="sep">•</span>
1156    <span><span class="hl">⚡ แคชแบ็กรายสัปดาห์ 10%</span></span><span class="sep">•</span>
1157    <span><span class="hl">◆ โรลลิ่งรายวัน 1%</span></span><span class="sep">•</span>
1158    <span><span class="hl">♛ เกม PG SLOT ที่ดีที่สุดและยอดนิยม</span></span><span class="sep">•</span>
1159    <span><span class="hl">⛁ ถอนเร็ว 1-3 นาที</span></span><span class="sep">•</span>
1160    <span><span class="hl">⚡ ฝากขั้นต่ำ 100 บาท</span></span><span class="sep">•</span>
1161    <span><span class="hl">⚡ ถอนขั้นต่ำ 100 บาท</span></span><span class="sep">•</span>
1162    <span><span class="hl">👥 ผู้เล่นออนไลน์ 22,790 คน</span></span><span class="sep">•</span>
1163  </div>
1164</div>
1165
1166<section class="arcade-frame">
1167
1168  <!-- CORNER ORNAMENTS -->
1169  <span class="corner c-tl" aria-hidden="true"></span>
1170  <span class="corner c-tr" aria-hidden="true"></span>
1171  <span class="corner c-bl" aria-hidden="true"></span>
1172  <span class="corner c-br" aria-hidden="true"></span>
1173
1174  <div class="screen">
1175
1176    <!-- TRUST BADGES -->
1177    <div class="badges">
1178      <span class="badge"><span class="dot"></span>เว็บไซต์อย่างเป็นทางการ</span>
1179      <span class="badge gold">★ ออนไลน์ 24 ชม.</span>
1180    </div>
1181
1182    <!-- LOGO -->
1183    <div class="brand-logo">
1184      <amp-img width="160" height="70" layout="responsive" alt="PGFANS888" src="/files/logo.webp"></amp-img>
1185    </div>
1186
1187    <!-- LIVE PLAYER STRIP -->
1188    <div class="live-strip" aria-label="ผู้เล่นออนไลน์">
1189      <span class="live-dot" aria-hidden="true"></span>
1190      <strong>22.790</strong>
1191      <span class="live-label">ผู้เล่นออนไลน์</span>
1192      <span class="live-note">รวมจากทุกภูมิภาค · อัปเดตทุกนาที</span>
1193    </div>
1194
1195    <!-- HERO IMAGE -->
1196    <div class="hero">
1197      <div class="hero-media">
1198        <amp-img
1199          src="/files/banner.webp"
1200          width="1000"
1201          height="1000"
1202          layout="responsive"
1203          alt="สล็อตเว็บตรง PGFANS888">
1204        </amp-img>
1205        <div class="boot-overlay">
1206          <div class="boot-logo">PGFANS888</div>
1207        </div>
1208      </div>
1209    </div>
1210
1211    <!-- MENU -->
1212    <nav class="menu">
1213      <a id="login" href="https://ezwinurl.com/pgc77">เข้าสู่ระบบ</a>
1214      <a id="register" href="https://ezwinurl.com/pgc77">สมัครสมาชิก</a>
1215    </nav>
1216
1217    <!-- AMAN BADGE -->
1218    <div class="aman-badge"><span class="star">★</span> สล็อตเว็บตรง <span class="star">★</span></div>
1219
1220    <!-- FEATURE GRID -->
1221    <div class="features">
1222      <div class="feature">
1223        <div class="feature-icon"><amp-img src="/files/pg/pg-lucky-neko.jpg" width="48" height="48" layout="fixed" alt=""></amp-img></div>
1224        <div class="feature-title">แจ็คพอต</div>
1225        <div class="feature-sub">ไม่จำกัด</div>
1226      </div>
1227      <div class="feature">
1228        <div class="feature-icon"><amp-img src="/files/pg/pg-fortune-tiger.jpg" width="48" height="48" layout="fixed" alt=""></amp-img></div>
1229        <div class="feature-title">โบนัส</div>
1230        <div class="feature-sub">สูงสุด 20%</div>
1231      </div>
1232      <div class="feature">
1233        <div class="feature-icon"><amp-img src="/files/pg/pg-mahjong-ways.jpg" width="48" height="48" layout="fixed" alt=""></amp-img></div>
1234        <div class="feature-title">ฝากขั้นต่ำ</div>
1235        <div class="feature-sub">฿100</div>
1236      </div>
1237      <div class="feature">
1238        <div class="feature-icon"><amp-img src="/files/pg/pg-wild-bandito.jpg" width="48" height="48" layout="fixed" alt=""></amp-img></div>
1239        <div class="feature-title">ถอนขั้นต่ำ</div>
1240        <div class="feature-sub">฿100</div>
1241      </div>
1242    </div>
1243
1244  </div>
1245
1246  <!-- FOOTER -->
1247  <div class="footer">
1248    PGFANS888 © 2026 — สงวนลิขสิทธิ์
1249  </div>
1250
1251</section>
1252
1253</body>
1254</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.