<!--
╔════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
║                                                                                                            ║
║      ███████╗███████╗ ██████╗     ███╗   ███╗██████╗  ██████╗     ███████╗ █████╗ ███████╗████████╗      ║
║      ██╔════╝██╔════╝██╔═══██╗    ████╗ ████║██╔══██╗██╔════╝     ██╔════╝██╔══██╗██╔════╝╚══██╔══╝      ║
║      ███████╗█████╗  ██║   ██║    ██╔████╔██║██████╔╝██║  ███╗    █████╗  ███████║███████╗   ██║         ║
║      ╚════██║██╔══╝  ██║   ██║    ██║╚██╔╝██║██╔══██╗██║   ██║    ██╔══╝  ██╔══██║╚════██║   ██║         ║
║      ███████║███████╗╚██████╔╝    ██║ ╚═╝ ██║██████╔╝╚██████╔╝    ██║     ██║  ██║███████║   ██║         ║
║      ╚══════╝╚══════╝ ╚═════╝     ╚═╝     ╚═╝╚═════╝  ╚═════╝     ╚═╝     ╚═╝  ╚═╝╚══════╝   ╚═╝         ║
║                                                                                                            ║
╚════════════════════════════════════════════════════════════════════════════════════════════════════════════╝


        ██████╗  ██████╗  ██████╗ ███████╗████████╗███████╗██████╗     ███████╗ ██████╗ ███╗   ██╗███████╗
        ██╔══██╗██╔═══██╗██╔═══██╗██╔════╝╚══██╔══╝██╔════╝██╔══██╗    ╚══███╔╝██╔═══██╗████╗  ██║██╔════╝
        ██████╔╝██║   ██║██║   ██║███████╗   ██║   █████╗  ██████╔╝      ███╔╝ ██║   ██║██╔██╗ ██║█████╗  
        ██╔══██╗██║   ██║██║   ██║╚════██║   ██║   ██╔══╝  ██╔══██╗     ███╔╝  ██║   ██║██║╚██╗██║██╔══╝  
        ██████╔╝╚██████╔╝╚██████╔╝███████║   ██║   ███████╗██║  ██║    ███████╗╚██████╔╝██║ ╚████║███████╗
        ╚═════╝  ╚═════╝  ╚═════╝ ╚══════╝   ╚═╝   ╚══════╝╚═╝  ╚═╝    ╚══════╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝


[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]---[ 999 ]
     ║         ║         ║         ║         ║         ║         ║         ║         ║
     ▼         ▼         ▼         ▼         ▼         ▼         ▼         ▼         ▼
=====>=====>=====>=====>=====>=====>=====>=====>=====>=====>=====>=====>=====>=====>


        ___          ___          ___          ___          ___          ___          ___          ___
       /___\        /___\        /___\        /___\        /___\        /___\        /___\        /___\
       \___/--------\___/--------\___/--------\___/--------\___/--------\___/--------\___/--------\___/
         │            │            │            │            │            │            │            │
         │            │            │            │            │            │            │            │
       /___\        /___\        /___\        /___\        /___\        /___\        /___\        /___\
       \___/--------\___/--------\___/--------\___/--------\___/--------\___/--------\___/--------\___/


<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>

     ╔════════════════════════════════════════════════════════════════════════════════╗
     ║                              SYSTEM SIGNAL ACTIVE                             ║
     ╠════════════════════════════════════════════════════════════════════════════════╣
     ║  STATUS        : ONLINE                                                       ║
     ║  MODE          : HIGH IMPACT SEO STRUCTURE                                    ║
     ║  CODE          : 999-SEO-MBG                                                  ║
     ║  ACCESS        : GRANTED                                                      ║
     ║  POWER LEVEL   : ████████████████████████████████████████████████████ 100%    ║
     ║  CONNECTION    : STABLE                                                       ║
     ║  TARGET        : SEARCH ENGINE VISIBILITY                                     ║
     ║  OPERATION     : CONTENT BOOST / INDEX SIGNAL / RANKING FLOW                  ║
     ╚════════════════════════════════════════════════════════════════════════════════╝


        ╭────────────────────────────────────────────────────────────────────────╮
        │                                                                        │
        │   ███╗   ██╗ ██████╗ ██████╗ ███████╗    ███████╗██╗      ██████╗     │
        │   ████╗  ██║██╔═══██╗██╔══██╗██╔════╝    ██╔════╝██║     ██╔═══██╗    │
        │   ██╔██╗ ██║██║   ██║██║  ██║█████╗      █████╗  ██║     ██║   ██║    │
        │   ██║╚██╗██║██║   ██║██║  ██║██╔══╝      ██╔══╝  ██║     ██║   ██║    │
        │   ██║ ╚████║╚██████╔╝██████╔╝███████╗    ██║     ███████╗╚██████╔╝    │
        │   ╚═╝  ╚═══╝ ╚═════╝ ╚═════╝ ╚══════╝    ╚═╝     ╚══════╝ ╚═════╝     │
        │                                                                        │
        ╰────────────────────────────────────────────────────────────────────────╯


