1<!doctype html> 2 <html amp lang="id"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" /> 6 7 <title>PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar</title> 8 <meta name="description" content="Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif." /> 9 <meta name="robots" content="index,follow" /> 10 <meta name="theme-color" content="#008069" /> 11 <link rel="canonical" href="https://nagahitamjaya.com/" /> 12 <link rel="icon" href="https://vuurwerkshoponline.nl/uploads/favicon.png" /> 13 <link rel="alternate" href="https://nagahitamjaya.com/" hreflang="id" /> 14 <meta property="og:type" content="website" /> 15 <meta property="og:locale" content="id_ID" /> 16 <meta property="og:title" content="PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar" /> 17 <meta property="og:description" content="Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif." /> 18 <meta property="og:url" content="https://nagahitamjaya.com/" /> 19 <meta property="og:image" content="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" /> 20 21 <link rel="preload" as="image" href="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" fetchpriority="high" /> 22 23
23<script async src="https://cdn.ampproject.org/v0.js"></script>
23 24
24<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
24 25
25<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>
25 26
26<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
26 27 28 <style amp-boilerplate> 29 body { 30 -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 31 -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 32 -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 33 animation: -amp-start 8s steps(1, end) 0s 1 normal both; 34 } 35 @-webkit-keyframes -amp-start { 36 from { 37 visibility: hidden; 38 } 39 to { 40 visibility: visible; 41 } 42 } 43 @-moz-keyframes -amp-start { 44 from { 45 visibility: hidden; 46 } 47 to { 48 visibility: visible; 49 } 50 } 51 @-ms-keyframes -amp-start { 52 from { 53 visibility: hidden; 54 } 55 to { 56 visibility: visible; 57 } 58 } 59 @-o-keyframes -amp-start { 60 from { 61 visibility: hidden; 62 } 63 to { 64 visibility: visible; 65 } 66 } 67 @keyframes -amp-start { 68 from { 69 visibility: hidden; 70 } 71 to { 72 visibility: visible; 73 } 74 } 75 </style> 76 77 <noscript> 78 <style amp-boilerplate> 79 body { 80 -webkit-animation: none; 81 -moz-animation: none; 82 -ms-animation: none; 83 animation: none; 84 } 85 </style> 86 </noscript> 87 88 <style amp-custom> 89 :root { 90 --wa-dark: #8B6914; 91 --wa-mid: #DAA520; 92 --wa-light: #FFD700; 93 --wa-soft: #FFF8DC; 94 --chat-bg: #efeae2; 95 --panel: #ffffff; 96 --text: #111b21; 97 --muted: #667781; 98 --line: #e9edef; 99 --incoming: #ffffff; 100 --outgoing: #FFF8DC; 101 --shadow: 0 18px 50px rgba(11, 20, 26, 0.3); 102 --brand: #FFD700; 103 --font: -apple-system, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif; 104 } 105 * { 106 box-sizing: border-box; 107 } 108 html { 109 scroll-behavior: smooth; 110 } 111 body { 112 margin: 0; 113 min-height: 100vh; 114 color: var(--text); 115 font-family: var(--font); 116 background: 117 linear-gradient(rgba(6, 17, 13, 0.72), rgba(6, 17, 13, 0.82)), 118 url("https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png"); 119 background-size: cover; 120 background-position: center center; 121 background-attachment: fixed; 122 background-repeat: no-repeat; 123 } 124 a { 125 color: inherit; 126 } 127 .page { 128 width: 100%; 129 max-width: 720px; 130 margin: 0 auto; 131 padding: 18px 14px 34px; 132 } 133 .phone { 134 overflow: hidden; 135 border-radius: 28px; 136 background: var(--panel); 137 border: 1px solid rgba(218, 165, 32, 0.45); 138 box-shadow: var(--shadow); 139 } 140 .appbar { 141 display: flex; 142 align-items: center; 143 gap: 12px; 144 padding: 13px 14px; 145 color: #ffffff; 146 background: var(--wa-dark); 147 } 148 .back { 149 font-size: 22px; 150 line-height: 1; 151 opacity: 0.95; 152 } 153 .avatar { 154 position: relative; 155 display: flex; 156 align-items: center; 157 justify-content: center; 158 width: 44px; 159 height: 44px; 160 min-width: 44px; 161 flex: 0 0 44px; 162 border-radius: 50%; 163 background: #ffffff; 164 box-shadow: 165 0 0 0 2px rgba(255, 255, 255, 0.35), 166 0 4px 10px rgba(11, 20, 26, 0.28); 167 overflow: visible; 168 } 169 .avatar-frame { 170 position: relative; 171 display: block; 172 width: 40px; 173 height: 40px; 174 border-radius: 50%; 175 overflow: hidden; 176 background: #ffffff; 177 } 178 .avatar-frame amp-img { 179 display: block; 180 width: 40px; 181 height: 40px; 182 border-radius: 50%; 183 overflow: hidden; 184 } 185 .avatar-frame amp-img img { 186 width: 100%; 187 height: 100%; 188 object-fit: cover; 189 object-position: center center; 190 border-radius: 50%; 191 } 192 .online-dot { 193 position: absolute; 194 right: -1px; 195 bottom: 1px; 196 width: 12px; 197 height: 12px; 198 border-radius: 50%; 199 background: #04ff00; 200 border: 2px solid var(--wa-dark); 201 z-index: 5; 202 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.65); 203 } 204 .profile { 205 flex: 1; 206 min-width: 0; 207 } 208 .profile strong { 209 display: block; 210 font-size: 14px; 211 } 212 .profile span { 213 display: block; 214 margin-top: 3px; 215 color: rgba(255, 255, 255, 0.82); 216 font-size: 10px; 217 } 218 .header-actions { 219 display: flex; 220 align-items: center; 221 gap: 6px; 222 margin-left: auto; 223 flex: 0 0 auto; 224 } 225 .header-btn { 226 display: inline-flex; 227 align-items: center; 228 justify-content: center; 229 min-height: 31px; 230 padding: 7px 12px; 231 border-radius: 10px; 232 text-decoration: none; 233 white-space: nowrap; 234 font-size: 10px; 235 font-weight: 900; 236 letter-spacing: 0.35px; 237 transition: 238 transform 0.2s ease, 239 box-shadow 0.2s ease, 240 filter 0.2s ease; 241 } 242 .header-login { 243 color: #1a1200; 244 background: linear-gradient(135deg, #FFD700, #B8860B); 245 border: 1px solid rgba(255, 255, 255, 0.35); 246 box-shadow: 0 5px 12px rgba(184, 134, 11, 0.4); 247 } 248 .header-register { 249 color: #1a1200; 250 background: linear-gradient(135deg, #FFD700, #B8860B); 251 border: 1px solid rgba(255, 255, 255, 0.35); 252 box-shadow: 0 5px 12px rgba(184, 134, 11, 0.4); 253 } 254 .header-btn:hover { 255 transform: translateY(-1px); 256 filter: brightness(1.08); 257 } 258 .app-icons { 259 display: flex; 260 gap: 14px; 261 font-size: 18px; 262 opacity: 0.95; 263 } 264 .chat { 265 position: relative; 266 min-height: 570px; 267 padding: 18px 12px 20px; 268 background: linear-gradient(rgba(241, 231, 216, 0.94), rgba(241, 231, 216, 0.94)), radial-gradient(circle, rgba(11, 20, 26, 0.12) 1px, transparent 1.4px); 269 background-size: 270 auto, 271 18px 18px; 272 } 273 .date { 274 width: max-content; 275 max-width: 90%; 276 margin: 0 auto 16px; 277 padding: 6px 10px; 278 border-radius: 8px; 279 color: #54656f; 280 background: rgba(255, 255, 255, 0.88); 281 box-shadow: 0 2px 8px rgba(11, 20, 26, 0.14); 282 font-size: 10px; 283 font-weight: 700; 284 } 285 .bubble-row { 286 display: flex; 287 margin-bottom: 9px; 288 } 289 .bubble-row.in { 290 justify-content: flex-start; 291 } 292 .bubble-row.out { 293 justify-content: flex-end; 294 } 295 .bubble { 296 position: relative; 297 max-width: 82%; 298 padding: 6px 9px 8px; 299 border-radius: 7.5px; 300 box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13); 301 font-size: 14.2px; 302 line-height: 1.42; 303 } 304 .bubble.in { 305 background: var(--incoming); 306 border-top-left-radius: 3px; 307 } 308 .bubble.out { 309 background: var(--outgoing); 310 border-top-right-radius: 3px; 311 } 312 .bubble.in:before, 313 .bubble.out:before { 314 content: ""; 315 position: absolute; 316 top: 0; 317 width: 0; 318 height: 0; 319 border-style: solid; 320 } 321 .bubble.in:before { 322 left: -7px; 323 border-width: 0 8px 8px 0; 324 border-color: transparent var(--incoming) transparent transparent; 325 } 326 .bubble.out:before { 327 right: -7px; 328 border-width: 0 0 8px 8px; 329 border-color: transparent transparent transparent var(--outgoing); 330 } 331 .sender { 332 display: block; 333 margin-bottom: 4px;
334 color: #B8860B; 335 font-size: 10px; 336 font-weight: 800; 337 } 338 .time { 339 float: right; 340 margin-left: 10px; 341 margin-top: 4px; 342 color: #667781; 343 font-size: 9px; 344 white-space: nowrap; 345 } 346 .check { 347 color: #DAA520; 348 font-weight: 900; 349 } 350 .hero-card { 351 overflow: hidden; 352 margin: 5px 0 11px; 353 border-radius: 12px; 354 border: 1px solid rgba(11, 20, 26, 0.18); 355 background: #ffffff; 356 box-shadow: 0 8px 20px rgba(11, 20, 26, 0.14); 357 } 358 .hero-card amp-img { 359 display: block; 360 } 361 .banner-shine { 362 position: relative; 363 display: block; 364 overflow: hidden; 365 border-radius: 12px; 366 background: #e9edef; 367 } 368 .banner-shine amp-img { 369 display: block; 370 position: relative; 371 z-index: 1; 372 } 373 .hero-copy { 374 position: relative; 375 padding: 12px 14px 14px 16px; 376 border-left: 3px solid var(--brand); 377 } 378 .hero-domain { 379 display: flex; 380 align-items: center; 381 gap: 5px; 382 margin-bottom: 6px; 383 color: #B8860B; 384 font-size: 10.5px; 385 font-weight: 700; 386 letter-spacing: 0.2px; 387 text-transform: uppercase; 388 } 389 .hero-copy h1 { 390 margin: 0; 391 font-size: 15.5px; 392 line-height: 1.3; 393 font-weight: 700; 394 color: var(--text); 395 } 396 .hero-copy p { 397 margin: 6px 0 0; 398 color: var(--muted); 399 font-size: 12.5px; 400 line-height: 1.5; 401 } 402 .actions { 403 display: grid; 404 grid-template-columns: 1fr 1fr; 405 gap: 10px; 406 margin: 14px 0 4px; 407 } 408 .btn { 409 display: flex; 410 align-items: center; 411 justify-content: center; 412 min-height: 48px; 413 padding: 12px; 414 border-radius: 12px; 415 text-align: center; 416 text-decoration: none; 417 font-size: 12px; 418 font-weight: 900; 419 letter-spacing: 0.25px; 420 } 421 .btn-main { 422 grid-column: 1/-1; 423 color: #1a1200; 424 background: linear-gradient(135deg, #FFD700, #B8860B); 425 box-shadow: 0 10px 24px rgba(184, 134, 11, 0.4); 426 } 427 .btn-light { 428 color: #1a1200; 429 background: linear-gradient(135deg, #FFD700, #B8860B); 430 border: 1px solid #8B6914; 431 box-shadow: 0 6px 16px rgba(184, 134, 11, 0.35); 432 } 433 .pop-open { 434 grid-column: 1/-1; 435 width: 100%; 436 min-height: 48px; 437 padding: 12px; 438 border: 0; 439 border-radius: 12px; 440 color: #1a1200; 441 background: linear-gradient(135deg, #FFD700, #B8860B); 442 box-shadow: 0 10px 24px rgba(184, 134, 11, 0.45); 443 font-size: 12px; 444 font-weight: 900; 445 letter-spacing: 0.25px; 446 font-family: var(--font); 447 cursor: pointer; 448 } 449 .quick { 450 margin-top: 14px; 451 padding: 12px; 452 border-radius: 12px; 453 background: rgba(255, 255, 255, 0.82); 454 border: 1px solid rgba(11, 20, 26, 0.16); 455 } 456 .quick-title { 457 display: block; 458 margin-bottom: 9px; 459 color: var(--wa-dark); 460 font-size: 11px; 461 font-weight: 900; 462 } 463 .quick-grid { 464 display: grid; 465 grid-template-columns: repeat(2, 1fr); 466 gap: 8px; 467 } 468 .quick-link { 469 display: flex; 470 justify-content: space-between; 471 align-items: center; 472 gap: 8px; 473 padding: 10px; 474 border-radius: 10px; 475 color: #111b21; 476 background: #ffffff; 477 border: 1px solid #e9edef; 478 text-decoration: none; 479 font-size: 10px; 480 font-weight: 800; 481 } 482 .quick-link span { 483 color: var(--wa-mid); 484 font-size: 15px; 485 } 486 .typing { 487 display: flex; 488 justify-content: flex-start; 489 margin-top: 10px; 490 } 491 .typing-bubble { 492 display: flex; 493 align-items: center; 494 gap: 4px; 495 padding: 10px 13px; 496 border-radius: 10px; 497 border-top-left-radius: 3px; 498 background: #ffffff; 499 box-shadow: 0 1px 2px rgba(11, 20, 26, 0.16); 500 } 501 .typing-bubble i { 502 display: block; 503 width: 6px; 504 height: 6px; 505 border-radius: 50%; 506 background: #8696a0; 507 animation: typing 1.2s infinite; 508 } 509 .typing-bubble i:nth-child(2) { 510 animation-delay: 0.15s; 511 } 512 .typing-bubble i:nth-child(3) { 513 animation-delay: 0.3s;
514 } 515 .composer { 516 display: flex; 517 align-items: center; 518 gap: 9px; 519 padding: 10px; 520 background: #f0f2f5; 521 border-top: 1px solid #e9edef; 522 } 523 .input { 524 flex: 1; 525 display: flex; 526 align-items: center; 527 gap: 9px; 528 min-height: 44px; 529 padding: 0 13px; 530 border-radius: 22px; 531 color: #667781; 532 background: #ffffff; 533 font-size: 11px; 534 } 535 .send { 536 display: grid; 537 place-items: center; 538 width: 44px; 539 height: 44px; 540 flex: 0 0 44px; 541 border-radius: 50%; 542 color: #1a1200; 543 background: linear-gradient(135deg, #FFD700, #B8860B); 544 text-decoration: none; 545 font-size: 18px; 546 box-shadow: 0 8px 18px rgba(11, 20, 26, 0.32); 547 } 548 .footer { 549 padding: 18px 10px 4px; 550 text-align: center; 551 color: #667781; 552 font-size: 10px; 553 line-height: 1.6; 554 } 555 .footer a { 556 color: var(--wa-dark); 557 text-decoration: none; 558 font-weight: 800; 559 } 560 /* ===== AMP AUDIO - VOICE NOTE ===== */ 561 .wa-voice-wrap { 562 display: flex; 563 justify-content: flex-end; 564 width: 100%; 565 margin: 12px 0 9px; 566 } 567 .wa-voice-note { 568 position: relative; 569 display: flex; 570 align-items: center; 571 gap: 7px; 572 width: 100%; 573 max-width: 82%; 574 min-height: 74px; 575 padding: 9px 10px 7px 7px; 576 border-radius: 10px; 577 border-top-right-radius: 3px; 578 color: var(--text); 579 background: var(--outgoing); 580 border: 1px solid rgba(11, 20, 26, 0.12); 581 box-shadow: 582 0 1px 2px rgba(11, 20, 26, 0.16), 583 inset 0 1px 0 rgba(255, 255, 255, 0.46); 584 text-align: left; 585 } 586 .wa-voice-note:after { 587 content: ""; 588 position: absolute; 589 top: -1px; 590 right: -8px; 591 width: 0; 592 height: 0; 593 border-style: solid; 594 border-width: 0 0 9px 9px; 595 border-color: transparent transparent transparent var(--outgoing); 596 } 597 .wa-play-btn { 598 display: grid; 599 place-items: center; 600 width: 43px; 601 height: 54px; 602 min-width: 43px; 603 padding: 0; 604 border: 0; 605 border-radius: 50%; 606 color: var(--wa-mid); 607 background: transparent; 608 cursor: pointer; 609 font-family: var(--font); 610 -webkit-tap-highlight-color: transparent; 611 } 612 .wa-play-btn:focus { 613 outline: 2px solid rgba(218, 165, 32, 0.4); 614 outline-offset: 1px; 615 } 616 .wa-play-btn[hidden] { 617 display: none; 618 } 619 .wa-play-icon { 620 display: block; 621 width: 0; 622 height: 0; 623 margin-left: 4px; 624 border-top: 12px solid transparent; 625 border-bottom: 12px solid transparent; 626 border-left: 18px solid var(--wa-mid); 627 filter: drop-shadow(0 1px 1px rgba(11, 20, 26, 0.18)); 628 } 629 .wa-pause-icon { 630 display: flex; 631 align-items: center; 632 justify-content: center; 633 gap: 5px; 634 width: 24px; 635 height: 26px; 636 } 637 .wa-pause-icon i { 638 display: block; 639 width: 5px; 640 height: 23px; 641 border-radius: 2px; 642 background: var(--wa-mid); 643 box-shadow: 0 1px 1px rgba(11, 20, 26, 0.16); 644 } 645 .wa-voice-main { 646 flex: 1; 647 min-width: 0; 648 padding-top: 2px; 649 } 650 .wa-track { 651 position: relative; 652 display: flex; 653 align-items: center; 654 width: 100%; 655 height: 34px; 656 padding-left: 14px; 657 overflow: hidden; 658 } 659 .wa-progress-dot { 660 position: absolute; 661 left: 0; 662 top: 50%; 663 z-index: 2; 664 width: 11px; 665 height: 11px; 666 border-radius: 50%; 667 background: var(--wa-light); 668 border: 1px solid rgba(90, 53, 29, 0.18); 669 box-shadow: 670 0 0 0 2px rgba(255, 255, 255, 0.42), 671 0 2px 5px rgba(11, 20, 26, 0.16); 672 transform: translateY(-50%); 673 } 674 .wa-wave { 675 display: flex; 676 flex: 1; 677 align-items: center; 678 gap: 2px; 679 height: 28px; 680 overflow: hidden; 681 } 682 .wa-wave i { 683 display: block; 684 width: 2px; 685 min-width: 2px; 686 border-radius: 3px; 687 background: #8696a0; 688 opacity: 0.72; 689 animation: wa-wave-pulse 1.25s ease-in-out infinite; 690 } 691 .wa-wave i:nth-child(-n + 5) { 692 background: var(--wa-light); 693 opacity: 1;
694 } 695 .wa-wave i:nth-child(1) { height: 7px; animation-delay: 0.04s; } 696 .wa-wave i:nth-child(2) { height: 15px; animation-delay: 0.08s; } 697 .wa-wave i:nth-child(3) { height: 10px; animation-delay: 0.12s; } 698 .wa-wave i:nth-child(4) { height: 21px; animation-delay: 0.16s; } 699 .wa-wave i:nth-child(5) { height: 13px; animation-delay: 0.2s; } 700 .wa-wave i:nth-child(6) { height: 24px; animation-delay: 0.24s; } 701 .wa-wave i:nth-child(7) { height: 12px; animation-delay: 0.28s; } 702 .wa-wave i:nth-child(8) { height: 18px; animation-delay: 0.32s; } 703 .wa-wave i:nth-child(9) { height: 9px; animation-delay: 0.36s; } 704 .wa-wave i:nth-child(10) { height: 22px; animation-delay: 0.4s; } 705 .wa-wave i:nth-child(11) { height: 14px; animation-delay: 0.44s; } 706 .wa-wave i:nth-child(12) { height: 8px; animation-delay: 0.48s; } 707 .wa-wave i:nth-child(13) { height: 19px; animation-delay: 0.52s; } 708 .wa-wave i:nth-child(14) { height: 11px; animation-delay: 0.56s; } 709 .wa-wave i:nth-child(15) { height: 23px; animation-delay: 0.6s; } 710 .wa-wave i:nth-child(16) { height: 13px; animation-delay: 0.64s; } 711 .wa-wave i:nth-child(17) { height: 17px; animation-delay: 0.68s; } 712 .wa-wave i:nth-child(18) { height: 8px; animation-delay: 0.72s; } 713 .wa-wave i:nth-child(19) { height: 21px; animation-delay: 0.76s; } 714 .wa-wave i:nth-child(20) { height: 12px; animation-delay: 0.8s; } 715 .wa-wave i:nth-child(21) { height: 18px; animation-delay: 0.84s; } 716 .wa-wave i:nth-child(22) { height: 9px; animation-delay: 0.88s; } 717 .wa-wave i:nth-child(23) { height: 15px; animation-delay: 0.92s; } 718 .wa-wave i:nth-child(24) { height: 7px; animation-delay: 0.96s; } 719 .wa-voice-bottom { 720 display: flex; 721 align-items: flex-end; 722 justify-content: space-between; 723 gap: 10px; 724 min-height: 17px; 725 padding: 0 1px 0 2px; 726 color: #667781; 727 font-size: 10px; 728 line-height: 1; 729 } 730 .wa-duration, 731 .wa-chat-time { 732 display: flex; 733 align-items: center; 734 gap: 4px; 735 white-space: nowrap; 736 } 737 .wa-mic-mini { 738 position: relative; 739 display: inline-block; 740 width: 7px; 741 height: 11px; 742 margin-right: 1px; 743 border: 1.5px solid var(--wa-mid); 744 border-radius: 5px; 745 } 746 .wa-mic-mini:before { 747 content: ""; 748 position: absolute; 749 left: 50%; 750 bottom: -5px; 751 width: 1.5px; 752 height: 4px; 753 background: var(--wa-mid); 754 transform: translateX(-50%); 755 } 756 .wa-mic-mini:after { 757 content: ""; 758 position: absolute; 759 left: 50%; 760 bottom: -6px; 761 width: 7px; 762 height: 1.5px; 763 border-radius: 2px; 764 background: var(--wa-mid); 765 transform: translateX(-50%); 766 } 767 .wa-voice-check { 768 color: #DAA520; 769 font-size: 11px; 770 font-weight: 900; 771 letter-spacing: -2px; 772 } 773 .wa-hidden-audio { 774 position: absolute; 775 left: 0; 776 bottom: 0; 777 width: 1px; 778 height: 1px; 779 overflow: hidden; 780 opacity: 0; 781 pointer-events: none; 782 } 783 @keyframes wa-wave-pulse { 784 0%, 100% { 785 transform: scaleY(0.78); 786 opacity: 0.58; 787 } 788 50% { 789 transform: scaleY(1); 790 opacity: 1; 791 } 792 } 793 @media (max-width: 470px) { 794 .wa-voice-note { 795 max-width: 88%; 796 min-height: 70px; 797 gap: 5px; 798 padding: 8px 8px 6px 5px; 799 } 800 .wa-play-btn { 801 width: 39px; 802 height: 50px; 803 min-width: 39px; 804 } 805 .wa-play-icon { 806 border-top-width: 11px; 807 border-bottom-width: 11px; 808 border-left-width: 17px; 809 } 810 .wa-wave { 811 gap: 1.5px; 812 } 813 .wa-wave i { 814 width: 2px; 815 min-width: 2px; 816 } 817 .wa-voice-bottom { 818 font-size: 9px; 819 } 820 } 821 .pop-overlay { 822 display: flex; 823 align-items: center; 824 justify-content: center; 825 width: 100%; 826 min-height: 100vh; 827 padding: 18px; 828 background: rgba(11, 20, 26, 0.85); 829 } 830 .pop-box { 831 position: relative; 832 width: 100%; 833 max-width: 390px; 834 overflow: hidden; 835 border-radius: 24px; 836 background: #ffffff; 837 border: 1px solid rgba(218, 165, 32, 0.55); 838 box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45); 839 } 840 .pop-head { 841 position: relative; 842 padding: 14px 52px 13px 16px; 843 color: #1a1200; 844 background: linear-gradient(135deg, #FFD700, #B8860B); 845 } 846 .pop-head strong { 847 display: block; 848 font-size: 16px; 849 line-height: 1.25; 850 font-weight: 900; 851 } 852 .pop-head span { 853 display: block; 854 margin-top: 4px; 855 font-size: 10px; 856 color: rgba(26, 18, 0, 0.8); 857 font-weight: 700; 858 } 859 .pop-close { 860 position: absolute; 861 top: 10px; 862 right: 10px; 863 display: grid; 864 place-items: center; 865 width: 34px; 866 height: 34px; 867 border: 0; 868 border-radius: 50%; 869 color: #B8860B; 870 background: #ffffff; 871 font-size: 20px; 872 font-weight: 900; 873 line-height: 1; 874 cursor: pointer; 875 font-family: var(--font); 876 } 877 .pop-img { 878 display: block; 879 background: #e9edef; 880 } 881 .pop-content { 882 padding: 16px; 883 text-align: center; 884 } 885 .pop-content h2 { 886 margin: 0; 887 color: #B8860B; 888 font-size: 20px; 889 line-height: 1.25; 890 font-weight: 900; 891 } 892 .pop-content p { 893 margin: 9px 0 0; 894 color: #667781; 895 font-size: 12px; 896 line-height: 1.55; 897 } 898 .pop-badge { 899 display: inline-block; 900 margin-bottom: 10px; 901 padding: 7px 12px; 902 border-radius: 999px; 903 color: #1a1200; 904 background: linear-gradient(135deg, #FFD700, #B8860B); 905 font-size: 10px; 906 font-weight: 900; 907 letter-spacing: 0.4px; 908 } 909 .pop-actions { 910 display: grid; 911 grid-template-columns: 1fr 1fr; 912 gap: 9px; 913 margin-top: 15px; 914 } 915 .pop-btn { 916 display: flex; 917 align-items: center; 918 justify-content: center; 919 min-height: 44px;
920 padding: 11px; 921 border-radius: 12px; 922 text-decoration: none; 923 font-size: 11px; 924 font-weight: 900; 925 letter-spacing: 0.25px; 926 } 927 .pop-btn-main { 928 grid-column: 1/-1; 929 color: #1a1200; 930 background: linear-gradient(135deg, #FFD700, #B8860B); 931 box-shadow: 0 10px 22px rgba(184, 134, 11, 0.4); 932 } 933 .pop-btn-light { 934 color: #B8860B; 935 background: #ffffff; 936 border: 1px solid rgba(218, 165, 32, 0.5); 937 } 938 @keyframes typing { 939 0%, 60%, 100% { 940 transform: translateY(0); 941 opacity: 0.45; 942 } 943 30% { 944 transform: translateY(-4px); 945 opacity: 1; 946 } 947 } 948 @media (max-width: 470px) { 949 .page { 950 padding: 0; 951 } 952 .phone { 953 border-radius: 0; 954 min-height: 100vh; 955 } 956 .appbar { 957 gap: 8px; 958 padding: 10px 8px; 959 } 960 .profile strong { 961 font-size: 12px; 962 } 963 .profile span { 964 display: none; 965 } 966 .header-actions { 967 gap: 4px; 968 } 969 .header-btn { 970 min-height: 28px; 971 padding: 6px 8px; 972 font-size: 9px; 973 border-radius: 8px; 974 } 975 .app-icons { 976 gap: 8px; 977 font-size: 16px; 978 } 979 .chat { 980 min-height: calc(100vh - 122px); 981 } 982 .quick-grid { 983 grid-template-columns: 1fr; 984 } 985 .bubble { 986 max-width: 88%; 987 } 988 .pop-box { 989 max-width: 94vw; 990 } 991 .pop-actions { 992 grid-template-columns: 1fr; 993 } 994 .pop-btn-main { 995 grid-column: auto; 996 } 997 } 998 </style> 999 </head> 1000 1001 <body> 1002 <main class="page"> 1003 <section class="phone" aria-label="Tampilan percakapan layanan pelanggan"> 1004 <header class="appbar"> 1005 <div class="back">â¹</div> 1006 1007 <div class="avatar"> 1008 <div class="avatar-frame"> 1009 <amp-img src="https://vuurwerkshoponline.nl/uploads/favicon.png" width="40" height="40" layout="fixed" alt="Customer Service PRAGMATIC4D"> </amp-img> 1010 </div> 1011 <span class="online-dot"></span> 1012 </div> 1013 1014 <div class="profile"> 1015 <strong>PRAGMATIC4D OFFICIAL</strong> 1016 <span>Online ⢠Situs Slot 4D & Agen Mahjong Terpercaya</span> 1017 </div> 1018 1019 <nav class="header-actions" aria-label="Akses akun PRAGMATIC4D"> 1020 <a class="header-btn header-login" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a> 1021 1022 <a class="header-btn header-register" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a> 1023 </nav> 1024 1025 <div class="app-icons" aria-hidden="true"> 1026 <span>â</span> 1027 <span>â®</span> 1028 </div> 1029 </header> 1030 1031 <div class="chat"> 1032 <div class="date">HARI INI</div> 1033 1034 <div class="bubble-row in"> 1035 <div class="bubble in"> 1036 <span class="sender">PRAGMATIC4D</span> 1037 Halo Bosku, Ada yang bisa kami bantu ? ðâð 1038 <span class="time">09.12</span> 1039 </div> 1040 </div> 1041 1042 <div class="bubble-row out"> 1043 <div class="bubble out"> 1044 Saya ingin melihat informasi layanan terbaru. 1045 <span class="time">04.20 <span class="check">ââ</span></span> 1046 </div> 1047 </div> 1048 1049 1050 <article class="hero-card"> 1051 <div class="banner-shine"> 1052 <amp-img src="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" width="500" height="500" layout="responsive" alt="Ilustrasi layanan percakapan online"> </amp-img> 1053 </div> 1054 1055 <div class="hero-copy"> 1056 <span class="hero-domain">ð PRAGMATIC4D.COM · Situs Resmi</span> 1057 <h1>PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar</h1> 1058 <p>Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif.</p> 1059 1060 <div class="actions"> 1061 <a class="btn btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a> 1062 1063 <a class="btn btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a> 1064 <button class="pop-open" type="button" on="tap:promo-pop.open">LIHAT PROMO TERBARU</button> 1065 1066 <a class="btn btn-main" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> KUNJUNGI SITUS </a> 1067 1068 1069 </div> 1070 </div> 1071 </article> 1072 1073 <div class="bubble-row out"> 1074 <div class="bubble out"> 1075 Apakah PRAGMATIC4D Situs Slot & Togel Resmi?
1076 <span class="time">04.20 <span class="check">ââ</span></span> 1077 </div> 1078 </div> 1079 1080 <div class="bubble-row in"> 1081 <div class="bubble in"> 1082 <span class="sender">PRAGMATIC4D</span> 1083 Tentu, PRAGMATIC4D Adalah Situs Slot & Togel Resmi No.1 Se-Indonesia. 1084 <span class="time">04.20</span> 1085 </div> 1086 </div> 1087 1088 <div class="quick"> 1089 <span class="quick-title">Informasi PRAGMATIC4D</span> 1090 1091 <div class="quick-grid"> 1092 <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> Pola Slot Gacor <span>âº</span> </a> 1093 1094 <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> RTP Slot Akurat 99% <span>âº</span> </a> 1095 1096 <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer">
1096 Prediksi Togel <span>âº</span> </a> 1097 1098 <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> Bonus Slot & Togel 100% <span>âº</span> </a> 1099 </div> 1100 </div> 1101 <!-- AMP VOICE NOTE - TOMBOL PLAY MIRIP WHATSAPP --> 1102 <div class="bubble-row out wa-voice-wrap"> 1103 <div class="wa-voice-note" role="group" aria-label="Pesan suara PRAGMATIC4D"> 1104 <button class="wa-play-btn" type="button" aria-label="Putar pesan suara" on="tap:voice-note-audio.play,AMP.setState({voicePlaying:true})" [hidden]="voicePlaying"> 1105 <span class="wa-play-icon" aria-hidden="true"></span> 1106 </button> 1107 1108 <button class="wa-play-btn" type="button" aria-label="Jeda pesan suara" on="tap:voice-note-audio.pause,AMP.setState({voicePlaying:false})" [hidden]="!voicePlaying" hidden> 1109 <span class="wa-pause-icon" aria-hidden="true"><i></i><i></i></span> 1110 </button> 1111 1112 <div class="wa-voice-main"> 1113 <div class="wa-track" aria-hidden="true"> 1114 <span class="wa-progress-dot"></span> 1115 <div class="wa-wave"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div> 1116 </div> 1117 1118 <div class="wa-voice-bottom"> 1119 <span class="wa-duration"> 1120 <span class="wa-mic-mini" aria-hidden="true"></span> 1121 0:25 1122 </span> 1123 1124 <span class="wa-chat-time"> 09.18 <span class="wa-voice-check">ââ</span> </span> 1125 </div> 1126 </div> 1127 1128 <amp-audio id="voice-note-audio" class="wa-hidden-audio" width="1" height="1" layout="fixed" preload="none" autoplay loop 1129 artwork="https://vuurwerkshoponline.nl/uploads/favicon.png" title="Pesan Suara PRAGMATIC4D" artist="PRAGMATIC4D" album="PRAGMATIC4D"> 1130 Browser Anda tidak mendukung pemutar audio. 1131 </amp-audio> 1132 </div> 1133 </div> 1134 <div class="typing"> 1135 <div class="typing-bubble" role="img" aria-label="Admin sedang mengetik"><i></i><i></i><i></i></div> 1136 </div> 1137 </div> 1138 1139 <div class="composer"> 1140 <div class="input"> 1141 <span>âº</span> 1142 <span>Ketik pesan...</span> 1143 </div> 1144 1145 <a class="send" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer" aria-label="Buka percakapan"> ⤠</a> 1146 </div> 1147 </section> 1148 1149 <footer class="footer"> 1150 <div> 1151 <a href="https://nagahitamjaya.com/" rel="noopener noreferrer"> © 2026 PRAGMATIC4D X LS</a> 1152 </div> 1153 </footer> 1154 </main> 1155 1156 <amp-lightbox id="promo-pop" layout="nodisplay"> 1157 <div class="pop-overlay" role="dialog" aria-label="Popup promo PRAGMATIC4D"> 1158 <div class="pop-box"> 1159 <div class="pop-head"> 1160 <strong>PRAGMATIC4D PROMO</strong> 1161 <span>Promo resmi terbaru menjelang 17 Agustus</span> 1162 <button class="pop-close" type="button" on="tap:promo-pop.close" aria-label="Tutup popup">Ã</button> 1163 </div> 1164 1165 <div class="banner-shine"> 1166 <amp-img class="pop-img" src="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" width="800" height="700" layout="responsive" alt="Promo PRAGMATIC4D"> </amp-img> 1167 </div> 1168 1169 <div class="pop-content"> 1170 <span class="pop-badge">BONUS TERBARU 2026</span> 1171 <h2>SPESIAL WEEKEND SERU, HADIAH 25 SMARTPHONE SECARA CUMA-CUMA</h2> 1172 <p>Dapatkan 25 Unit Smartphone Setiap hari Minggu untuk seluruh pemain PRAGMATIC4D secara Gratis Tanpa di pungut Biaya Sepersenpun.</p> 1173 1174 <div class="pop-actions"> 1175 <a class="pop-btn pop-btn-main" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> AMBIL PROMO </a> 1176 1177 <a class="pop-btn pop-btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a> 1178 1179 <a class="pop-btn pop-btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a> 1180 </div> 1181 </div> 1182 </div> 1183 </div> 1184 </amp-lightbox> 1185 </body> 1186 </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.