.popup-box-login-konami {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  max-width: 354px;
  margin: auto;
  color: #333;
  margin-top: 52%;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;
  { border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-color: currentColor;
  border-bottom-color: currentColor;
  border-right-color: currentColor;
  border-top-color: currentColor;
  border-image: none;
  font-size: 100%;
  font: inherit;}:
  root { --bg1: #222c5c;
  --bg2: #1e2754;
  --bg3: #1b234d;
  --bg4: #171f45;
  --bg5: #141b3d;
  --bg6: #111733;
  --brand-text: #3988ff;
  --brand-lighter: #00c4de;
  --brand: #1b56ff;
  --brand-click-lighter: #0790be;
  --brand-click: #002cde;
  --brand-hover-lighter: #6bdcf8;
  --brand-hover: #3166ff;
  --brand-disable-lighter: #056a8c;
  --brand-disable: #0022ab;
  --brand2-lighter: #f2b818;
  --brand2: #f26c3d;
  --brand2-click-lighter: #c29313;
  --brand2-click: #c25631;
  --brand2-hover-lighter: #f5c646;
  --brand2-hover: #f58964;
  --brand2-disable-lighter: #85650d;
  --brand2-disable: #853b22;
  --cyan: #38c9f8;
  --green: #00d567;
  --red: #ff5e5b;
  --orange: #f17b32;
  --yellow: #ffc733;
  --purple: #b454ff;
  --white1: #fff;
  --white2: hsla(0, 0%, 100%, .75);
  --white3: hsla(0, 0%, 100%, .5);
  --white4: hsla(0, 0%, 100%, .25);
  --white5: hsla(0, 0%, 100%, .1);
  --white6: hsla(0, 0%, 100%, .05);
  --black1: rgba(0, 0, 0, .9);
  --black2: rgba(0, 0, 0, .8);
  --black3: rgba(0, 0, 0, .6);
  --black4: rgba(0, 0, 0, .4);
  --black5: rgba(0, 0, 0, .25);
  --black6: rgba(0, 0, 0, .1);
  --blue-gradient-lighter: #00c4de;
  --blue-gradient: #1b56ff;
  --cyan-gradient-lighter: #4ad9c1;
  --cyan-gradient: #0099bf;
  --green-gradient-lighter: #88d945;
  --green-gradient: #00b25f;
  --red-gradient-lighter: #ff824d;
  --red-gradient: #e52e43;
  --yellow-gradient-lighter: #f2bb18;
  --yellow-gradient: #f26c3d;
  --purple-gradient-lighter: #e573cd;
  --purple-gradient: #990cf2;
  --vh: 1vh;
  --scroll: #2c3665;}
  @font-face {    font-family: 'all';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype")}
  @font-face {    font-family: 'all-bold';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/AgencyFB-Bold.ttf") format("truetype")}
  @font-face {    font-family: 'ru';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype")}
  @font-face {    font-family: 'th';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype")}
  @font-face {    font-family: 'vi';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype")}
  @font-face {    font-family: 'tr';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype")}
  @font-face {    font-family: 'ar';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype")}
  @font-face {    font-family: 'uz';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/uz.TTF") format("truetype")}
  body { background: #000096;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  body { font-size: 100%;
  font: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 9.75pt;
  line-height: normal;
  font-size-adjust: none;
  font-kerning: auto;
  font-family: Arial;
  color: #111733;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  line-height: 1;}.gallery-container {
  background-size: 100% 100%;
  margin-top: -2px;
  width: 100%;
  height: auto;
  border: 0px solid #fff;
  float: left;}.slider-container {
  border: none;
  display: inline-block;
  overflow: hidden;
  height: auto;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;}.laz-container {
  /* background: url(img/lazback.jpg) no-repeat center; */
  background-size: 100% 100%;
  margin-top: 0px;
  padding: 5px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  position: relative;}.navbar {
  background: #0c0c0c;
  backdrop-filter: blur(8px);
  width: 100%;
  height: 62px;
  position: fixed;
  margin-top: -5px;
  z-index: 50;
  max-width: 400px;}.navbar-logo {
  width: 15%;
  float: left;
  margin-top: 10px;
  margin-left: 11px;}.navbar-shop {
  width: 22px;
  margin-top: 19px;
  margin-right: 20px;}.navbar-language {
  width: 20px;
  margin-top: 19px;
  margin-right: 20px;}.navbar-menu {
  width: 20px;
  margin-top: 19px;
  margin-right: 5px;}.navbar-right {
  width: auto;
  float: right;}.navbar-download {
  background: #ffca13;
  width: 42px;
  height: 42px;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 7px;
  float: right;}.navbar-download
  img { width: 20px;
  height: 21px;
  margin: 11px;}
  @keyframes bounce { to {  transform: scale(1.1); }}.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 14px;
  justify-content: center;
  align-items: center;
  position: relative;
  width: max-content;
  margin: auto;}.spinbutton {
  z-index: 10;
  grid-column: 2;
  grid-row: 2;}.laza-spin {
  width: 96%;
  border: 8px solid transparent; /* ubah dari warna ke transparent */
  border-radius: 0px;
  background: url(img/line-bg.png) border-box, linear-gradient(to right, #1d1d1dcc, #171819) padding-box; /* isi background */
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 98%;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin: 20px auto 79px;
  padding-top: 16px;
  padding-bottom: 11px;
  animation: fadeInUp 1s;}.laza-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 10px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  position: relative;}.laza-grid .lazasepin {
  margin: 0 !important;
  position: relative;}.laza-grid .lazasepin:nth-child(1),.laza-grid .lazasepin:nth-child(3) {
  transform: translate(0px, 0px);}.laza-grid .lazasepin:nth-child(7),.laza-grid .lazasepin:nth-child(9) {
  transform: translate(0px, 0px);}.laza-grid .lazasepin:nth-child(5) {
  transform: translate(0px, 0px);
  background: none; /* hide img tengah */}.load-spin {
  --btn-width: 80px;
  --btn-height: 80px;
  width: var(--btn-width);
  height: var(--btn-height);
  background: url(img/kotak.png) no-repeat center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --stroke-color: rgb(0 0 0 / 15%);
  filter: drop-shadow(3.8px 0 0 var(--stroke-color))           drop-shadow(-2px 0 0 var(--stroke-color))           drop-shadow(0 3.8px 0 var(--stroke-color))           drop-shadow(0 -2px 0 var(--stroke-color))           drop-shadow(3.8px 3.8px 0 var(--stroke-color))           drop-shadow(3.8px -2px 0 var(--stroke-color))           drop-shadow(-2px 3.8px 0 var(--stroke-color))           drop-shadow(-2px -2px 0 var(--stroke-color));
  animation: fadeBreath 1.6s ease-in-out infinite;}
  @keyframes fadeBreath {  0%, 100% {    transform: scale(1);
  opacity: 1;  }  50% {
  transform: scale(1.1);
  opacity: 0.5;  }}.spinbutton {
  --btn-width: 80px;
  --btn-height: 80px;
  width: var(--btn-width);
  height: var(--btn-height);
  background: url(img/spin.png) no-repeat center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --stroke-color: rgb(0 0 0 / 15%);
  filter: drop-shadow(3.8px 0 0 var(--stroke-color))           drop-shadow(-2px 0 0 var(--stroke-color))           drop-shadow(0 3.8px 0 var(--stroke-color))           drop-shadow(0 -2px 0 var(--stroke-color))           drop-shadow(3.8px 3.8px 0 var(--stroke-color))           drop-shadow(3.8px -2px 0 var(--stroke-color))           drop-shadow(-2px 3.8px 0 var(--stroke-color))           drop-shadow(-2px -2px 0 var(--stroke-color));}.spinbutton .start-text {
  font-family: 'laza';
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 1px #000000;
  padding-top: 4px;
  line-height: 21px;}.spinbutton .free-wrapper {
  display: flex;
  align-items: center;
  gap: 3px;}.spinbutton .free-wrapper
  img {  width: 10px;
  height: auto;}.spinbutton .free-text {
  font-family: 'laza';
  font-size: 9px;
  color: #ffffff;
  text-shadow: 2px 2px 1px #000000;}.congrats {
  background: #00000059;
  background-size: 100% 100%;
  margin-top: 123px;
  margin-left: 162px;
  padding-top: 15px;
  padding-left: 6px;
  font-family: 'laza';
  color: #fff;
  font-size: 19px;
  width: 57px;
  height: 56px;
  position: absolute;
  border-radius: 0px;
  border: 1px #ff9b00ad double;
  box-shadow: 0px 0px 5px 2px #ffffff;}.loadingspin
  img { width: 79px;
  margin-top: -104px;
  margin-left: -192px;
  position: absolute;
  animation: pulse 1.2s infinite alternate;}.lazbox {
  margin-left: 10px;}.lazasepin {
  background: url(img/item-off.png) no-repeat center;
  background-position: 0px 5px;
  background-repeat: no-repeat;
  background-size: 87% 85%;
  background-position-x: center;
  width: 100%;
  height: 91px;
  margin: 0px;
  margin-bottom: 1px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 54px;
  display: flex;
  align-items: center;
  justify-content: center;}.lazasepin2 {
  background: url(img/item-off.png) no-repeat center;
  background-size: 100% 100%;
  width: 28%;
  height: 91px;
  margin: 1px;
  margin-bottom: 1px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 5px;
  transform: scaleX(-1);}.lazasepin3 {
  background: url(img/item-off2.png) no-repeat center;
  background-size: 100% 100%;
  width: 28%;
  height: 91px;
  margin: 1px;
  margin-bottom: 1px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 5px;}.item1 {
  width: 58px;
  height: 58px;
  margin: 0px;
  margin-bottom: 0px;
  display: inline-block;
  border: none;
  border-radius: 4px;
  position: absolute;}.item1
  img {    width: 100%;
  height: auto;
  border: none;
  border-radius: 0px;
  margin-left: 0px;
  margin-top: 0px;}.item2 {
  width: 63px;
  height: 60px;
  margin: 17px;
  margin-left: 10px;
  margin-bottom: -5px;
  display: inline-block;
  border: none;
  border-radius: 4px;
  position: absolute;
  transform: scaleX(-1);}.item2
  img {    width: 100%;
  height: auto;
  border: none;
  border-radius: 0px;
  margin-left: -3px;
  margin-top: -3px;}.nomin {
  color: #e9d2a2;
  font-family: laza;
  font-size: 13px;
  padding-top: 34px;
  padding-left: 7px;
  text-shadow: 1px 1px 1px #000000;
  position: absolute;}.bordermotion {
  border: 1px solid #66000000;}
  @property --angle { syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;}.gradient {
  border: 1px solid #66000000;}.bordermotion {
  --angle: 360deg;
  border-image: linear-gradient(var(--angle), #66000000, red, yellow, red, #66000000) 1;
  animation:  fade 1s forwards,  rotate 1s linear infinite;}
  @keyframes fade { 0% {  opacity: 0; } 100% {
  opacity: 1; }}
  @keyframes flip { from {  transform: rotateY(0deg); } to {
  transform: rotateY(360deg); }}
  @keyframes rotate { to {  --angle: 0deg;
  visibility: hidden; }}.itemname {
  margin-left: 2px;
  color: #ededed;
  font-family: laza;
  font-size: 9px;
  text-align: center !important;
  position: absolute;
  padding-top: 56px;
  padding-left: 0;
  text-shadow: 1px 1px 1px #000000;}.afterspin {
  --stroke-pos: 3.8px;
  --stroke-neg: -2px;
  --stroke-color: rgb(168 45 56 / 37%);
  filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color));}.header {
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;}.header
  img {    background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;}.header
  p {    background: url(img/car_name.png);
  background-size: 100% 100%;
  width: auto;
  height: 27px;
  padding-left: 5px;
  padding-right: 5px;
  padding: 4px;
  margin-top: -54%;
  margin-left: 203px;
  float: left;}.header
  span { font-family: laza-bugatti1;
  font-size: 17px;
  font-style: italic;
  padding: 5px;
  color: #3672ae;}.laza-swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--laza-swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;}.laza-swiper-container {
  width: 100%;
  height: auto;
  line-height: 0;}.laza-slide
  img { width: 100%;
  height: auto;
  object-fit: cover;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  background-size: 100% 62%;}.swiper-pagination {
  bottom: 10px;}.swiper-button-next,.swiper-button-prev {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 50%;}.bannerwrap {
  background-image: url(img/style-img/bannerwrap.png);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 100% 90%;
  width: 100%;
  height: 62px;
  position: absolute;
  margin-top: -65px;
  z-index: 50;
  max-width: 400px;}.lines
  img { position: relative;
  z-index: 1;
  width: 100%;
  height: 28px;
  margin-top: -11px;
  margin-bottom: -13px;
  margin-left: 0;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 151% 150%;}.wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;}.laza-tit {
  background-size: 100% 100%;
  width: 323px;
  height: 76px;
  font-family: 'laza';
  font-weight: 500;
  font-size: 13px;
  line-height: 11px;
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  position: absolute;
  top: -331px;
  z-index: 1;}.laza-tit
  img.laza-img { background-position-x: center;
  width: 37%;
  display: block;
  margin: 2px auto 0px auto; /* Tengah & jarak bawah gambar */
  max-width: 100%;
  height: auto;
  margin-top: 29px;}.laza-tit
  span { font-size: 39px;
  color: #fffe01;
  text-transform: uppercase;
  display: block;
  font-family: 'laza';}.laza-tit
  t { font-size: 13px;
  color: #ccc;
  text-transform: uppercase;}
  @-webkit-keyframes moveUpDown1 {  0% {    -webkit-transform: scale(0.85) translateY(-0.2rem);
  transform: scale(0.85) translateY(-0.2rem); }  50% {
  -webkit-transform: scale(0.85) translateY(0.2rem);
  transform: scale(0.85) translateY(0.2rem); }  100% {
  -webkit-transform: scale(0.85) translateY(-0.2rem);
  transform: scale(0.85) translateY(-0.2rem); } }
  @keyframes moveUpDown1 {  0% {    -webkit-transform: scale(0.85) translateY(-0.2rem);
  transform: scale(0.85) translateY(-0.2rem); }  50% {
  -webkit-transform: scale(0.85) translateY(0.2rem);
  transform: scale(0.85) translateY(0.2rem); }  100% {
  -webkit-transform: scale(0.85) translateY(-0.2rem);
  transform: scale(0.85) translateY(-0.2rem); } }.header
  video { width: 100%;
  border: none;}.sliderHeader {
  margin-top: 10px;}.bgrew {
  background: #00000082;
  width: 75%;
  height: 37%;
  position: absolute;
  margin-left: 43px;
  margin-top: -2px;
  border: 1px solid #ffffff59;}.redeem-content {
  display: flex;
  flex-direction: column; /* jadi vertikal */
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding: 20px;
  border-radius: 0px;
  margin: 28px;
  text-align: center;
  border: 1px solid #000;}.redeem-info {
  color: #000000;
  margin-bottom: 15px; /* kasih jarak dengan gambar */}.item-name {
  font-size: 15px;
  font-weight: 500;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;}.item-line {
  height: 1px;
  background: #555;
  margin: 6px 0;}.item-cost {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  color: #000000;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;
  line-height: 2;
  font-weight: 500;}.item-cost
  span {  color: #000000;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;}.item-cost
  img {  width: 16px;}.redeem-image
  img {  width: 124px;}.popup-box-form-footer {
  text-align: center;
  margin-top: 10px;}.popup-box-form-footer
  button {  background: #FFD700;
  color: #000;
  font-weight: bold;
  padding: 8px 25px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;}.popup-box-form-footer
  button:hover {  background: #e6c200;}.balance {
  padding: 10px;
  margin: 6px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 94%;
  height: 95px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #000000cf;
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%;
  background-position: center;}.balance
  img { width: 73px;
  height: 69px;
  margin-top: 0px;
  margin-left: -2px;
  margin-right: 2px;
  float: left;
  /* border: 1px solid #0000004d; */
  --angle: 360deg;
  /* border-image: linear-gradient(var(--angle), #000000, #000000, #000000, #ffffff, #000000) 1; */
  /* animation: fade 1s forwards, rotate 1.8s linear infinite; */}.balance-text {
  flex: 1;
  padding: 0px 4px 0px 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;}.balance-nom {
  font-family: 'laza', sans-serif;
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 5px;
  text-align: left;}.balance-detail {
  /* background: linear-gradient(to right, #ff0082, #66000000); */
  color: #ffffff;
  font-size: 12px;
  padding: 2px 2px 4px 0px;
  /* border-radius: 4px; */
  font-family: sans-serif;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  text-align: left;
  font-weight: 500;}.balance-detail1 {
  background: linear-gradient(to right, #6f0401, #66000000);
  color: #fff;
  font-size: 14px;
  padding: 3px 4px;
  border-left: 3px solid #b0120b;
  border-radius: 4px;
  font-family: 'laza', sans-serif;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  text-align: left;}.balance-detail2 {
  background: linear-gradient(to right, #3e0d38, #66000000);
  color: #fff;
  font-size: 14px;
  padding: 3px 4px;
  border-left: 3px solid #942b87;
  border-radius: 4px;
  font-family: 'laza', sans-serif;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  text-align: left;}.balance
  button {  background: #fff;
  background-position: 0px -4px;
  background-repeat: no-repeat;
  background-size: 107% 122%;
  background-position-x: center;
  border: none;
  border-radius: 4px;
  padding: 4px 11px;
  color: #1a1a1a;
  font-family: 'laza', sans-serif;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  transition: transform 0.1s ease;
  margin-left: 17px;
  margin-right: 11px;}.balance
  button:hover {  transform: scale(1.05);}.balance
  button img {  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-left: 0px;
  border: none;}.balance
  button span {  padding-top: 1px;}.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;}.event-title {
  background: url(img/s1.png) no-repeat center center;
  background-size: 100% 100%;
  width: 81px;
  height: 66px;
  margin-top: 195px;
  margin-left: 1px;
  display: block;
  position: absolute;
  animation: bounce_down 4s linear infinite;
  -webkit-animation: bounce_down 4s linear infinite;
  --stroke-pos: 3.8px;
  --stroke-neg: -2px;
  --stroke-color: rgb(136 232 231 / 9%);
  filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color));}.event-title2 {
  background: url(img/s2.png) no-repeat center center;
  background-size: 100% 100%;
  width: 68px;
  height: 66px;
  margin-top: 406px;
  margin-left: 305px;
  display: block;
  position: absolute;
  animation: bounce_down 4s linear infinite;
  -webkit-animation: bounce_down 5s linear infinite;
  --stroke-pos: 3.8px;
  --stroke-neg: -2px;
  --stroke-color: rgb(136 232 231 / 9%);
  filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color));}.line1 {
  background: url(img/line.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 12px;
  margin-top: -11px;
  margin-left: -5px;
  display: block;
  position: absolute;}.line2 {
  background: url(img/line.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 12px;
  margin-top: 743px;
  margin-left: -5px;
  display: block;
  position: absolute;
  transform: rotate(180deg);}.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);}.popup-box-wrapper {
  width: auto;
  height: auto;
  position: relative;
  margin: 50px auto;
  margin-top: 15%;
  text-align: center;
  font-family: 'laza';
  color: #fff;}.popup-box-wrapperz {
  width: 390px;
  height: auto;
  position: relative;
  margin: 50px auto;
  margin-top: 15%;
  text-align: center;
  font-family: 'laza';
  color: #fff;}.popup-box-navbar {
  background: #f5f4f2;
  background-size: 100% 100%;
  height: 43px;
  padding-bottom: 5px;}.popup-box-navbar
  img { width: 25px;
  height: auto;
  margin-top: -23px;
  margin-right: 15px;
  float: right;}.popup-box-navbar-title {
  padding-top: 14px;
  padding-bottom: 2px;
  font-size: 18px;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;
  font-weight: 700;
  text-align: center;
  color: #000000;}.popup-box-navbarz {
  background: url(img/popup-navbar2.png) no-repeat center center;
  background-size: 100% 100%;
  height: 43px;
  padding-bottom: 5px;}.popup-box-navbarz
  img { width: 25px;
  height: 25px;
  margin-top: 7px;
  margin-right: 15px;
  float: right;}.popup-box-navbarz-title {
  padding-top: 9px;
  padding-bottom: 2px;
  font-size: 20px;
  font-family: laza;
  font-weight: 300;
  text-align: center;
  color: #fff;}.popup-close-btn {
  cursor: pointer;
  float: right;
  margin-top: -31px;
  margin-right: 21px;
  width: 7%;}.popup-box-bg {
  background: url(img/popup-box-bg2.png) no-repeat center center;
  background-size: 100% 100%;
  width: 400px;}.popup-box-bgz {
  background: #f5f4f2;
  background-size: 100% 100%;
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  border: 2px solid #ff0083;
  max-width: 318px;         /* batasi lebar maksimal */
  margin: 0 auto;           /* agar center */}.popup-box-bgx {
  background: url(img/popup-box-bg3.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 18px;
  padding-bottom: auto;
  padding-top: 30px;}.loginpop {
  background: url(img/lazlogin.png) no-repeat center center;
  background-size: 100% 100%;
  width: 400px;
  height: 200px;
  margin: 50px auto;
  text-align: center;
  margin-top: 300px;}.vertit {
  background: linear-gradient(to right, #020202a3, #020202a3, #020202a3, #66000000);
  width: 101px;
  height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: auto;
  padding-left: 10px;
  padding-top: 2px;
  color: #ffffff;
  font-size: 10px;
  font-family: laza2;
  text-align: left;
  position: absolute;}.popup-box-gamecon {
  width: 23%;
  height: 59px;
  margin-left: 150px;
  margin-right: auto;
  margin-top: 62px;
  margin-bottom: -10px;
  display: block;
  --stroke-pos: 2.8px;
  --stroke-neg: -1px;
  --stroke-color: rgb(0 0 0 / 18%);
  filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color));}.popup-box-alert {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 5px;
  color: #AAAAAA;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: left;
  display: block;}.popup-box-alert2 {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 5px;
  color: #AAAAAA;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: left;
  display: block;}.popup-box-alert0 {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 5px;
  color: #AAAAAA;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: right;
  display: block;}.popup-box-alert3 {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 5px;
  color: #c7c7c7;
  font-size: 16px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  /* font-style: italic; */
  display: block;}.popup-box-alert7 {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 5px;
  color: #F5EAB0;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.popup-box-alert-confirm {
  width: 95%;
  height: auto;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 8px 23px;
  padding-top: 0px;
  color: #000000;
  font-size: 13px;
  font-family: Noto Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  display: block;}.popup-box-alert-confirm
  i { padding-top: 15px;
  padding-bottom: 15px;
  color: #AAAAAA;
  font-size: 50px;
  text-align: center;}.popup-box-alert4 {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 12px;
  padding-top: 13px;
  color: #AAAAAA;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.popup-box-alert4
  i { padding-top: 15px;
  padding-bottom: 15px;
  color: #AAAAAA;
  font-size: 50px;
  text-align: center;}.spin-itemvalue {
  color: #fff;
  font-size: 13px;
  font-family: laza;
  text-align: right;
  position: absolute;
  top: 50px;
  right: 4px;}.spin-itemname {
  padding-top: 7px;
  padding-bottom: 0px;
  color: #e6e6e6;
  text-shadow: 1px 1px 1px #000;
  font-size: 11px;
  font-family: Noto sans-serif;
  font-weight: 600;
  text-align: center;}.popup-box-item {
  width: 16%;
  height: 67px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  display: block;}.popup-box-item
  img { width: 100%;
  height: 100%;}.popup-box-item
  span { background: #00000094;
  background-size: 56% 100%;
  width: auto;
  color: #fff;
  font-size: 13px;
  font-family: laza;
  text-align: right;
  position: absolute;
  top: 56px;
  right: 3px;}.popup-box-item
  span { background-size: 56% 100%;
  width: auto;
  color: #fff;
  font-size: 13px;
  font-family: laza;
  text-align: right;
  position: absolute;
  top: 57px;
  right: 4px;}.popup-box-item
  rw { background-size: 56% 100%;
  width: 229%;
  color: #ffffff;
  font-size: 16px;
  font-family: laza;
  float: right;
  text-align: left;
  position: absolute;
  top: 16px;
  right:-191px;}.popup-box-item
  pr {    background-size: 56% 100%;
  width: 229%;
  color: #c9c9c9;
  font-size: 16px;
  font-family: laza;
  float: right;
  text-align: left;
  position: absolute;
  top: 41px;
  right: -241px;}.popup-box-alert-price {
  background-size: 56% 100%;
  width: auto;
  color: #dfdede;
  font-size: 16px;
  font-family: laza;
  float: right;
  position: absolute;
  top: 41px;
  right: -36px;}.line {
  width: 224%;
  height: auto;
  margin-left: 87px;
  margin-top: -85px;
  padding-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff59;
  display: block;}.linez {
  width: 99%;
  height: auto;
  margin-left: -3px;
  margin-top: -19px;
  padding-top: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #63351252;
  display: block;}.popup-box-form {
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;}.popup-box-form
  label { display: inline-block;
  width: 140px;
  text-align: right;
  color: yellow;}.popup-box-form
  input { background: #1a1b1c;
  background-size: 100% 100%;
  width: 100%;
  height: 35px;
  margin-bottom: 3px;
  padding: 4px;
  padding-left: 10px;
  color: #c3c3c3;
  font-size: 16px;
  font-family: laza;
  font-weight: 300;
  border: 1px solid #8f8f8f;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;}.popup-box-form
  input::placeholder { color: #FFFBF7;}.popup-box-form
  select { background: #1a1b1c;
  background-size: 100% 100%;
  width: 100%;
  height: 35px;
  margin-bottom: 3px;
  padding: 4px;
  padding-left: 10px;
  color: #c3c3c3;
  font-size: 16px;
  font-family: laza;
  font-weight: 300;
  border: 1px solid #8f8f8f;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;}.popup-box-footer {
  background-size: 100% 100%;
  margin-top: 20px;
  width: 100%;
  height: 45px;}.popup-box-footer-ignis {
  background-size: 100% 100%;
  margin-top: 20px;
  width: 100%;
  height: 45px;}.popup-box-footer-ignis
  button { background: url(img/yes.png) no-repeat center;
  background-size: 100% 100%;
  width: auto;
  height: auto;
  margin-top: -23px;
  padding: 5px;
  padding-left: 35px;
  padding-right: 35px;
  color: #d6d6d6;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: none;
  outline: none;}.popup-box-footer
  button { background: url(img/yes_laza.png) no-repeat center;
  background-size: 100% 100%;
  width: auto;
  height: auto;
  margin-top: -23px;
  padding: 5px;
  padding-left: 35px;
  padding-right: 35px;
  color: #000;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: none;
  outline: none;}.popup-box-form-footer {
  background-size: 100% 100%;
  width: 100%;
  height: 45px;
  margin-top: 20px;}.popup-box-form-footer
  button { background: #ff0083;
  border-radius: 15px;
  background-size: 100% 100%;
  width: 40%;
  height: auto;
  margin-top: -11px;
  padding: 6px;
  color: #ffffff;
  font-size: 15px;
  font-family: system-ui;
  font-weight: 500;
  text-align: center;
  border: none;
  outline: none;}.popup-box-navbar-login {
  background: url(img/popup-navbar1.png) center center/100% 100% no-repeat;
  height: auto;
  padding-top: 5px;
  padding-bottom: 1px}.popup-box-navbar-login-title {
  padding-left: 24px;
  padding-top: 2px;
  color: #defbff;
  font-size: 22px;
  font-family: laza;
  font-weight: 500;
  text-align: center}.popup-btn-login {
  width: 24%;
  height: 25px;
  padding: 2px;
  margin-bottom: 10px;
  margin: 5px;
  color: #000;
  font-size: 14px;
  font-family: laza;
  outline: none;
  border: none;
  margin-bottom: 45px;
  position: relative;
  border-radius: 0px;}.popup-btn-login
  i { color: #fff;
  font-size: 17px;
  float: left;}.popup-btn-facebook {
  background: #4265b5;
  color: #fff;
  margin-bottom: 45px;}.popup-btn-fb-more {
  background: none;
  outline: none;
  border: none;
  width: auto;
  height: 60px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0px;
  color: #AAAAAA;
  font-size: 13px;
  font-family: selow;
  font-weight: 500;
  text-align: center;
  display: block;}.popup-btn-fb-more
  img {    background: #1778f2;
  border-radius: 2px;
  width: 40px;
  padding: 4px;
  height: auto;
  margin-bottom: 5px;
  text-align: center;}.popup-btn-gp {
  background: #5287EC;
  color: #fff;
  padding-top: 4px;}.popup-btn-gp
  img {    width: 20px;
  height: 21px;
  margin-top: -2px;
  float: left;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;}.popup-btn-twitter {
  background: #198b96;
  margin-bottom: 3px;
  color: #eef9fa;}.popup-btn-login-link {
  background: #E3B448;
  color: #000;}.popup-btn-login-link
  img { width: 18px;
  height: 18px;
  margin-top: -1px;
  color: #fff;
  font-size: 20px;
  float: left;}.popup-btn-more {
  margin-left: -2px;
  background: #00000092;
  color: #fff;
  width: 10%;
  height: auto;
  padding: 1px;
  font-size: 13px;
  font-family: 'laza';
  border-radius: 0px;
  border: 0px;
  margin-top: -40px;}.popup-login {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;}.popup-box-login-fb {
  background: #ECEFF6;
  max-width: 330px;
  height: auto;
  position: relative;
  margin: 50px auto;
  margin-top: 1.9%;
  text-align: center;
  font-family: 'Teko';
  color: #000;
  border-radius: 10px;}.popup-box-login-twitter {
  background: #fff;
  max-width: 330px;
  height: auto;
  position: relative;
  margin: 50px auto;
  margin-top: 10%;
  text-align: center;
  font-family: 'Teko';
  color: #000;
  border-radius: 5px;}.close-fb {
  background: #3b5998;
  width: 25px;
  height: 25px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  top: -10px;
  right: -10px;
  position: absolute;
  display: block;}.close-fb
  i { padding-top: 3px;}.close-other {
  background: #fff;
  width: 25px;
  height: 25px;
  color: #000;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  top: -49px;
  right: -28px;
  position: relative;
  z-index: 9999999;
  display: block;
  float: inline-end;}.close-other
  i { color: #20px;
  padding-top: 3px;}.kagetk {
  background: rgba(0, 0, 0, 0.2);
  background-size: 50% 50%;
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fff;
  display: none;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  font-family: laza;
  text-align: center;}.popup-box-formx
  input::placeholder { color: #BCCBCE;}.popup-box-formx-footer {
  background-size: 100% 100%;
  width: 100%;
  height: 45px;
  margin-top: 20px;}.loadinglogin
  video { width: 400px;
  height: auto;}.box {
  width: 100%;
  height: 410px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -330px;
  margin-bottom: 0px;
  border: 0px solid #FFFAC9;
  border-radius: 5px;
  position: relative;
  display: block;}.box-item {
  background: url(img/boxspinz.png);
  background-size: 100% 100%;
  width: 100%;
  height: 356px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;}.scroll {
  overflow: scroll;
  position: relative;
  width: 100%;
  height: 326px;
  margin-top: -18px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  scrollbar-face-color: #ffbb40;
  scrollbar-shadow-color: #ffbb40;
  scrollbar-highlight-color: #ffbb40;
  scrollbar-3dlight-color: #ffbb40;
  scrollbar-darkshadow-color: #ffbb40;
  scrollbar-track-color: #ffbb40;
  scrollbar-arrow-color: #ffbb40;}.btn-wrapper {
  width: 93%;
  height: 50px;
  margin-top: 3px;
  margin-right: 3px;
  font-family: laza;}.btn-wrapper
  button { background: url(img/tombol.png) no-repeat center;
  background-size: 100% 100%;
  width: 38%;
  height: 40px;
  margin: -10px;
  padding: 10px;
  color: #FFFAC9;
  font-family: laza;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border: none;
  outline: none;
  float: right;
  display: inline-block;}.footer {
  background: #19191b url() top center / 100% no-repeat;
  background-position-y: calc(20 / 640 * 100vw);
  width: 100%;
  height: auto;
  padding: 15px;
  margin-top: -3px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
  position: relative;}.footer-txt-join {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #ffbe21;
  font-size: 30px;
  font-family: laza;
  text-align: left;
  text-transform: uppercase;}.footer-txt-twitter {
  margin-top: -3px;
  margin-bottom: -10px;
  color: #ffbe21;
  font-size: 25px;
  font-family: teko;
  text-align: center;}.footer-socmed-box {
  background: url(https://www.pubgmobile.com/en/images/footer_link_bg.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 55px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 3px;}.footer-socmed-box:
  hover { background: url(https://www.pubgmobile.com/en/images/footer_link_bg_on.png) no-repeat center center;
  background-size: 100% 100%;
  transition: 1s;}.footer-socmed-img-main {
  width: 30px;
  height: 30px;
  margin-top: 7px;
  margin-left: 15px;
  margin-right: 15px;
  float: left;}.footer-socmed-img-other {
  width: 35px;
  height: 26px;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 11px;
  float: left;}.footer-socmed-box
  p { margin-top: 7px;
  color: #fff;
  font-size: 25px;
  font-family: Teko;
  text-align: left;
  text-transform: uppercase;}.footer-socmed-box
  button { background: #ffbe21;
  width: 30%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 1px;
  padding-top: 3px;
  color: #000;
  font-size: 16px;
  font-family: Teko;
  text-align: center;
  text-transform: uppercase;
  border: none;
  border-radius: 2px;
  outline: none;
  float: right;}.footer-copyright-icon {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  display: block;}.footer-txt-copyright {
  color: #bdbdbd;
  font-size: 15px;
  font-family: Teko;
  text-align: center;}.footer-txt-copyrights {
  color: #bdbdbd;
  font-size: 16px;
  font-family: Teko;
  text-align: center;}.verify-box-navbar {
  background-size: 100% 100%;
  width: 93%;
  height: 19%;
  margin-left: auto;
  margin-right: auto;
  display: block;}.verify-box-navbar-description {
  width: 50%;
  margin-top: 50px;
  margin-right: 20px;
  color: #fff;
  font-size: 18px;
  font-family: Teko;
  font-weight: 500;
  text-align: left;
  float: right;}.verify-box-navbar-form {
  background-size: 100% 100%;
  width: 93%;
  height: auto;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;}.verify-box-navbar-form
  input { background: url(img/verify-bg.png) no-repeat center center;
  background-size: 100% 100%;
  width: 95%;
  height: 40px;
  margin-left: 10px;
  margin-bottom: 4px;
  padding: 4px;
  padding-left: 10px;
  padding-right: auto;
  color: #f1f1f0;
  font-size: 15px;
  font-family: laza;
  font-weight: 500;
  border: 2px solid #232323;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 15px;}.verify-box-navbar-form
  input::placeholder { color: #f1f1f0;}.verify-box-navbar-form
  select { background: url(img/verify-bg.png) no-repeat center center;
  background-size: 100% 100%;
  width: 95%;
  height: 40px;
  margin-left: 10px;
  margin-bottom: 4px;
  padding: 4px;
  padding-left: 10px;
  padding-right: auto;
  color: #f1f1f0;
  font-size: 15px;
  font-family: laza;
  font-weight: 500;
  border: 2px solid #232323;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 15px;}.verify-box-content {
  background-size: 100% 100%;
  width: 93%;
  height: auto;
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 25px;
  display: block;}.verify-box-content-title {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 6px;
  color: #fff;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.verify-box-content-title
  i { padding-top: 15px;
  padding-bottom: 15px;
  color: #f1f1f0;
  margin-top: 29px;
  font-size: 100px;
  text-align: center;}.verify-box-content
  button { background: url(img/submit.png) no-repeat center center;
  background-size: 76% 77%;
  width: 55%;
  height: 55px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 9px;
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  color: #030303;
  font-size: 19px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  border: none;
  display: block;}.about-box-content {
  background: url(img/aboutrules-sec.png) no-repeat center center;
  background-size: 100% 100%;
  width: 96%;
  height: 120px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 20px;
  padding-left: auto;
  padding-right: auto;
  float: center;
  color: #000;
  display: block;}.about-box-content-title {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 6px;
  color: #000;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.about-box-content-title
  i { padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  font-size: 100px;
  text-align: center;}
  figure { margin: 0;
  padding: 0;
  overflow: hidden;}.itemShine
  figure { position: relative;}.itemShine
  figure::before { background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  width: 50%;
  height: 100%;
  top: 0;
  left: -75%;
  position: absolute;
  z-index: 2;
  content: '';
  display: block;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);}.itemShine
  figure::before { -webkit-animation: shine 2s infinite;
  animation: shine 2s infinite;}
  @-webkit-keyframes shine { 100% {  left: 125%; }}
  @keyframes shine { 100% {  left: 125%; }}.kanan {
  float: right;}.kiri {
  float: left;}.tengah {
  margin-left: auto;
  margin-right: auto;
  display: block;}::
  -webkit-scrollbar { display: none;
  width: 0px;}.twitter-load {
  background-size: 100% 100%;
  width: 93%;
  height: 388px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 25px;
  display: block;}.twitter-load-title {
  width: 95%;
  height: auto;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 6px;
  padding-top: 90px;
  color: #fff;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.twitter-load-title
  i { margin-top: 90px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #00acee;
  font-size: 50px;
  text-align: center;}.fb-load {
  background-size: 100% 100%;
  width: 93%;
  height: 304px;
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 25px;
  display: block;}.fb-load
  img { width: 50px;
  height: 50px;
  margin-top: 215px;
  margin-bottom: -55px;}.fb-load-title {
  width: 95%;
  height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 6px;
  color: #999998;
  font-size: 18px;
  font-family: laza;
  font-weight: 500;
  text-align: center;
  display: block;}.fb-load-title
  i { margin-top: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #999998;
  font-size: 30px;
  text-align: center;}.event-notification {
  width: 93%;
  height: 53px;
  padding: 7px;
  margin-right: auto;
  margin-left: auto;}.event-notification-txt {
  padding-top: 10px;
  padding-left: 34px;
  color: #dbff85;
  font-size: 16px;
  font-family: Teko;
  font-weight: 550;
  text-align: left;
  float: left;}.event {
  width: auto;
  text-align: left;
  font-size: 11px;
  font-family: 'laza';
  font-weight: 500;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  float: left;
  margin-top: 7px;
  margin-left: 8px;}.event
  img { width: 16px;
  margin-top: -1px;
  margin-left: 5px;
  position: absolute;}.event
  span { animation: fade .6s infinite alternate;
  color: #ffffff;
  text-shadow: 1px 1px 1px #ff0000;
  font-size: 12px;}.timer {
  width: auto;
  text-align: left;
  font-size: 11px;
  font-family: 'laza';
  font-weight: 500;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  float: right;
  margin-top: 7px;
  margin-right: 8px;}.timer
  img { width: 16px;
  margin-top: -1px;
  margin-left: 5px;
  position: absolute;}.timer
  span { animation: fade .6s infinite alternate;
  color: #ffffff;
  text-shadow: 1px 1px 1px #ff0000;
  font-size: 12px;}.timepopup, .timepopup2 {
  position: fixed;
  top: 147px;
  width: 100%;
  max-width: 400px;
  display: flex;
  justify-content: space-between;
  padding: 0px 4px;
  box-sizing: border-box;
  z-index: 50;
  pointer-events: none; /* Supaya tidak ganggu klik bawahnya */}.time-left, .time-right {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgb(0 0 0 / 20%));
  padding: 3px 4px;
  border: 0.1px solid rgb(255 255 255 / 36%);
  border-radius: 3px;
  font-size: 10px;
  font-weight: normal;
  font-family: 'laza';
  color: white;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: auto;
  box-shadow: 0 0 8px rgba(255,255,255,0.1);}.time-right {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgb(0 0 0 / 20%));}.time-right
  i {  margin-left: 5px;
  margin-right: 5px;}.timepopup.hidden, .timepopup2.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;}.notifgift {
  background: url(img/notifgift.png) no-repeat center center;
  background-size: 91% 100%;
  position: relative;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  border-radius: 2px;
  width: 100%;
  height: 36px;   /* box lebih pendek dari gambar */
  margin-top: -74px;
  margin-bottom: 13px;
  padding-top: 9px;
  text-align: center;
  font-size: 18px;
  font-family: 'laza-bugatti1';
  font-weight: 500;
  overflow: hidden;  /* overflow disembunyikan */}.fa-solid {
  font-size: 12px;}.textscroll {
  position: relative;
  color: #cdcdcd80;
  text-shadow: 2px 2px 20px #000000;
  height: 84px;
  margin-top: -87px;
  margin-bottom: 9px;
  margin-left: 0px;
  pad;
  padding-top: 0px;
  text-align: center;
  font-size: 14px;
  font-family: 'laza';
  font-weight: 100;
  animation: fade 0.6s infinite alternate;}.item {
  background: url(img/point-card-bg.png);
  background-size: 100% 124%;
  width: 29%;
  height: 99px;
  margin: 3px;
  margin-bottom: 34px;
  display: inline-block;}.item .item-nominal {
  padding-right: 4px;
  color: #fff;
  font-size: 25px;
  font-family: DINMITTELSCHRIFTSTD;
  text-align: right;
  position: absolute;}.item
  img { width: 79%;
  height: 79%;
  margin-top: 4%;
  margin-bottom: 4%;}.item-label {
  color: #fff;
  font-size: 10px;
  font-family: DINMITTELSCHRIFTSTD;
  font-weight: 550;
  text-align: center;
  margin-top: -8px;}.item
  p { background: url(img/button.png);
  background-size: 100% 100%;
  width: 100%;
  height: 30px;
  padding: 3px;
  padding-top: 8px;
  color: #fff;
  font-size: 13px;
  font-family: DINMITTELSCHRIFTSTD;
  font-weight: 500;
  text-align: center;
  border: none;
  outline: none;
  margin-top: 3%;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;}.item
  p img { height: auto;
  border: none;
  position: absolute;
  margin-top: -1.5px;}.LabelCards_card_label_box__Hcfaa {
  box-sizing: border-box;
  left: 6px;
  overflow: hidden;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;}.yun {
  position: absolute}.yun1_1 {
  width: 35px;
  height: 18px;
  left: 10px;
  top: 63px;
  background: url(img/lazcloud/yun1_1.png) 0/100% 100% no-repeat}.yun1_2 {
  width: 19px;
  height: 12px;
  left: 10px;
  top: 130px;
  background: url(img/lazcloud/yun1_2.png) 0/100% 100% no-repeat}.yun1_3 {
  width: 57px;
  height: 20px;
  left: 215px;
  top: 72px;
  background: url(img/lazcloud/yun1_3.png) 0/100% 100% no-repeat}.yun2_1 {
  width: calc(136 / 1920 * 100vw);
  height: calc(61 / 1920 * 100vw);
  left: calc(93 / 1920 * 100vw);
  top: calc(141 / 1920 * 100vw);
  background: url(img/lazcloud/yun2_1.png) 0/100% 100% no-repeat}.yun2_2 {
  width: calc(561 / 1920 * 100vw);
  height: calc(207 / 1920 * 100vw);
  left: calc(99 / 1920 * 100vw);
  top: calc(207 / 1920 * 100vw);
  background: url(img/lazcloud/yun2_2.png) 0/100% 100% no-repeat}.yun2_3 {
  width: 68px;
  height: 25px;
  left: 293px;
  top: 19px;
  background: url(img/lazcloud/yun2_3.png) 0/100% 100% no-repeat}.yun2_4 {
  width: 71px;
  height: 29px;
  left: 290px;
  top: 141px;
  background: url(img/lazcloud/yun2_4.png) 0/100% 100% no-repeat;}.yun2_5 {
  width: 69px;
  height: 27px;
  left: 10px;
  top: 158px;
  background: url(img/lazcloud/yun2_5.png) 0/100% 100% no-repeat}.yun2_6 {
  width: 58px;
  height: 28px;
  left: 263px;
  top: 88px;
  background: url(img/lazcloud/yun2_6.png) 0/100% 100% no-repeat}.tab_rewards {
  background: none;
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 352px;
  margin-top: 12px;
  margin-bottom: 21px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  align-content: center;
  opacity: 100%;
  border: 1px solid #ffff00;}
  @keyframes spin {    from {        transform:rotate(0deg);    }    to {
  transform:rotate(180deg);    }}.exchanges {
  background: #00000059;
  background-size: 100% 100%;
  width: 160px;
  height: 39px;
  font-size: 20px;
  font-family: 'laza';
  text-align: center;
  padding-top: 8px;
  padding-left: 0px;
  margin-top: -49px;
  margin-bottom: 0px;
  margin-left: 37px;
  position: absolute;
  border-radius: 19px;
  border-left: 2px #ff9b00ad dashed;
  border-right: 2px #ff9b00ad dashed;
  border-top: 2px #ff9b00ad dashed;}.textclip {
  background: linear-gradient(to left, #ffffff 10%, #503bc9 50%, #edf1ff 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3.5s linear infinite;
  display: inline-block; }
  @keyframes textclip { to {   background-position: 200% center; }  }.nom {
  position: absolute;
  padding-left: 387px;
  padding-top: 51px;
  color: #fff;
  font-size: 13px;
  font-family: dinm;
  font-weight: 550;}.lazaslide
  p { background: #00000054;
  background-size: 100% 100%;
  width: 312px !important;
  margin-top: 55%;
  padding-left: 5px;
  padding-right: 5px;
  padding: 3px;
  margin-left: 39px;
  float: left;
  text-align: center;}.lazaslide
  span { font-family: laza;
  font-size: 15px;
  color: #fff;}.s3_tit {
  font-family: laza;
  color: #fff;
  margin-left: 5px;
  margin-top: 5px;}.rewards-menu {
  width: 100%; /* atau 100vw jika diinginkan */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 20px auto 5px auto; /* auto = center secara horizontal */
  padding: 0 20px;}.menu-content,.menu-content2 {
  position: relative;
  width: 122px;
  height: 36px;
  font-family: 'laza-bugatti1', serif;
  font-size: 24px;
  color: #ffffff;
  background: linear-gradient(145deg, #342e33, #2e2f3a);
  border: 1px solid #ffe49a;
  border-radius: 5px;
  box-shadow: inset 1px 1px 0px #878787, inset -1px -1px 2px #595959;
  text-shadow: 1px 1px 0px #000000;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  transition: all 0.3s ease;}/* Aktif: seolah tombol menyala/tertekan */.menu-content-active,.menu-content-active2 {
  background: linear-gradient(145deg, #000000b0, #262323);
  border: 2px solid #982932;
  box-shadow: inset 0 0 6px rgb(101 98 88 / 80%), 0 0 6px #b5afa3;
  color: #ffffff;}/* Tambahan ornamen paku di pojok tombol */.menu-content::
  before,.menu-content2::before {    content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #486b9d;
  border: 1px solid #ffffff;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  box-shadow: inset 0 0 1px #fff2cc;}.menu-content::
  after,.menu-content2::after {    content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #486b9d;
  border: 1px solid #ffffff;
  border-radius: 50%;
  bottom: 4px;
  right: 4px;
  box-shadow: inset 0 0 1px #fff2cc;}.i {
  margin-top: 64px;
  margin-bottom: -89px;
  display: inline-flex;
  width: 8%;
  animation: anim 8.5s ease-in-out infinite;
  transform: translateY(-150%) rotate(0deg);}.n1 {
  animation-delay: 0.1s;}.n2 {
  animation-delay: 1.2s;}.n3 {
  animation-delay: 0.6s;
  margin-left: 280px;}.n4 {
  animation-delay: 1.4s;
  width: 10px;}.n5 {
  animation-delay: 0.4s;
  width: 10px;
  margin-left: 160px;}.n6 {
  animation-delay: 0.6s;}
  h1 { transform: rotate(-45deg);}
  @keyframes anim {0% { transform: translateY(-180%) rotate(0deg);}100% {
  transform: translateY(120vh) rotate(-360deg);}}.bounce-in-right {
  animation: bounce-in-right 2s ease infinite;  }
  @keyframes bounce-in-right {    0% {      opacity: 0;
  transform: translateX(2000px);    }    60% {
  opacity: 1;
  transform: translateX(-30px);    }    80% {
  transform: translateX(10px); }    100% {
  transform: translateX(0); }  }.bounce-in-left {
  animation: bounce-in-left 2s ease infinite;  }
  @keyframes bounce-in-left {    0% {       opacity: 0;
  transform: translateX(-2000px);    }    60% {
  opacity: 1;
  transform: translateX(30px);    }    80% {
  transform: translateX(-10px);    }    100% {
  transform: translateX(0);    } }
  @media only screen and (max-width:600px) { .laza-spin {} .slider-container {
  margin-top: -3px;
  border: none;
  display: inline-block;
  overflow: hidden;
  height: auto; } .laz-container {
  margin-top: -1px;
  padding: 5px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  position: relative; } .gallery-container {
  float: left;
  margin-top: -2px;
  width: 100%;
  height: auto;
  border: 0px solid #fff; } .box {
  margin-top: -353px;
  margin-bottom: 0px; } .box-item {
  margin-left: auto;
  margin-right: auto; } .loginpop {
  background: url(img/lazlogin.png) no-repeat center center;
  background-size: 100% 100%;
  width: 390px;
  height: 200px; } .exchanges {
  width: 170px;
  margin-top: -49px;
  margin-bottom: 0px;
  margin-left: 37px; } .scroll {
  height: 326px; } .event-title {
  margin-top: 195px;
  margin-left: 1px; } .event-title2 {
  margin-top: 406px;
  margin-left: 305px; } .line1 {
  margin-top: -5px;
  margin-left: -5px; } .line2 {
  margin-top: 743px;
  margin-left: -5px; } .event-notification {
  width: 93%;
  height: 53px;
  padding: 7px;
  margin-right: auto;
  margin-left: auto; } .event-notification-text {
  padding-top: 11px;
  font-family: laza;
  font-size: 16px; } .footer {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none; } .popup-box-wrapper {
  width: auto;
  margin-top: 60%; } .popup-box-wrapperz {
  width: 360;
  margin-top: 39%; } .popup-box-item rw {
  top: 16px;
  right: -182px; } .popup-box-item pr {
  top: 41px;
  right: -235px; } .popup-box-alert-price {
  top: 41px;
  right: -41px; } .line {
  margin-left: 86px;
  margin-top: -85px;
  padding-top: 25px;
  padding-bottom: 20px; } .popup-box-item {
  width: 16%;
  height: 67px;
  margin-top: 30px; } .popup-box-login-fb {
  margin-top: 35%; } .popup-box-login-twitter {
  margin-top: 40%; } .popup-box-login-google {
  margin-top: 40%; } .link-box {
  margin-top: 40%; } .footer {
  background-position-y: calc(500 / 640 * 210vw); } .footer-socmed-box p {
  margin-top: 12px; } .event-notification {
  background-size: auto;
  background-size: 94% 100%;
  width: 85%;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2px;
  margin-bottom: -82px;
  display: block; } .event-notification-txt {
  padding-top: 10px;
  padding-left: 34px;
  color: #dbff85;
  font-size: 16px;
  font-family: Teko;
  font-weight: 550;
  text-align: left;
  float: left; } .timer {
  margin-top: 7px;
  margin-right: 8px; } .event {
  margin-top: 7px;
  margin-left: 8px; } .notifgift {
  margin-top: -74px;
  margin-left: 0px;
  margin-bottom: 13px; } .event-notification-timer {
  padding-top: 44px;
  padding-right: 28px;
  color: #dbff85;
  font-size: 27px;
  font-family: Teko;
  font-weight: 550;
  text-align: left;
  margin-bottom: 13px;
  float: right; } .alert-text {
  margin-top: -330px;
  margin-left: -6px;
  padding: 7px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-family: laza;
  border: none; } .alert-text-mid {
  margin-top: 1px;
  padding: 7px;
  color: #f1f1f0;
  text-align: center;
  font: 25px;
  font-family: laza;
  border: none;
  margin-right: -2px;
  font-size: 19px; } .lazaslide p {
  background: #00000054;
  background-size: 100% 100%;
  width: 312px !important;
  margin-top: 55%;
  padding-left: 5px;
  padding-right: 5px;
  padding: 3px;
  margin-left: 39px;
  float: left;
  text-align: center; } .lazaslide span {
  font-family: laza;
  font-size: 15px;
  color: #ffffff; } .s3_tit {
  font-family: laza;
  color: #fff;
  margin-left: 5px;
  margin-top: 5px; } .popup-box-bg {
  background: url(img/popup-box-bg2.png) no-repeat center center;
  background-size: 100% 100%;
  width: 109%;
  margin-top: -12px;
  margin-left: -15px; } .s1_man1 {
  display: block;
  width: calc();
  height: calc();
  background: url(img/m416.png) center/100% 100% no-repeat;
  position: absolute;
  top: 400px;
  left: calc(-80 /1920*100vw);
  bottom: calc(-23 /1920*100vw);
  animation: bounce_down 4s linear infinite;
  -webkit-animation: bounce_down 4s linear infinite}
  @-webkit-keyframes bounce_down {  25% {   -webkit-transform: translateY(-10px)}  50%,  100% {
  -webkit-transform: translateY(0)}  75% {
  -webkit-transform: translateY(10px)} }
  @keyframes bounce_down {  25% {   transform: translateY(-10px)}  50%,  100% {
  transform: translateY(0)}  75% {
  transform: translateY(10px)} }};
}

.header-konami {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 22px;
  color: #717171;
  justify-self: center;
}

.input-box {
  position: relative;
  margin-bottom: 15px;
}

.input-box input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.header-icon-konami img {
    width: 92px;
    padding-top: 0px;
    margin-top: -40px;
    margin-left: -20px;
    float: left;
}

.form-group-showhide-konami {
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 21px;
  color: #565c66;
}

.btn-login-konami {
  background: #c90016;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  width: 100%;
  cursor: pointer;
  margin-top: 15px;
}

.btn-login-konami:hover {
  background: #a80012;
}

.error-msg {
  color: #d50000;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 5px;
}

.konami-links {
  text-align: center;
  margin-top: 33px;
}

.konami-links a {
  color: #c90016;
  text-decoration: none;
  line-height: 2.4;
}

.konami-links a:hover {
  text-decoration: underline;
}

.loader-konami {
  padding: 130px 20px;
}

.loader-konami .spinner {
  width: 40px;
  height: 40px;
  margin: 20px auto;
  border: 4px solid #c90016;
  border-top: 4px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.loader-konami p {
  margin-top: 15px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  justify-self: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}