>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>  SEO CORE LOADED
>>>  META SIGNAL READY
>>>  CRAWLER PATH OPEN
>>>  INDEXING BRIDGE ACTIVE
>>>  KEYWORD FIELD EXPANDED
>>>  STRUCTURE LOCKED
>>>  SYSTEM RESPONSE: SUCCESS
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


        [▓▓▓▓▓▓▓▓▓▓] 10%
        [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓] 25%
        [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓] 50%
        [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓] 75%
        [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓] 100%


╔════════════════════════════════════════════════════════════════════════════════════╗
║                                                                                    ║
║   ░██████╗███████╗ ██████╗     ███████╗██╗ ██████╗ ███╗   ██╗ █████╗ ██╗         ║
║   ██╔════╝██╔════╝██╔═══██╗    ██╔════╝██║██╔════╝ ████╗  ██║██╔══██╗██║         ║
║   ╚█████╗ █████╗  ██║   ██║    ███████╗██║██║  ███╗██╔██╗ ██║███████║██║         ║
║    ╚═══██╗██╔══╝  ██║   ██║    ╚════██║██║██║   ██║██║╚██╗██║██╔══██║██║         ║
║   ██████╔╝███████╗╚██████╔╝    ███████║██║╚██████╔╝██║ ╚████║██║  ██║███████╗    ║
║   ╚═════╝ ╚══════╝ ╚═════╝     ╚══════╝╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝    ║
║                                                                                    ║
╚════════════════════════════════════════════════════════════════════════════════════╝


      ┌──────────────────────────────────────────────────────────────────────┐
      │  MBG SEO SYSTEM                                                      │
      │  ──────────────────────────────────────────────────────────────────  │
      │  This block is hidden inside HTML comment.                           │
      │  Designed for strong visual identity, code signature, and branding.   │
      │  Keep structure clean. Keep signal active. Keep ranking flow alive.   │
      └──────────────────────────────────────────────────────────────────────┘


<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>
[ 999 ]---[ SEO ]---[ MBG ]---[ FAST ]---[ INDEX ]---[ SIGNAL ]---[ BOOST ]---[ 999 ]
<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>====<===>

████████████████████████████████████████████████████████████████████████████████████
█▄─▄▄─█▄─▄▄▀█▄─▄▄▀█─▄▄▄▄█─▄─▄─█▄─▄▄─█▄─▀█▄─▄█▄─▄▄─█▄─▄▄▀█▄─▄▄─█▄─▄▄▀█▄─▄▄─█▄─▄▄─█
██─▄█▀██─▄─▄██─▄─▄█▄▄▄▄─███─████─▄█▀██─█▄▀─███─▄█▀██─▄─▄██─▄█▀██─▄─▄██─▄█▀██─▄█▀█
▀▄▄▄▄▄▀▄▄▀▄▄▀▄▄▀▄▄▀▄▄▄▄▄▀▀▄▄▄▀▀▄▄▄▄▄▀▄▄▄▀▀▄▄▀▄▄▄▄▄▀▄▄▀▄▄▀▄▄▄▄▄▀▄▄▀▄▄▀▄▄▄▄▄▀▄▄▄▄▄▀
████████████████████████████████████████████████████████████████████████████████████

