/* V3.txt inline style 1  */

        @font-face {
            font-family: 'LatoWeb';
            font-display: swap;
            src: url(v3-source/fonts/Lato-Regular.woff2) format('woff2'), url(v3-source/fonts/Lato-Regular.woff) format('woff');
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'gilroybold';
            font-display: swap;
            src: url(v3-source/fonts/Gilroy-Bold.woff2) format('woff2'), url(v3-source/fonts/Gilroy-Bold.woff) format('woff');
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'Open24DisplaySt';
            font-display: swap;
            src: url(v3-source/fonts/Open24DisplaySt.woff2) format('woff2');
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'Glyphicons Halflings';
            font-display: swap;
            src: url(v3-source/fonts/glyphicons-halflings-regular.woff) format('woff')
        }

        body {
            font-family: 'LatoWeb';
            font-size: 14px
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            font-family: inherit
        }

        .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
            font-family: 'gilroybold'
        }

        .home-progressive-jackpot .jackpot-container {
            font-family: 'Open24DisplaySt'
        }

        .announcement-outer-container {
            font-family: 'latobold'
        }

        .glyphicon {
            font-family: 'Glyphicons Halflings'
        }
    

/* V3.txt inline style 2 id="kgt-game-showcase-v4" */

      .banner-slotgacor-container {
        --sg-red: #ff2a00;
        --sg-orange: #ff6a00;
        --sg-gold: #ffc52f;
        --sg-cream: #fff0cf;
        --sg-muted: #d1b9a3;
        position: relative;
        max-width: 100%;
        margin: 26px auto;
        padding: 1px;
        overflow: hidden;
        border-radius: 27px;
        isolation: isolate;
        background: linear-gradient(125deg, rgba(255,197,47,.20), rgba(255,58,0,.58), rgba(255,121,0,.18));
        box-shadow: 0 18px 58px rgba(0,0,0,.58), 0 0 24px rgba(255,83,0,.16);
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }

      .slotgacor-frame {
        min-height: 620px;
        position: relative;
        display: grid;
        grid-template-columns: minmax(330px, .88fr) minmax(560px, 1.12fr);
        align-items: stretch;
        overflow: hidden;
        border: 1px solid rgba(255,155,57,.34);
        border-radius: 26px;
        color: #fff;
        background:
          radial-gradient(circle at 74% 10%, rgba(255,80,0,.12), transparent 28%),
          radial-gradient(circle at 60% 104%, rgba(255,110,0,.14), transparent 30%),
          linear-gradient(120deg, #110301 0%, #080302 48%, #050403 100%);
      }

      .slotgacor-frame::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        opacity: .23;
        background-image:
          linear-gradient(rgba(255,117,32,.11) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255,117,32,.11) 1px, transparent 1px);
        background-size: 52px 52px;
        mask-image: linear-gradient(90deg, transparent 28%, #000 52%, #000 100%);
      }

      .slotgacor-frame::after {
        content: "KGT INTERFACE 2026";
        position: absolute;
        top: 74px;
        right: -42px;
        z-index: 4;
        transform: rotate(90deg);
        color: rgba(255,197,47,.52);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 5px;
        pointer-events: none;
      }

      .slotgacor-image-wrap {
        position: relative;
        min-width: 0;
        padding: 16px 0 16px 16px;
        z-index: 2;
      }

      .slotgacor-image {
        position: relative;
        height: 100%;
        min-height: 588px;
        overflow: hidden;
        border: 1px solid rgba(255,194,63,.50);
        border-radius: 19px 5px 5px 19px;
        background: #120300;
        box-shadow: 18px 0 46px rgba(255,56,0,.16), inset 0 0 24px rgba(255,105,0,.08);
      }

      .slotgacor-image::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(90deg, transparent 72%, rgba(7,2,1,.66) 100%);
      }

      .slotgacor-image::after {
        content: "";
        position: absolute;
        inset: -35%;
        z-index: 3;
        pointer-events: none;
        opacity: 0;
        background: linear-gradient(115deg, transparent 43%, rgba(255,241,188,.20) 49%, transparent 56%);
        transform: translateX(-76%);
      }

      .banner-slotgacor-container.fx-on .slotgacor-image::after {
        animation: kgt-banner-sweep 9s ease-in-out infinite;
      }

      .slotgacor-image img {
        width: 100%;
        height: 100%;
        min-height: 588px;
        display: block;
        object-fit: cover;
        object-position: center;
        transform: scale(1.01);
        filter: saturate(1.06) contrast(1.03);
        transition: transform .55s ease, filter .55s ease;
      }

      .banner-slotgacor-container:hover .slotgacor-image img {
        transform: scale(1.025);
        filter: saturate(1.12) contrast(1.05);
      }

      .slotgacor-image-label {
        position: absolute;
        left: 32px;
        bottom: 30px;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 11px;
        border: 1px solid rgba(255,197,47,.42);
        border-radius: 999px;
        color: var(--sg-cream);
        background: rgba(9,3,1,.78);
        box-shadow: 0 0 20px rgba(255,75,0,.18);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.2px;
      }

      .slotgacor-image-label b {
        padding-left: 7px;
        border-left: 1px solid rgba(255,197,47,.26);
        color: var(--sg-gold);
      }

      .live-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--sg-red);
        box-shadow: 0 0 10px rgba(255,42,0,.7);
      }

      .game-showcase {
        position: relative;
        z-index: 2;
        min-width: 0;
        margin: 16px 16px 16px 14px;
        padding: 30px 30px 24px;
        overflow: hidden;
        border: 1px solid rgba(255,111,0,.42);
        border-radius: 19px;
        background:
          radial-gradient(circle at 88% 18%, rgba(255,85,0,.16), transparent 28%),
          radial-gradient(circle at 20% 110%, rgba(255,130,0,.12), transparent 34%),
          linear-gradient(150deg, rgba(22,7,3,.97), rgba(7,4,3,.98));
        box-shadow: inset 0 0 40px rgba(255,68,0,.055), 0 18px 42px rgba(0,0,0,.30);
      }

      .game-showcase::before {
        content: "";
        position: absolute;
        inset: auto -8% -18% 22%;
        height: 43%;
        pointer-events: none;
        opacity: .56;
        background:
          radial-gradient(ellipse at 42% 80%, rgba(255,174,0,.18), transparent 42%),
          linear-gradient(170deg, transparent 40%, rgba(255,58,0,.10) 58%, transparent 67%);
        filter: blur(1px);
      }

      .game-showcase::after {
        content: "";
        position: absolute;
        left: 7%;
        right: 7%;
        bottom: 8px;
        height: 2px;
        pointer-events: none;
        opacity: .34;
        background: linear-gradient(90deg, transparent, var(--sg-red), var(--sg-gold), var(--sg-red), transparent);
        box-shadow: 0 0 15px rgba(255,86,0,.24);
        transform: scaleX(.76);
      }

      .banner-slotgacor-container.fx-on .game-showcase::after {
        animation: kgt-lava-pulse 4.8s ease-in-out infinite;
      }

      .game-showcase-head,
      .game-feature-card,
      .mini-game-grid,
      .game-info-row { position: relative; z-index: 2; }

      .slotgacor-kicker {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        color: #ffba62;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 2.2px;
      }

      .slotgacor-kicker span {
        width: 30px;
        height: 2px;
        background: linear-gradient(90deg, var(--sg-red), var(--sg-gold));
        box-shadow: 0 0 10px rgba(255,95,0,.48);
      }

      .game-showcase h2 {
        margin: 0;
        color: var(--sg-cream);
        font-size: clamp(34px, 3.6vw, 55px);
        line-height: .96;
        font-weight: 950;
        letter-spacing: -1.8px;
        text-transform: uppercase;
        text-shadow: 0 2px 0 #6a1700, 0 0 18px rgba(255,97,0,.18);
      }

      .game-showcase-head > p {
        max-width: 760px;
        margin: 12px 0 18px;
        color: #d2baaa;
        font-size: 13px;
        line-height: 1.55;
      }

      .game-feature-card {
        display: grid;
        grid-template-columns: minmax(280px, 1.45fr) minmax(190px, .75fr);
        min-height: 205px;
        overflow: hidden;
        border: 1px solid rgba(255,177,40,.62);
        border-radius: 15px;
        background: linear-gradient(145deg, rgba(34,10,4,.98), rgba(13,6,4,.98));
        box-shadow: 0 12px 28px rgba(0,0,0,.30), inset 0 0 22px rgba(255,83,0,.06);
        transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
      }

      .game-feature-card:hover {
        transform: translateY(-2px);
        border-color: rgba(255,208,86,.78);
        box-shadow: 0 16px 34px rgba(0,0,0,.34), 0 0 22px rgba(255,92,0,.09);
      }

      .game-art {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 50% 42%, rgba(255,119,0,.10), transparent 35%),
          linear-gradient(135deg, #130603, #080504);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }

      .game-art[data-banner=""]::before {
        content: "";
        position: absolute;
        inset: 12px;
        border: 1px dashed rgba(255,158,49,.32);
        border-radius: 10px;
      }

      .game-art[data-banner=""]::after {
        content: "PASANG BANNER DI SINI";
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        color: rgba(255,213,142,.45);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.8px;
      }

      .game-art.has-banner::before,
      .game-art.has-banner::after { display: none; }

      .game-art-featured {
        min-height: 205px;
        border-right: 1px solid rgba(255,119,0,.26);
      }

      .game-feature-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        padding: 20px 20px 18px;
      }

      .game-tag {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 6px 10px;
        border: 1px solid rgba(255,103,0,.24);
        border-radius: 999px;
        color: #ffc573;
        background: rgba(255,77,0,.08);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
      }

      .game-tag i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--sg-orange);
        box-shadow: 0 0 8px rgba(255,106,0,.55);
      }

      .game-feature-info h3 {
        margin: 1px 0 0;
        color: var(--sg-cream);
        font-size: 23px;
        line-height: 1.05;
        font-weight: 950;
      }

      .game-provider {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #cdb39e;
        font-size: 12px;
      }

      .game-provider span { color: var(--sg-gold); }

      .game-detail-btn {
        width: 100%;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 4px;
        padding: 0 15px;
        border: 1px solid #ffc552;
        border-radius: 11px;
        color: #240900 !important;
        text-decoration: none !important;
        background: linear-gradient(135deg, #ffd03a, #ff7d00 55%, #ff3a00);
        box-shadow: 0 8px 20px rgba(255,76,0,.20), inset 0 1px 0 rgba(255,255,255,.35);
        font-size: 11px;
        font-weight: 950;
      }

      .game-detail-btn b {
        width: 27px;
        height: 27px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(42,8,0,.16);
        border-radius: 50%;
        font-size: 22px;
        line-height: 1;
      }

      .mini-game-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 11px;
        margin-top: 12px;
      }

      .mini-game-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid rgba(255,119,0,.36);
        border-radius: 13px;
        background: rgba(13,6,4,.94);
        box-shadow: 0 8px 22px rgba(0,0,0,.22);
        transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
      }

      .mini-game-card:hover {
        transform: translateY(-3px);
        border-color: rgba(255,199,73,.66);
        box-shadow: 0 14px 28px rgba(0,0,0,.28), 0 0 17px rgba(255,88,0,.08);
      }

      .mini-game-art {
        aspect-ratio: 1.75 / 1;
        border-bottom: 1px solid rgba(255,119,0,.18);
      }

      .mini-game-meta {
        padding: 9px 11px 10px;
      }

      .mini-game-meta h4 {
        margin: 0 0 3px;
        overflow: hidden;
        color: var(--sg-cream);
        font-size: 12px;
        font-weight: 900;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .mini-game-meta span {
        color: #ae9583;
        font-size: 10px;
      }

      .game-info-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 12px;
      }

      .game-info-chip {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 11px;
        border: 1px solid rgba(255,119,0,.26);
        border-radius: 12px;
        background: rgba(20,7,4,.76);
      }

      .game-info-chip > i {
        flex: 0 0 31px;
        width: 31px;
        height: 31px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        color: #2a0900;
        background: linear-gradient(135deg, var(--sg-gold), var(--sg-orange));
        font-size: 13px;
        font-style: normal;
        font-weight: 950;
      }

      .game-info-chip span { min-width: 0; }
      .game-info-chip b,
      .game-info-chip small { display: block; }
      .game-info-chip b {
        overflow: hidden;
        color: #f6ddbe;
        font-size: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .game-info-chip small {
        margin-top: 2px;
        overflow: hidden;
        color: #9f8778;
        font-size: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .slotgacor-corner {
        position: absolute;
        z-index: 5;
        width: 58px;
        height: 58px;
        pointer-events: none;
        opacity: .76;
      }

      .corner-a {
        top: 15px;
        right: 15px;
        border-top: 2px solid var(--sg-gold);
        border-right: 2px solid var(--sg-red);
      }
      .corner-b {
        bottom: 15px;
        left: 15px;
        border-bottom: 2px solid var(--sg-gold);
        border-left: 2px solid var(--sg-red);
      }

      @keyframes kgt-banner-sweep {
        0%, 67% { transform: translateX(-76%); opacity: 0; }
        75% { opacity: .75; }
        91%, 100% { transform: translateX(76%); opacity: 0; }
      }
      @keyframes kgt-lava-pulse {
        0%,100% { opacity: .22; transform: scaleX(.72); }
        50% { opacity: .52; transform: scaleX(1); }
      }

      @media (max-width: 1180px) {
        .slotgacor-frame { grid-template-columns: minmax(310px, .86fr) minmax(510px, 1.14fr); }
        .game-showcase { padding: 24px 22px 20px; }
        .game-showcase h2 { font-size: clamp(32px, 4.1vw, 48px); }
        .game-feature-card { grid-template-columns: minmax(250px, 1.35fr) minmax(175px, .75fr); }
      }

      @media (max-width: 880px) {
        .banner-slotgacor-container { margin: 18px 0; border-radius: 21px; }
        .slotgacor-frame { min-height: 0; grid-template-columns: 1fr; border-radius: 20px; }
        .slotgacor-image-wrap { padding: 12px 12px 0; }
        .slotgacor-image { min-height: 0; aspect-ratio: 1 / 1; border-radius: 15px; }
        .slotgacor-image img { min-height: 0; }
        .slotgacor-image::before { background: linear-gradient(180deg, transparent 72%, rgba(7,2,1,.55)); }
        .slotgacor-image-label { left: 24px; bottom: 14px; }
        .game-showcase { margin: 12px; padding: 24px 18px 20px; }
        .game-showcase h2 { font-size: clamp(31px, 9vw, 45px); }
        .game-feature-card { grid-template-columns: 1fr; }
        .game-art-featured { min-height: 210px; border-right: 0; border-bottom: 1px solid rgba(255,119,0,.26); }
        .game-feature-info { padding: 16px; }
        .slotgacor-frame::after { display: none; }
      }

      @media (max-width: 620px) {
        .game-showcase-head > p { font-size: 12px; }
        .mini-game-grid { grid-template-columns: 1fr 1fr; }
        .mini-game-card:nth-child(3) { grid-column: 1 / -1; }
        .mini-game-card:nth-child(3) .mini-game-art { aspect-ratio: 2.3 / 1; }
        .game-info-row { grid-template-columns: 1fr; }
        .game-info-chip small { white-space: normal; }
      }

      @media (prefers-reduced-motion: reduce) {
        .slotgacor-image::after,
        .game-showcase::after { animation: none !important; }
      }
    

/* V3.txt inline style 3 id="kgt-meteor-ember-v4" */

      #kgt-sky-fx {
        position: fixed;
        inset: 0;
        z-index: 9997;
        overflow: hidden;
        pointer-events: none;
        contain: strict;
      }

      .kgt-meteor {
        position: absolute;
        top: -22vh;
        left: var(--meteor-left, 18%);
        width: var(--meteor-size, 205px);
        height: 4px;
        border-radius: 100%;
        opacity: 0;
        background: linear-gradient(90deg, transparent 0%, rgba(255,48,0,.16) 18%, rgba(255,92,0,.46) 44%, #ffb11b 72%, #fff4cf 100%);
        box-shadow: 0 0 10px rgba(255,167,31,.26);
        transform: translate3d(0,0,0) rotate(62deg);
        transform-origin: right center;
        will-change: transform, opacity;
        animation: kgt-meteor-fly var(--meteor-speed, 9s) linear var(--meteor-delay, 0s) infinite;
        animation-play-state: paused;
      }

      .kgt-meteor::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 44%;
        height: 12px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: radial-gradient(ellipse at right, rgba(255,217,93,.32), rgba(255,75,0,.08) 52%, transparent 72%);
        filter: blur(3px);
        opacity: .8;
      }

      .kgt-meteor::after {
        content: "";
        position: absolute;
        right: -6px;
        top: -5px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: radial-gradient(circle at 35% 35%, #fffbe8 0 18%, #ffd45a 35%, #ff7a00 64%, #d92800 100%);
        box-shadow: 0 0 10px #ffcf4d, 0 0 20px rgba(255,86,0,.62);
      }

      .kgt-ember {
        position: absolute;
        bottom: -12px;
        left: var(--ember-left, 50%);
        width: var(--ember-size, 2px);
        height: var(--ember-size, 2px);
        border-radius: 50%;
        opacity: 0;
        background: #ffc849;
        box-shadow: 0 0 6px #ff6500, 0 0 10px rgba(255,54,0,.48);
        will-change: transform, opacity;
        animation: kgt-ember-float var(--ember-speed, 8s) linear var(--ember-delay, 0s) infinite;
        animation-play-state: paused;
      }

      body.kgt-fx-on .kgt-meteor,
      body.kgt-fx-on .kgt-ember { animation-play-state: running; }

      @keyframes kgt-meteor-fly {
        0%, 68% { transform: translate3d(0,0,0) rotate(62deg); opacity: 0; }
        69.5% { opacity: .96; }
        76% { opacity: .82; }
        84%,100% { transform: translate3d(var(--meteor-drift, 22vw), 132vh, 0) rotate(62deg); opacity: 0; }
      }

      @keyframes kgt-ember-float {
        0% { transform: translate3d(0,0,0) scale(.8); opacity: 0; }
        12% { opacity: .55; }
        72% { opacity: .20; }
        100% { transform: translate3d(var(--ember-drift, 25px), -104vh, 0) scale(1.3); opacity: 0; }
      }

      @media (max-width: 700px) {
        .kgt-meteor:nth-child(n+3), .kgt-ember:nth-of-type(n+9) { display: none; }
      }

      @media (prefers-reduced-motion: reduce) {
        #kgt-sky-fx { display: none !important; }
      }
    

/* V3.txt inline style 4 id="kgt-thunder-v5" */

      #kgt-thunder-fx {
        position: fixed;
        inset: 0;
        z-index: 9998;
        overflow: hidden;
        pointer-events: none;
        contain: strict;
      }

      .kgt-thunder-flash {
        position: absolute;
        inset: 0;
        opacity: 0;
        background:
          radial-gradient(circle at 22% 4%, rgba(255,248,218,.46), rgba(255,157,38,.16) 24%, transparent 58%),
          rgba(255,117,24,.06);
        mix-blend-mode: screen;
        will-change: opacity;
        animation: kgt-thunder-flash 11s linear infinite;
        animation-play-state: paused;
      }

      .kgt-thunder-bolt {
        position: absolute;
        top: -3vh;
        width: 96px;
        height: 68vh;
        opacity: 0;
        background: linear-gradient(180deg, #fff9dc 0%, #ffd55b 25%, #ff8a00 58%, #ff3b00 100%);
        clip-path: polygon(58% 0, 19% 39%, 45% 39%, 12% 100%, 84% 46%, 58% 46%, 88% 0);
        filter: drop-shadow(0 0 9px rgba(255,238,190,.95)) drop-shadow(0 0 20px rgba(255,103,0,.72));
        transform-origin: top center;
        will-change: opacity, transform;
        animation: kgt-bolt-flash 11s linear infinite;
        animation-play-state: paused;
      }

      .kgt-thunder-bolt::after {
        content: "";
        position: absolute;
        inset: -4% -24%;
        background: inherit;
        clip-path: inherit;
        filter: blur(10px);
        opacity: .18;
        z-index: -1;
      }

      .kgt-thunder-bolt.left {
        left: 14%;
        transform: rotate(-4deg) translate3d(0,0,0);
      }

      .kgt-thunder-bolt.right {
        right: 12%;
        left: auto;
        width: 82px;
        height: 61vh;
        transform: scaleX(-1) rotate(7deg) translate3d(0,0,0);
        animation-delay: -5.5s;
      }

      body.kgt-fx-on .kgt-thunder-flash,
      body.kgt-fx-on .kgt-thunder-bolt,
      body.kgt-fx-on .banner,
      body.kgt-fx-on .home-outer-container,
      body.kgt-fx-on .banner-slotgacor-container {
        animation-play-state: running;
      }

      body.kgt-fx-on .banner,
      body.kgt-fx-on .home-outer-container,
      body.kgt-fx-on .banner-slotgacor-container {
        animation: kgt-thunder-shake 11s linear infinite;
        animation-play-state: running;
        will-change: transform;
      }

      @keyframes kgt-bolt-flash {
        0%, 11%, 16%, 100% { opacity: 0; }
        12% { opacity: 1; }
        12.7% { opacity: .38; }
        13.4% { opacity: .98; }
        14.2% { opacity: .18; }
        15% { opacity: .78; }
      }

      @keyframes kgt-thunder-flash {
        0%, 11.6%, 12.5%, 13.2%, 14.4%, 61.6%, 62.5%, 63.2%, 64.4%, 100% { opacity: 0; }
        12% { opacity: .34; }
        12.9% { opacity: .11; }
        13.7% { opacity: .25; }
        62% { opacity: .30; }
        62.9% { opacity: .09; }
        63.7% { opacity: .22; }
      }

      @keyframes kgt-thunder-shake {
        0%, 11.6%, 15%, 61.6%, 65%, 100% { transform: translate3d(0,0,0); }
        12% { transform: translate3d(-3px,2px,0); }
        12.4% { transform: translate3d(4px,-3px,0); }
        12.8% { transform: translate3d(-4px,-2px,0); }
        13.2% { transform: translate3d(3px,2px,0); }
        13.7% { transform: translate3d(-2px,1px,0); }
        14.2% { transform: translate3d(1px,-1px,0); }
        62% { transform: translate3d(-3px,2px,0); }
        62.4% { transform: translate3d(4px,-2px,0); }
        62.8% { transform: translate3d(-3px,-2px,0); }
        63.3% { transform: translate3d(2px,1px,0); }
        64% { transform: translate3d(-1px,0,0); }
      }

      @media (max-width: 700px) {
        .kgt-thunder-bolt { width: 58px; height: 54vh; filter: drop-shadow(0 0 9px rgba(255,172,60,.78)); }
        .kgt-thunder-bolt.left { left: 9%; }
        .kgt-thunder-bolt.right { right: 8%; width: 52px; height: 49vh; }
        @keyframes kgt-thunder-shake {
          0%, 11.6%, 15%, 61.6%, 65%, 100% { transform: translate3d(0,0,0); }
          12%, 62% { transform: translate3d(-1.5px,1px,0); }
          12.5%, 62.5% { transform: translate3d(2px,-1.5px,0); }
          13%, 63% { transform: translate3d(-1.5px,-1px,0); }
          13.6%, 63.6% { transform: translate3d(1px,1px,0); }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #kgt-thunder-fx { display: none !important; }
        .banner, .home-outer-container, .banner-slotgacor-container { animation: none !important; }
      }
    

/* V3.txt inline style 5  */

/* === DESIGN TOKENS === */
/* Layout: Wikipedia-style scrollable content panel with gold accent border */
:root {
  --bg: #f8f9fa;
  --bg-panel: #ffffff;
  --bg-toc: #f4f6f9;
  --bg-header: #1a2744;
  --fg: #202122;
  --fg-soft: #54595d;
  --fg-link: #1a4a8a;
  --accent: #c9960c;
  --accent-light: #fef9ec;
  --border: #d0d0d0;
  --border-accent: #c9960c;
  --tag-bg: #1a4a8a;
  --tag-fg: #ffffff;
  --scroll-track: #e8e8e8;
  --scroll-thumb: #c9960c;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1117;
    --bg-panel: #1a1d27;
    --bg-toc: #12151f;
    --bg-header: #0d1120;
    --fg: #e8e9ea;
    --fg-soft: #a2a9b1;
    --fg-link: #6fa3d8;
    --accent: #d4a820;
    --accent-light: #1a1608;
    --border: #3a3d47;
    --border-accent: #d4a820;
    --tag-bg: #1a4a8a;
    --tag-fg: #e8e9ea;
    --scroll-track: #2a2d37;
    --scroll-thumb: #d4a820;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0f1117;
  --bg-panel: #1a1d27;
  --bg-toc: #12151f;
  --bg-header: #0d1120;
  --fg: #e8e9ea;
  --fg-soft: #a2a9b1;
  --fg-link: #6fa3d8;
  --accent: #d4a820;
  --accent-light: #1a1608;
  --border: #3a3d47;
  --border-accent: #d4a820;
  --tag-bg: #1a4a8a;
  --tag-fg: #e8e9ea;
  --scroll-track: #2a2d37;
  --scroll-thumb: #d4a820;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--fg);
  font-family: 'Sarabun', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  padding-block: 32px;
}

.wiki-wrap {
  max-width: 900px;
  margin: 0 auto;
}

/* === PAGE HEADER === */
.wiki-page-title {
  font-family: 'Noto Serif Thai', serif;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 700;
  color: var(--fg);
  border-bottom: 3px solid var(--border-accent);
  padding-bottom: 12px;
  margin-bottom: 8px;
  text-wrap: balance;
}

.wiki-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 24px;
}

.wiki-tab {
  padding: 8px 18px;
  font-size: 14px;
  color: var(--fg-link);
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background: transparent;
  font-family: 'Sarabun', sans-serif;
  transition: background 0.15s;
}

.wiki-tab.active {
  background: var(--bg-panel);
  border-color: var(--border);
  border-bottom-color: var(--bg-panel);
  color: var(--fg);
  font-weight: 600;
  margin-bottom: -1px;
}

/* === INTRO NOTE === */
.wiki-italic-note {
  font-style: italic;
  color: var(--fg-soft);
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px 14px;
  border-left: 3px solid var(--border-accent);
  background: var(--accent-light);
  border-radius: 0 4px 4px 0;
}

.wiki-italic-note a {
  color: var(--fg-link);
  text-decoration: underline;
}

/* === SCROLLABLE CONTENT PANEL === */
.scroll-panel {
  background: var(--bg-panel);
  border: 2px solid var(--border-accent);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.scroll-panel-header {
  background: var(--bg-header);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.scroll-panel-header h2 {
  font-family: 'Noto Serif Thai', serif;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.3px;
}

.gold-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

.scroll-inner {
  height: 520px;
  overflow-y: auto;
  padding: 24px 28px;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

.scroll-inner::-webkit-scrollbar { width: 6px; }
.scroll-inner::-webkit-scrollbar-track { background: var(--scroll-track); }
.scroll-inner::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 3px; }

/* === TOC === */
.toc-box {
  float: right;
  margin: 0 0 20px 24px;
  background: var(--bg-toc);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 14px 18px;
  min-width: 200px;
  max-width: 240px;
  font-size: 14px;
}

.toc-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--fg);
  display: flex;
  align-items: center;
  gap: 6px;
}

.toc-title::before {
  content: "☰";
  font-size: 12px;
  color: var(--accent);
}

.toc-list {
  list-style: none;
  counter-reset: toc;
}

.toc-list li {
  counter-increment: toc;
  margin-bottom: 5px;
}

.toc-list a {
  color: var(--fg-link);
  text-decoration: none;
  font-size: 13px;
  display: flex;
  gap: 6px;
  align-items: flex-start;
}

.toc-list a::before {
  content: counter(toc) ".";
  color: var(--accent);
  font-weight: 700;
  flex-shrink: 0;
  min-width: 18px;
}

.toc-list a:hover { text-decoration: underline; }

/* === ARTICLE CONTENT === */
.wiki-lead {
  font-size: 15.5px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: var(--fg);
}

.wiki-lead strong {
  font-weight: 700;
  color: var(--fg);
}

.wiki-lead a, .wiki-body a {
  color: var(--fg-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wiki-h2 {
  font-family: 'Noto Serif Thai', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--fg);
  border-bottom: 1px solid var(--border-accent);
  padding-bottom: 6px;
  margin: 28px 0 14px;
  clear: both;
  text-wrap: balance;
}

.wiki-h2 .section-num {
  color: var(--accent);
  margin-right: 6px;
  font-size: 16px;
}

.wiki-body {
  font-size: 15px;
  line-height: 1.85;
  color: var(--fg);
  margin-bottom: 16px;
}

.wiki-body + .wiki-body { margin-top: 0; }

/* === HIGHLIGHT BOXES === */
.info-box {
  background: var(--accent-light);
  border-left: 4px solid var(--border-accent);
  border-radius: 0 6px 6px 0;
  padding: 14px 18px;
  margin: 18px 0;
  font-size: 14px;
  color: var(--fg-soft);
  line-height: 1.7;
}

.info-box strong {
  color: var(--fg);
}

/* === TAGS / KEYWORDS === */
.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 10px;
}

.tag {
  background: var(--tag-bg);
  color: var(--tag-fg);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.3px;
}

.tag.gold {
  background: var(--accent);
  color: #ffffff;
}

/* === REFERENCES === */
.wiki-ref-section {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.wiki-ref-title {
  font-family: 'Noto Serif Thai', serif;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--fg);
}

.ref-list {
  list-style: none;
  counter-reset: ref;
}

.ref-list li {
  counter-increment: ref;
  font-size: 13px;
  color: var(--fg-soft);
  margin-bottom: 6px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.ref-list li::before {
  content: counter(ref) ".";
  color: var(--accent);
  font-weight: 700;
  flex-shrink: 0;
  min-width: 18px;
}

.ref-list a {
  color: var(--fg-link);
  text-decoration: underline;
}

/* === SCROLL INDICATOR === */
.scroll-hint {
  text-align: center;
  font-size: 12px;
  color: var(--fg-soft);
  padding: 8px;
  border-top: 1px solid var(--border);
  background: var(--bg-toc);
  letter-spacing: 0.5px;
}

/* === RESPONSIVE === */
@media (max-width: 600px) {
  .toc-box {
    float: none;
    max-width: 100%;
    margin: 0 0 20px 0;
  }

  .scroll-inner {
    padding: 16px;
    height: 460px;
  }
}


/* V3.txt inline style 6  */

    /* Mengubah warna semua H1 di dalam artikel */
    .site-description h1 {
    color: #00ccff !important;
    }
                             
    /* Mengubah warna semua H2 di dalam artikel */
    .site-description h2 {
    color: #00ccff !important;
    }

    /* Mengubah warna semua link (anchor text) di dalam artikel */
    .site-description a {
    color: #00ccff !important;
    font-weight: bold; /* Biar link-nya lebih tebal dan menonjol */
    text-decoration: none; /* Ngilangin garis bawah bawaan */
    transition: 0.3s ease;
    }

    /* Efek kalau link-nya dilewati mouse (hover) */
    .site-description a:hover {
    color: #00adcc !important; /* Berubah jadi orange agak gelap pas di-hover */
    text-decoration: underline; /* Muncul garis bawah pas di-hover */
    }


/* V3.txt inline style 7 id="kgt-demo-counter-style" */

  /* Lightweight digit-only animation; no layout changes. */
  #progressive_jackpot[data-counter-mode="demo"] {
    display: inline-block;
    min-width: 9ch;
    font-variant-numeric: tabular-nums;
    letter-spacing: .035em;
    will-change: opacity, transform;
    transform: translateZ(0);
  }
  #progressive_jackpot[data-counter-mode="demo"].counter-tick {
    animation: kgtCounterTick .18s ease-out;
  }
  @keyframes kgtCounterTick {
    0% { opacity: .82; transform: translateY(1px) scale(.997); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
  }
  @media (prefers-reduced-motion: reduce) {
    #progressive_jackpot[data-counter-mode="demo"].counter-tick { animation: none; }
  }


/* V3.txt inline style 8  */

  .footer-gacor-keren {
    background: #02060d; /* Biru super gelap nyaris hitam */
    border-top: 3px solid #00ccff; /* Garis atas Cyan menyala */
    box-shadow: 0 -5px 20px rgba(0, 204, 255, 0.15); /* Efek glow ke atas */
    padding: 50px 20px 20px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #a0aec0;
    margin-top: 40px;
  }

  .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
  }

  .footer-col {
    flex: 1;
    min-width: 250px;
  }

  .footer-col h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 800;
  }

  /* Garis kecil di bawah judul */
  .footer-col h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #00ccff;
    border-radius: 5px;
  }

  .footer-col p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
  }

  /* --- MENU CEPAT (QUICK LINKS) --- */
  .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-links li {
    margin-bottom: 12px;
  }

  .footer-links a {
    color: #a0aec0;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
    transition: all 0.3s ease;
  }

  .footer-links a:hover {
    color: #00ccff;
    transform: translateX(8px); /* Efek geser ke kanan pas di-hover */
  }

  /* --- IKON PEMBAYARAN --- */
  .payment-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
  }

  .payment-icons span {
    background: #0d1627;
    border: 1px solid #1e293b;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    transition: 0.3s;
  }

  .payment-icons span:hover {
    border-color: #00ccff;
    box-shadow: 0 0 10px rgba(0, 204, 255, 0.3);
  }

  /* --- COPYRIGHT BAWAH --- */
  .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #1e293b;
    text-align: center;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .footer-bottom .logo-18plus {
    display: inline-block;
    background: #ef4444;
    color: white;
    padding: 3px 8px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 12px;
  }

  @media (max-width: 768px) {
    .footer-bottom {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }


/* V3.txt inline style 9 id="kgt-palette-v3" */

/* Color/glow only. Intentionally does NOT touch display, position, grid, flex, width, height, padding, or menu behavior. */
.site-description h1,.site-description h2,.site-description a,.footer-col h3,.footer-links a:hover{color:#ffc247!important}
.footer-col h3::after{background:linear-gradient(90deg,#ff3b00,#ff8a00,#ffc247)!important;box-shadow:0 0 10px rgba(255,103,0,.34)!important}
.footer-gacor-keren{background:linear-gradient(180deg,#130604 0%,#070302 100%)!important;border-top-color:#8d2b00!important}
.footer-links a{color:#c9ad96!important}
.payment-icons span{background:#190704!important;border-color:#542006!important;color:#ffe6bd!important}
.payment-icons span:hover{border-color:#ff8a00!important;box-shadow:0 0 12px rgba(255,105,0,.18)!important}
.footer-bottom{border-top-color:#542006!important}
.home-progressive-jackpot,.popular-slots-outer-container,.game-list-container,.provider-container,.site-description,.site-info{box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 14px rgba(255,92,0,.035)}
.navbar,.topbar-container,.site-header{box-shadow:0 4px 16px rgba(0,0,0,.18)}