<!DOCTYPE html>
<html data-theme='default'>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <title>NERO110 あ LINK ALTERNATIF GAME ONLINE TERPOPULER DENGAN PELUANG MENANG TINGGI</title>
    <meta name="description"
        content="NERO110 merupakan platform hiburan digital premium yang menyediakan berbagai pilihan permainan seru. Nikmati akses lancar, layanan 24 jam, dan peluang kemenangan terbesar hari ini.">
    <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="PARIS41">
    <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="NERO110 あ LINK ALTERNATIF GAME ONLINE TERPOPULER DENGAN PELUANG MENANG TINGGI">
    <meta property="og:description"
        content="NERO110 merupakan platform hiburan digital premium yang menyediakan berbagai pilihan permainan seru. Nikmati akses lancar, layanan 24 jam, dan peluang kemenangan terbesar hari ini.">
    <meta property="og:url" content="hhttp://33-minutes.com/">
    <meta property="og:image" content="https://ik.imagekit.io/nqgbeigb3/Picsart_26-05-19_20-09-35-880.jpg?updatedAt=1779204162105">
    <link rel="canonical" href="hhttp://33-minutes.com/">
    <link rel="icon" href="https://ik.imagekit.io/nqgbeigb3/example-dark-theme-favico-6a6f6f67bc3e7.png?updatedAt=1777904823923" sizes="any">
    <link rel="icon" href="https://ik.imagekit.io/nqgbeigb3/example-dark-theme-favico-6a6f6f67bc3e7.png?updatedAt=1777904823923" type="image/svg+xml">
    <link rel="apple-touch-icon" href="https://ik.imagekit.io/nqgbeigb3/example-dark-theme-favico-6a6f6f67bc3e7.png?updatedAt=1777904823923">
    <link rel="preload" href="https://ik.imagekit.io/nqgbeigb3/Picsart_26-05-19_20-09-35-880.jpg?updatedAt=1779204162105" 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>
    <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>
    <style amp-custom>
        html {
            height: 100%;
            overflow-y: auto;
        }

        body {
            background: url('https://ik.imagekit.io/nqgbeigb3/10cadf1e3f4b5252d53031bc0df341a6.jpg?updatedAt=1780146164830') no-repeat center center / cover;
            background-attachment: fixed;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100%;
            padding: 15px 0;
            margin: 0;
            box-sizing: border-box;
        }

        .flip-button {
            padding: 10px 20px;
            font-size: 16px;
            font-family: 'Matrix Regular Small Caps', sans-serif;
            background: linear-gradient(145deg, #ffb728, #e7a010);
            border: 2px solid #cc8800;
            border-radius: 8px;
            cursor: pointer;
            color: #0a0a0a;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(255, 183, 40, 0.3);
            margin-bottom: -28px;
            position: relative;
            z-index: 20;
        }

        .card-scene {
            width: 470px;
            perspective: 1200px;
            margin: 50px 0;
            position: relative;
            z-index: 10;
        }

        .card-scene::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 4px;
            background: linear-gradient(90deg, transparent, rgba(120, 180, 255, 0.8), rgba(200, 220, 255, 1), rgba(120, 180, 255, 0.8), transparent);
            filter: blur(2px);
            opacity: 0;
            z-index: 20;
            animation: top-lightning-arc 7s ease-in-out infinite;
        }

        .card-scene::after {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgba(200, 230, 255, 0.9);
            box-shadow: 0 0 10px rgba(120, 180, 255, 0.8), 0 0 20px rgba(100, 160, 255, 0.5), 0 0 40px rgba(80, 140, 255, 0.3);
            opacity: 0;
            z-index: 21;
            animation: lightning-spark 7s ease-in-out infinite;
        }

        @keyframes top-lightning-arc {

            0%,
            100% {
                opacity: 0;
                width: 0;
            }

            24% {
                opacity: 0;
                width: 0;
            }

            25% {
                opacity: 1;
                width: 60%;
            }

            26% {
                opacity: 0;
                width: 0;
            }

            27% {
                opacity: 1;
                width: 80%;
            }

            29% {
                opacity: 0.5;
                width: 40%;
            }

            30% {
                opacity: 0;
                width: 0;
            }

            64% {
                opacity: 0;
                width: 0;
            }

            65% {
                opacity: 0.8;
                width: 50%;
            }

            66% {
                opacity: 0;
                width: 0;
            }
        }

        @keyframes lightning-spark {

            0%,
            100% {
                opacity: 0;
            }

            25% {
                opacity: 1;
                left: 30%;
            }

            26% {
                opacity: 0;
            }

            27% {
                opacity: 1;
                left: 60%;
            }

            28% {
                opacity: 1;
                left: 70%;
            }

            29% {
                opacity: 0;
            }

            65% {
                opacity: 1;
                left: 45%;
            }

            66% {
                opacity: 0;
            }
        }

        .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%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform: rotateY(180deg);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
            box-sizing: border-box;
            background: #1a1a1a;
            padding: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .card-face-back amp-img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            object-fit: contain;
        }

        .ygo-card-container {
            width: 100%;
            background: #0a0a0a;
            border-radius: 20px;
            padding: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            position: relative;
            transition: all 0.2s ease-out;
            box-sizing: border-box;
            overflow: hidden;
            animation: lightning-border-glow 4s ease-in-out infinite;
        }

        @keyframes lightning-border-glow {

            0%,
            100% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            }

            15% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4), 0 0 25px rgba(120, 180, 255, 0.8), 0 0 60px rgba(100, 160, 255, 0.4);
            }

            16% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            }

            18% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4), 0 0 35px rgba(150, 200, 255, 0.9), 0 0 80px rgba(120, 180, 255, 0.5), 0 0 120px rgba(80, 140, 255, 0.2);
            }

            20% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            }

            55% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            }

            56% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4), 0 0 20px rgba(200, 220, 255, 0.7), 0 0 50px rgba(150, 190, 255, 0.3);
            }

            57% {
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(255, 183, 40, 0.4);
            }
        }

        .ygo-card-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: -150px;
            width: 100px;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 240, 0.6), transparent);
            transform: skewX(-25deg);
            z-index: 2;
            animation: card-shine 5s infinite;
            animation-delay: 1s;
        }

        @keyframes card-shine {
            0% {
                left: -150px;
            }

            25% {
                left: 110%;
            }

            100% {
                left: 110%;
            }
        }

        .hologram {
            width: 25px;
            height: 25px;
            background: linear-gradient(135deg, #ff00de, #00f2ff, #50ff00, #ff8000, #ff00de);
            background-size: 200% 200%;
            animation: holo-shine 3s linear infinite;
            border: 1px solid #777;
            position: absolute;
            right: 18px;
            bottom: 18px;
            z-index: 10;
        }

        @keyframes holo-shine {
            0% {
                background-position: 100% 100%;
            }

            50% {
                background-position: 0% 0%;
            }

            100% {
                background-position: 100% 100%;
            }
        }

        .ygo-card-inner {
            background: #111111;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #ffb728;
            position: relative;
            z-index: 1;
        }

        .ygo-card-inner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at 50% 30%, rgba(120, 180, 255, 0.15), transparent 70%);
            opacity: 0;
            z-index: 5;
            pointer-events: none;
            animation: inner-flash 4s ease-in-out infinite;
            animation-delay: 0.3s;
        }

        @keyframes inner-flash {

            0%,
            100% {
                opacity: 0;
            }

            15% {
                opacity: 0;
            }

            15.5% {
                opacity: 1;
            }

            16% {
                opacity: 0;
            }

            17.5% {
                opacity: 0;
            }

            18% {
                opacity: 1;
            }

            19% {
                opacity: 0.3;
            }

            20% {
                opacity: 0;
            }

            55.5% {
                opacity: 0;
            }

            56% {
                opacity: 0.8;
            }

            57% {
                opacity: 0;
            }
        }

        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(145deg, #ffcc00, #e6b800, #ffcc00);
            padding: 10px 15px;
            border-bottom: 2px solid #ffb728;
            box-shadow: inset 0 2px 2px rgba(255, 204, 0, 0.2), inset 0 -2px 3px rgba(0, 0, 0, 0.6);
        }

        .card-name {
            font-family: 'Matrix Regular Small Caps', sans-serif;
            font-size: 28px;
            background: linear-gradient(180deg, #1a1a1a 0%, #333333 50%, #0a0a0a 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: none;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .card-attribute {
            width: 40px;
            height: 40px;
            background: radial-gradient(circle, #ffcc00, #cc9900);
            border: 2px solid #ffb728;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Arial Black', sans-serif;
            font-size: 18px;
            color: #1a1a1a;
            text-shadow: none;
            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 204, 0, 0.5);
            flex-shrink: 0;
        }

        .card-level {
            background: linear-gradient(145deg, #e6b800, #ffcc00);
            padding: 5px 15px 8px 15px;
            box-shadow: inset 0 2px 2px rgba(255, 204, 0, 0.15), inset 0 -2px 3px rgba(0, 0, 0, 0.6);
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .star {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: radial-gradient(circle at 50% 30%, #cc8800, #8b4513 70%);
            border-radius: 50%;
            margin-left: 3px;
            filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
            position: relative;
        }

        .star::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 40% 30%, #ffd700, #ffb728 70%);
            clip-path: polygon(50% 0%, 65% 40%, 100% 40%, 75% 65%, 85% 100%, 50% 80%, 15% 100%, 25% 65%, 0% 40%, 35% 40%);
            transform: scale(0.9);
        }

        .rating-count {
            font-family: 'Matrix Regular Small Caps', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: #1a1a1a;
            text-shadow: none;
            margin-left: 10px;
        }

        .card-image-box {
            padding: 8px;
            background: #111111;
            position: relative;
            overflow: visible;
        }

        .card-image-box::before {
            content: '';
            position: absolute;
            top: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 3px;
            height: 0;
            background: linear-gradient(180deg, rgba(150, 200, 255, 0.9), rgba(80, 140, 255, 0.6), transparent);
            filter: blur(1px);
            z-index: 15;
            animation: lightning-bolt-top 6s ease-in-out infinite;
            animation-delay: 1.2s;
        }

        .card-image-box::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 35%;
            width: 2px;
            height: 0;
            background: linear-gradient(0deg, rgba(150, 200, 255, 0.9), rgba(80, 140, 255, 0.6), transparent);
            filter: blur(1px);
            z-index: 15;
            animation: lightning-bolt-bottom 6s ease-in-out infinite;
            animation-delay: 1.5s;
        }

        @keyframes lightning-bolt-top {

            0%,
            100% {
                height: 0;
                opacity: 0;
            }

            14% {
                height: 0;
                opacity: 0;
            }

            15% {
                height: 45px;
                opacity: 1;
            }

            16% {
                height: 0;
                opacity: 0;
            }

            17% {
                height: 55px;
                opacity: 1;
                box-shadow: 0 0 12px rgba(120, 180, 255, 0.8), 0 0 25px rgba(80, 140, 255, 0.4);
            }

            19% {
                height: 0;
                opacity: 0;
            }

            54% {
                height: 0;
                opacity: 0;
            }

            55% {
                height: 35px;
                opacity: 0.8;
            }

            56% {
                height: 0;
                opacity: 0;
            }
        }

        @keyframes lightning-bolt-bottom {

            0%,
            100% {
                height: 0;
                opacity: 0;
            }

            30% {
                height: 0;
                opacity: 0;
            }

            31% {
                height: 30px;
                opacity: 1;
            }

            32% {
                height: 0;
                opacity: 0;
            }

            33% {
                height: 40px;
                opacity: 1;
                box-shadow: 0 0 10px rgba(120, 180, 255, 0.7);
            }

            35% {
                height: 0;
                opacity: 0;
            }

            70% {
                height: 0;
                opacity: 0;
            }

            71% {
                height: 25px;
                opacity: 0.7;
            }

            72% {
                height: 0;
                opacity: 0;
            }
        }

        .card-image-placeholder {
            width: 100%;
            overflow: hidden;
            border-radius: 5px;
            position: relative;
            border-style: solid;
            border-width: 6px;
            border-color: #ffb728 #cc8800 #cc8800 #ffb728;
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            box-sizing: border-box;
            animation: image-lightning-flash 5s ease-in-out infinite;
        }

        @keyframes image-lightning-flash {

            0%,
            100% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            }

            40% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            }

            41% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8), inset 0 0 30px rgba(120, 180, 255, 0.4), 0 0 15px rgba(100, 160, 255, 0.3);
            }

            42% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            }

            43% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8), inset 0 0 40px rgba(150, 200, 255, 0.5), 0 0 20px rgba(120, 180, 255, 0.4);
            }

            45% {
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
            }
        }

        .card-type {
            background: #1a1a1a;
            padding: 5px 15px;
            border-top: 2px solid #ffb728;
            border-bottom: 2px solid #ffb728;
        }

        .type-text {
            font-family: 'Matrix Regular Small Caps', sans-serif;
            font-size: 14px;
            font-weight: 800;
            color: #ffcc00;
        }

        .card-body {
            background: linear-gradient(180deg, #1a1a1a, #0a0a0a);
            padding: 15px;
            text-align: left;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
        }

        .card-description {
            font-family: 'EB Garamond', serif;
            font-size: 15px;
            color: #e0d0c0;
            line-height: 1.4;
            font-style: italic;
        }

        .card-description strong {
            font-style: normal;
            font-weight: bold;
            color: #ffb728;
        }

        .card-cta-button {
            display: block;
            width: 80%;
            margin: 15px auto 10px auto;
            padding: 12px;
            background: linear-gradient(145deg, #ffb728, #e7a010, #ffb728);
            color: #0a0a0a;
            font-family: 'Matrix Regular Small Caps', sans-serif;
            font-size: 18px;
            text-align: center;
            text-decoration: none;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2);
            transition: all 0.2s ease-in-out;
            cursor: pointer;
            text-shadow: none;
            font-weight: 700;
            animation: button-electric-pulse 5s ease-in-out infinite;
        }

        @keyframes button-electric-pulse {

            0%,
            100% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2);
            }

            20% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2);
            }

            21% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2), 0 0 15px rgba(120, 180, 255, 0.5), 0 0 30px rgba(80, 140, 255, 0.2);
            }

            22% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2);
            }

            23% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2), 0 0 20px rgba(150, 200, 255, 0.6), 0 0 40px rgba(100, 160, 255, 0.3);
            }

            25% {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 183, 40, 0.2);
            }
        }

        .card-description+.card-cta-button {
            margin-top: 20px;
        }

        .card-cta-button:hover {
            background: linear-gradient(145deg, #ffd700, #ffb728);
            box-shadow: 0 6px 15px rgba(255, 183, 40, 0.5);
            transform: translateY(-2px);
        }

        .card-footer {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 10px 15px;
            background: linear-gradient(145deg, #ffcc00, #e6b800);
            border-top: 2px solid #ffb728;
            padding-right: 50px;
            box-shadow: inset 0 2px 2px rgba(255, 204, 0, 0.15), inset 0 -2px 3px rgba(0, 0, 0, 0.6);
            position: relative;
            overflow: hidden;
        }

        .card-footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            animation: footer-electric-sweep 3s ease-in-out infinite;
        }

        @keyframes footer-electric-sweep {

            0%,
            100% {
                left: -100%;
                opacity: 0;
            }

            48% {
                left: -100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
            }

            60% {
                left: 200%;
                opacity: 0;
            }
        }

        .stats {
            font-family: 'Matrix Regular Small Caps', sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #1a1a1a;
            text-shadow: none;
            margin-left: 25px;
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
                align-items: center;
                min-height: auto;
            }

            .flip-button {
                margin-top: 5px;
                margin-bottom: 2px;
            }

            .card-scene {
                width: 100%;
                margin: 15px 0;
            }

            .ygo-card-container {
                width: 100%;
                padding: 8px;
                margin: 0;
            }

            .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;
            }

            .rating-count {
                font-size: 14px;
                margin-left: 5px;
            }

            .card-image-box {
                padding: 5px;
            }

            .card-description {
                font-size: 14px;
            }

            .card-body {
                padding: 12px;
            }

            .card-cta-button {
                font-size: 16px;
                padding: 10px;
                width: 90%;
            }

            .stats {
                font-size: 16px;
                margin-left: 15px;
            }

            .card-footer {
                padding-right: 40px;
            }

            .hologram {
                right: 12px;
                bottom: 12px;
                width: 20px;
                height: 20px;
            }
        }
    </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://ik.imagekit.io/nqgbeigb3/logo-gamegacor.png?updatedAt=1775382545196" alt="PARIS41 " 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://ik.imagekit.io/nqgbeigb3/Picsart_26-05-19_20-09-35-880.jpg?updatedAt=1779204162105"
                                    alt="Bergabung Di PARIS41 NOW, dan rasakan sensasi kemenangan besar bersama klan game terbaik asia. Nikmati ratusan game gacor dengan tinkat RTP tertinggi yang siap memberikan JACKPOT tanpa henti setiap hari"
                                    layout="responsive" width="600" height="600"></amp-img>
                            </div>
                        </div>
                        <div class="card-type">
                            <span class="type-text">[NIKMATI BERBAGAI POLA GACOR!]</span>
                        </div>
                        <div class="card-body">
                            <div class="card-description">

                            </div>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="LOGIN PARIS41"
                                href="https://sesuap-ayamgeprek.pages.dev/" class="card-cta-button">
                                KLIK LOGIN
                            </a>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="DAFTAR PARIS41"
                                href="https://sesuap-ayamgeprek.pages.dev/" class="card-cta-button">
                                DAFTAR VIP
                            </a>
                            <a target="_blank" rel="nofollow noreferrer noopener" title="ALTERNATIF PARIS41"
                                href="https://sesuap-ayamgeprek.pages.dev/" class="card-cta-button">
                                LINK ALTERNATIF
                            </a>
                        </div>
                        <div class="card-footer">
                            <span class="stats" title="Min Depo">DEPOSIT / RP 10.000</span>
                            <span class="stats" title="Min Wd">WD / 50.000</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-face-back">
                <amp-img src="https://ik.imagekit.io/nqgbeigb3/MobileID-1188-20251208181752.jpeg?updatedAt=1777758849407"
                    alt="Bergabung Di PARIS41 NOW, dan rasakan sensasi kemenangan besar bersama klan game terbaik asia. Nikmati ratusan game gacor dengan tinkat RTP tertinggi yang siap memberikan JACKPOT tanpa henti setiap hari" layout="fill"
                    object-fit="contain">
                </amp-img>
            </div>
        </div>
    </div>
</body>