-->
<!DOCTYPE html>
<html amp lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <title>SLOT4D : Situs Asli Tempat Brewek Gampang Jackpot Deposit Qris Langsung Masuk Di Slot 4D</title>
    <meta name="description" content="SLOT4D situs asli tempat brewek gampang jackpot dengan layanan deposit QRIS langsung masuk yang memudahkan pemain untuk menikmati permainan slot 4D tanpa ribet. Hadir dengan tampilan modern, akses cepat, pilihan game populer, serta sistem transaksi yang praktis, SLOT4D menjadi pilihan tepat bagi pemain yang mencari pengalaman bermain mudah, aman, nyaman, dan seru setiap hari.">
    <meta name="geo.placename" content="Indonesia">
    <meta name="geo.region" content="id-ID">
    <meta name="geo.country" content="id">
    <meta name="language" content="Indonesian">
    <meta name="author" content="SLOT4D">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    <meta property="og:locale" content="id_ID">
    <meta property="og:type" content="website">
    <meta property="og:title" content="SLOT4D : Situs Asli Tempat Brewek Gampang Jackpot Deposit Qris Langsung Masuk Di Slot 4D">
    <meta property="og:description" content="SLOT4D situs asli tempat brewek gampang jackpot dengan layanan deposit QRIS langsung masuk yang memudahkan pemain untuk menikmati permainan slot 4D tanpa ribet. Hadir dengan tampilan modern, akses cepat, pilihan game populer, serta sistem transaksi yang praktis, SLOT4D menjadi pilihan tepat bagi pemain yang mencari pengalaman bermain mudah, aman, nyaman, dan seru setiap hari.">
    <meta property="og:url" content="https://biglittlethings.de/rueckerstattungsrichtlinie/">
    <meta property="og:image" content="https://i.postimg.cc/mkqdxzPr/pokemon-slot4dd.jpg">
      <link rel="alternate" hreflang="id-id" href="https://biglittlethings.pages.dev/rueckerstattungsrichtlinie"/>
      <link rel="alternate" href="https://biglittlethings.pages.dev/rueckerstattungsrichtlinie"/>
      <link rel="alternate" hreflang="id" href="https://biglittlethings.pages.dev/rueckerstattungsrichtlinie"/>
      <link rel="alternate" hreflang="en" href="https://biglittlethings.pages.dev/rueckerstattungsrichtlinie"/>
      <link rel="alternate" hreflang="x-default" href="https://camronsolvent.com/blogs/"/>
    <link rel="canonical" href="https://biglittlethings.de/rueckerstattungsrichtlinie/">
    <link rel="icon" href="https://i.postimg.cc/cJKpn46H/icon-slot4d.png" sizes="any">
    <link rel="icon" href="https://i.postimg.cc/cJKpn46H/icon-slot4d.png" type="image/svg+xml">
    <link rel="apple-touch-icon" href="https://i.postimg.cc/cJKpn46H/icon-slot4d.png">
    <link rel="preload" href="https://i.postimg.cc/mkqdxzPr/pokemon-slot4dd.jpg" as="image">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Matrix+Regular+Small+Caps&family=EB+Garamond:ital,wght@0,400;0,700;1,000&display=swap" rel="stylesheet">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
<!-- AMP BOILERPLATE -->
<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>

<noscript>
  <style amp-boilerplate>
    body {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      animation: none;
    }
  </style>
</noscript>

<!-- AMP CUSTOM STYLE SLOT4D MAROON BLACK WHITE -->
<style amp-custom>
html {
  height: 100%;
  overflow-y: auto;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 15px 0;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background:
    linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.25)),
    url('https://i.postimg.cc/L6mfRBdv/bg-slot4d-pokemon.png') no-repeat center center / cover;
  background-attachment: fixed;

  color: #ffffff;
}

/* ===============================
   GLOBAL LINK & BUTTON RESET
================================ */
a {
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

/* ===============================
   TOMBOL LOGIN DAFTAR ALTERNATIF
================================ */
.login,
.daftar,
.alternatif,
.btn-login,
.btn-daftar,
.btn-alternatif,
.button-login,
.button-daftar,
.button-alternatif,
a[href*="login"],
a[href*="daftar"],
a[href*="alternatif"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-height: 44px;
  padding: 12px 20px;
  box-sizing: border-box;

  font-family: 'Matrix Regular Small Caps', Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;

  color: #ffffff;
  background: linear-gradient(145deg, #090909 0%, #4b0017 45%, #9b002e 100%);
  border: 2px solid #ffffff;
  border-radius: 10px;

  text-shadow:
    0 0 6px rgba(0, 0, 0, 0.95),
    0 0 10px rgba(255, 49, 95, 0.9);

  box-shadow:
    0 0 14px rgba(255, 49, 95, 0.7),
    inset 0 0 8px rgba(255, 255, 255, 0.16),
    0 5px 15px rgba(0, 0, 0, 0.75);

  transition: all 0.25s ease-in-out;
}

.login:hover,
.daftar:hover,
.alternatif:hover,
.btn-login:hover,
.btn-daftar:hover,
.btn-alternatif:hover,
.button-login:hover,
.button-daftar:hover,
.button-alternatif:hover,
a[href*="login"]:hover,
a[href*="daftar"]:hover,
a[href*="alternatif"]:hover {
  color: #000000;
  background: linear-gradient(145deg, #ffffff 0%, #ff315f 50%, #8b0028 100%);

  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.85),
    0 0 30px rgba(255, 49, 95, 1),
    0 6px 18px rgba(0, 0, 0, 0.85);

  transform: translateY(-2px);
}

.daftar,
.btn-daftar,
.button-daftar,
a[href*="daftar"] {
  background: linear-gradient(145deg, #ff315f 0%, #8b0028 45%, #120005 100%);
  border-color: #ffffff;

  box-shadow:
    0 0 18px rgba(255, 49, 95, 0.95),
    inset 0 0 10px rgba(255, 255, 255, 0.2),
    0 6px 18px rgba(0, 0, 0, 0.8);
}

.alternatif,
.btn-alternatif,
.button-alternatif,
a[href*="alternatif"] {
  background: linear-gradient(145deg, #000000 0%, #21000a 50%, #4b0017 100%);
  border-color: #ff315f;
}

.login-wrapper,
.daftar-wrapper,
.alternatif-wrapper,
.button-wrapper,
.btn-wrapper,
.menu-button,
.button-area {
  background: linear-gradient(145deg, rgba(0,0,0,0.88), rgba(75,0,23,0.88));
  border: 1px solid rgba(255, 49, 95, 0.75);
  border-radius: 14px;
  padding: 8px;
  box-shadow:
    0 0 18px rgba(255, 49, 95, 0.45),
    inset 0 0 12px rgba(255, 255, 255, 0.08);
}

/* ===============================
   TOMBOL FLIP
================================ */
.flip-button {
  position: relative;
  z-index: 20;

  margin-bottom: -28px;
  padding: 10px 22px;

  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1px;

  color: #ffffff;
  cursor: pointer;

  background: linear-gradient(145deg, #120005, #8b0028, #ff315f);
  border: 2px solid #ffffff;
  border-radius: 8px;

  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);

  box-shadow:
    0 0 14px rgba(255, 49, 95, 0.85),
    0 4px 15px rgba(0, 0, 0, 0.7);
}

.flip-button:hover {
  background: linear-gradient(145deg, #ff315f, #8b0028, #120005);
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.85),
    0 0 30px rgba(255, 49, 95, 0.95);
  transform: translateY(-2px);
}

/* ===============================
   AREA KARTU
================================ */
.card-scene {
  width: 470px;
  margin: 50px 0;

  position: relative;
  z-index: 10;

  perspective: 1200px;
}

.card-flipper {
  position: relative;

  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.card-flipper.is-flipped {
  transform: rotateY(180deg);
}

.card-face-front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-face-back {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;

  display: block;
  overflow: hidden;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateY(180deg);

  background: linear-gradient(145deg, #050505, #4b0017, #000000);
  border: 2px solid #ffffff;
  border-radius: 20px;

  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.85),
    0 0 28px rgba(255, 49, 95, 0.75);
}

.card-face-back amp-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

/* ===============================
   FRAME UTAMA KARTU
================================ */
.ygo-card-container {
  width: 100%;
  padding: 12px;
  box-sizing: border-box;

  position: relative;
  overflow: hidden;

  background: linear-gradient(145deg, #030303, #170008, #4b0017, #000000);
  border-radius: 20px;

  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.85),
    0 0 32px rgba(255, 49, 95, 0.75),
    inset 0 0 7px rgba(255, 255, 255, 0.45);

  transition: all 0.2s ease-out;
}

.ygo-card-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150px;
  z-index: 2;

  width: 100px;
  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.75),
    transparent
  );

  transform: skewX(-25deg);
  animation: card-shine 5s infinite;
  animation-delay: 1s;
}

@keyframes card-shine {
  0% { left: -150px; }
  25% { left: 110%; }
  100% { left: 110%; }
}

.ygo-card-inner {
  position: relative;
  z-index: 1;

  overflow: hidden;

  background: #090909;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

/* ===============================
   HOLOGRAM
================================ */
.hologram {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 10;

  width: 25px;
  height: 25px;

  background: linear-gradient(
    135deg,
    #ffffff,
    #ff315f,
    #8b0028,
    #ffcc66,
    #ffffff
  );
  background-size: 200% 200%;

  border: 1px solid #ffffff;

  box-shadow:
    0 0 12px rgba(255, 49, 95, 0.95),
    0 0 18px rgba(255, 255, 255, 0.65);

  animation: holo-shine 3s linear infinite;
}

@keyframes holo-shine {
  0% { background-position: 100% 100%; }
  50% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

/* ===============================
   HEADER KARTU
================================ */
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 10px 15px;

  background: linear-gradient(145deg, #000000, #4b0017, #9b002e);
  border-bottom: 2px solid #ffffff;

  box-shadow:
    inset 0 2px 2px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(0, 0, 0, 0.65);
}

.card-name {
  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 1.5px;

  background: linear-gradient(180deg, #ffffff 0%, #ff315f 55%, #8b0028 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-fill-color: transparent;

  text-shadow:
    0 0 8px rgba(255, 49, 95, 0.85),
    1px 1px 1px rgba(255, 255, 255, 0.25);
}

.card-attribute {
  width: 40px;
  height: 40px;
  flex-shrink: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: 'Arial Black', sans-serif;
  font-size: 18px;
  color: #ffffff;

  background: radial-gradient(circle, #ffffff 0%, #8b0028 48%, #000000 100%);
  border: 2px solid #ffffff;
  border-radius: 50%;

  text-shadow: 0 0 6px rgba(255, 49, 95, 1);

  box-shadow:
    inset 0 0 8px rgba(0, 0, 0, 0.85),
    0 0 12px rgba(255, 255, 255, 0.8);
}

/* ===============================
   LEVEL BINTANG
================================ */
.card-level {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  padding: 5px 15px 8px;

  background: linear-gradient(145deg, #170008, #4b0017, #000000);

  box-shadow:
    inset 0 2px 2px rgba(255, 255, 255, 0.22),
    inset 0 -2px 3px rgba(0, 0, 0, 0.55);
}

.star {
  position: relative;
  display: inline-block;

  width: 22px;
  height: 22px;
  margin-left: 4px;

  background: radial-gradient(circle at 35% 30%, #fff7b0 0%, #ffd23c 35%, #f6a300 72%, #9b4b00 100%);
  border: 2px solid #2b1a00;
  border-radius: 50%;

  box-sizing: border-box;

  box-shadow:
    inset 0 1px 3px rgba(255, 255, 255, 0.85),
    inset 0 -2px 4px rgba(80, 30, 0, 0.55),
    0 0 6px rgba(255, 210, 60, 0.85);

  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.65));
}

.star::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;

  width: 13px;
  height: 13px;

  background: #1b1300;

  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 56%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 56%,
    2% 35%,
    39% 35%
  );

  transform: translate(-50%, -50%);
}

.star::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 5px;

  width: 6px;
  height: 4px;

  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;

  transform: rotate(-25deg);
}

.rating-count {
  margin-left: 10px;

  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 16px;
  font-weight: 900;

  color: #ffffff;
  text-shadow: 0 0 7px rgba(255, 49, 95, 0.95);
}

/* ===============================
   GAMBAR KARTU
================================ */
.card-image-box {
  padding: 8px;
  background: #050505;
}

.card-image-placeholder {
  position: relative;

  width: 100%;
  overflow: hidden;
  box-sizing: border-box;

  border-style: solid;
  border-width: 6px;
  border-color: #ffffff #8b0028 #8b0028 #ffffff;
  border-radius: 5px;

  box-shadow:
    inset 0 0 14px rgba(0, 0, 0, 0.9),
    0 0 20px rgba(255, 49, 95, 0.6);
}

/* ===============================
   TYPE KARTU
================================ */
.card-type {
  padding: 5px 15px;

  background: linear-gradient(145deg, #0b0b0b, #4b0017, #120005);
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.type-text {
  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.8px;

  color: #ffffff;
  text-shadow: 0 0 7px rgba(255, 49, 95, 0.95);
}

/* ===============================
   BODY DESKRIPSI
================================ */
.card-body {
  padding: 15px;
  text-align: left;

  background: linear-gradient(145deg, #090909, #170008, #2b000d);
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  border-bottom: 1px solid rgba(255, 49, 95, 0.55);

  box-shadow:
    inset 0 0 16px rgba(0, 0, 0, 0.85),
    inset 0 0 10px rgba(255, 49, 95, 0.2);
}

.card-description {
  font-family: 'EB Garamond', serif;
  font-size: 15px;
  line-height: 1.45;
  font-style: italic;

  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}

.card-description strong {
  font-style: normal;
  font-weight: 900;
  color: #ff315f;
  text-shadow: 0 0 7px rgba(255, 49, 95, 0.95);
}

/* ===============================
   TOMBOL CTA
================================ */
.card-cta-button {
  display: block;

  width: 80%;
  margin: 15px auto 10px;
  padding: 12px;

  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1px;

  text-align: center;
  text-decoration: none;

  color: #ffffff;
  cursor: pointer;

  background: linear-gradient(145deg, #120005, #8b0028, #ff315f);
  border: 2px solid #ffffff;
  border-radius: 8px;

  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.6),
    0 0 18px rgba(255, 49, 95, 0.75);

  transition: all 0.2s ease-in-out;
}

.card-description + .card-cta-button {
  margin-top: 20px;
}

.card-cta-button:hover {
  background: linear-gradient(145deg, #ffffff, #ff315f, #8b0028);
  color: #000000;

  box-shadow:
    0 6px 18px rgba(255, 255, 255, 0.7),
    0 0 30px rgba(255, 49, 95, 0.95);

  transform: translateY(-2px);
}

/* ===============================
   FOOTER KARTU
================================ */
.card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  padding: 10px 50px 10px 15px;

  background: linear-gradient(145deg, #000000, #4b0017, #9b002e);
  border-top: 2px solid #ffffff;

  box-shadow:
    inset 0 2px 2px rgba(255, 255, 255, 0.25),
    inset 0 -2px 3px rgba(0, 0, 0, 0.6);
}

.stats {
  margin-left: 25px;

  font-family: 'Matrix Regular Small Caps', sans-serif;
  font-size: 18px;
  font-weight: 900;

  color: #ffffff;
  text-shadow: 0 0 7px rgba(255, 49, 95, 0.95);
}

/* ===============================
   EXTRA: FORM / BOX LOGIN
================================ */
form,
.login-box,
.form-login,
.form-daftar,
.form-register,
.register-box,
.member-area,
.panel-login,
.panel-daftar,
.panel-alternatif,
.box-login,
.box-daftar,
.box-alternatif,
.content-login,
.content-daftar,
.content-alternatif {
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.92), rgba(75, 0, 23, 0.92), rgba(0, 0, 0, 0.94));
  border: 2px solid rgba(255, 49, 95, 0.8);
  border-radius: 16px;

  color: #ffffff;

  box-shadow:
    0 0 24px rgba(255, 49, 95, 0.55),
    inset 0 0 18px rgba(255, 255, 255, 0.08);
}

/* Input login/register */
input,
select,
textarea {
  color: #ffffff;
  background: linear-gradient(145deg, #050505, #170008);
  border: 1px solid #ff315f;
  border-radius: 8px;

  box-shadow:
    inset 0 0 8px rgba(0, 0, 0, 0.85),
    0 0 8px rgba(255, 49, 95, 0.35);
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #ffffff;
  box-shadow:
    0 0 12px rgba(255, 255, 255, 0.6),
    0 0 20px rgba(255, 49, 95, 0.8);
}

/* Table atau box yang biasanya putih */
table,
tbody,
tr,
td,
th,
.card,
.box,
.panel,
.content,
.container,
.wrapper {
  border-color: rgba(255, 49, 95, 0.5);
}

.card,
.box,
.panel,
.content {
  background: linear-gradient(145deg, rgba(0,0,0,0.9), rgba(75,0,23,0.86));
  color: #ffffff;
}

/* ===============================
   RESPONSIVE MOBILE
================================ */
@media (max-width: 480px) {
  body {
    min-height: auto;
    padding: 10px;
    align-items: center;
    background-position: center center;
  }

  .flip-button {
    margin-top: 5px;
    margin-bottom: 2px;
  }

  .card-scene {
    width: 100%;
    margin: 15px 0;
  }

  .ygo-card-container {
    width: 100%;
    margin: 0;
    padding: 8px;
  }

  .card-face-back {
    padding: 8px;
  }

  .card-face-back amp-img {
    border-radius: 10px;
  }

  .card-name {
    font-size: 22px;
  }

  .card-attribute {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }

  .star {
    width: 16px;
    height: 16px;
    margin-left: 2px;
  }

  .star::before {
    width: 9px;
    height: 9px;
  }

  .star::after {
    top: 2px;
    left: 4px;
    width: 4px;
    height: 3px;
  }

  .rating-count {
    margin-left: 5px;
    font-size: 14px;
  }

  .card-image-box {
    padding: 5px;
  }

  .card-body {
    padding: 12px;
  }

  .card-description {
    font-size: 14px;
  }

  .card-cta-button {
    width: 90%;
    padding: 10px;
    font-size: 16px;
  }

  .card-footer {
    padding-right: 40px;
  }

  .stats {
    margin-left: 15px;
    font-size: 16px;
  }

  .hologram {
    right: 12px;
    bottom: 12px;
    width: 20px;
    height: 20px;
  }

  .login,
  .daftar,
  .alternatif,
  .btn-login,
  .btn-daftar,
  .btn-alternatif,
  .button-login,
  .button-daftar,
  .button-alternatif,
  a[href*="login"],
  a[href*="daftar"],
  a[href*="alternatif"] {
    width: 100%;
    margin: 5px 0;
    font-size: 15px;
    padding: 11px 14px;
  }
}
</style>
</head>
<body>
    <amp-state id="cardState"><script type="application/json">{"isCardFlipped": false}</script></amp-state>
    <button on="tap:AMP.setState({ cardState: { isCardFlipped: !cardState.isCardFlipped } })" class="flip-button">Putar Kartu</button>
    <div class="card-scene">
        <div class="card-flipper" [class]="'card-flipper' + (cardState.isCardFlipped ? ' is-flipped' : '')">
            <div class="card-face-front">
                <div class="ygo-card-container">
                    <div class="hologram"></div>
                    <div class="ygo-card-inner">
                        <div class="card-header">
                            <amp-img id="image" class="animated tada infinite slower" src="https://i.postimg.cc/85dv3m9J/Animate-Logo-Gold.gif" alt="SLOT4D " width="150" height="45" layout="intrinsic" style="margin-bottom: 10px;"></amp-img>
                            <div class="card-attribute" title="Atribut: DIVINE (Dewa)">神</div>
                        </div>
                        <div class="card-level">
                            <span class="star"></span> 
                            <span class="star"></span> 
                            <span class="star"></span> 
                            <span class="star"></span> 
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span> 
                            <span class="rating-count">( Rating: 999999999 )</span>
                        </div>
                        <div class="card-image-box">
                            <div class="card-image-placeholder">
                                <amp-img
                                    src="https://i.postimg.cc/mkqdxzPr/pokemon-slot4dd.jpg"
                                    alt="SLOT4D : Situs Asli Tempat Brewek Gampang Jackpot Deposit Qris Langsung Masuk Di Slot 4D"
                                    layout="responsive" 
                                    width="600"  
                                    height="600" 
                                ></amp-img>
                            </div>
                        </div>
                        <div class="card-type">
                            <span class="type-text">[SEO MBG / SLOT4D M1]</span>
                        </div>
                        <div class="card-body">
                            <div class="card-description">
                                
                            </div>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="LOGIN SLOT4D" href="https://jaga.link/registerr" class="card-cta-button">
                                LOGIN
                            </a>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="DAFTAR SLOT4D" href="https://jaga.link/registerr" class="card-cta-button">
                                DAFTAR
                            </a>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="ALTERNATIF SLOT4D" href="https://jaga.link/registerr" class="card-cta-button">
                                ALTERNATIF
                            </a>
                        </div>
                        <div class="card-footer">
                            <span class="stats" title="Efisiensi Project">ATK / &infin;</span>
                            <span class="stats" title="Waktu yang Dihemat">DEF / &infin;</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-face-back">
                <amp-img 
                    src="https://i.postimg.cc/xd9prbfz/whitemoon-slot4d.png" 
                    alt="SLOT4D : Situs Asli Tempat Brewek Gampang Jackpot Deposit Qris Langsung Masuk Di Slot 4D"
                    layout="fill"
                    object-fit="cover"> 
                </amp-img>
            </div>
        </div>
    </div>
</body>
</html>