.elementor-56 .elementor-element.elementor-element-95e3747{--display:flex;--min-height:1440px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--overlay-mix-blend-mode:overlay;}.elementor-56 .elementor-element.elementor-element-95e3747:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-95e3747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0E1021 0%, #000000 45%);}.elementor-56 .elementor-element.elementor-element-95e3747::before, .elementor-56 .elementor-element.elementor-element-95e3747 > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-95e3747 > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-95e3747 > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-95e3747 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-95e3747 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, #000000 100%, #0E1021 100%);}.elementor-56 .elementor-element.elementor-element-95e3747.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-15cc454{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-56 .elementor-element.elementor-element-0a37b24{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-8d9aa94 .elementor-icon-wrapper{text-align:start;}.elementor-56 .elementor-element.elementor-element-8d9aa94.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-8d9aa94.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-8d9aa94.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-8d9aa94.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-8d9aa94.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-86d06ce{text-align:center;}.elementor-56 .elementor-element.elementor-element-86d06ce .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-4aafb0a{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-56 .elementor-element.elementor-element-16e0255 .elementor-button{background-color:#FF0000;font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:700;border-radius:10px 10px 10px 10px;}.elementor-56 .elementor-element.elementor-element-16e0255 .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-16e0255 .elementor-button:focus{background-color:#000000;color:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-16e0255{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-56 .elementor-element.elementor-element-16e0255.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-16e0255 .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-16e0255 .elementor-button:focus svg{fill:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-64fdc60{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-12317e7{--display:flex;}.elementor-56 .elementor-element.elementor-element-acad20f .elementor-button{background-color:#FF0000;font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:700;border-radius:10px 10px 10px 10px;}.elementor-56 .elementor-element.elementor-element-acad20f .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-acad20f .elementor-button:focus{background-color:#000000;color:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-acad20f{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-56 .elementor-element.elementor-element-acad20f.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-acad20f .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-acad20f .elementor-button:focus svg{fill:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-d68a671{--display:flex;}.elementor-56 .elementor-element.elementor-element-06d9fbc{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-56 .elementor-element.elementor-element-34fae13.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-34fae13{text-align:start;}.elementor-56 .elementor-element.elementor-element-34fae13 img{width:75%;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-56 .elementor-element.elementor-element-16a63fe.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-wrapper{max-width:100%;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-item{background-color:#000000;}.elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-digits{font-family:"Noto Sans Thai", Sans-serif;font-size:50px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-label{font-family:"Noto Sans Thai", Sans-serif;font-size:20px;font-weight:400;}.elementor-56 .elementor-element.elementor-element-31f2f05.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-e4d40b7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-74f8a55{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-56 .elementor-element.elementor-element-05ff93f .elementor-icon-wrapper{text-align:center;}.elementor-56 .elementor-element.elementor-element-05ff93f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-05ff93f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-05ff93f.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-05ff93f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-05ff93f.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-124d79f.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-124d79f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-ff697e4{--display:flex;}.elementor-56 .elementor-element.elementor-element-650de1b{--display:flex;}.elementor-56 .elementor-element.elementor-element-650de1b.e-con{--align-self:center;}.elementor-56 .elementor-element.elementor-element-3d45989 .elementor-button{background-color:#FF0000;font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:700;border-radius:10px 10px 10px 10px;}.elementor-56 .elementor-element.elementor-element-3d45989 .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-3d45989 .elementor-button:focus{background-color:#000000;color:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-3d45989{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-56 .elementor-element.elementor-element-3d45989.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-3d45989 .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-3d45989 .elementor-button:focus svg{fill:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-7a493a9{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-21016fb{--display:flex;}.elementor-56 .elementor-element.elementor-element-46bd429 .elementor-button{background-color:#FF0000;font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:700;border-radius:10px 10px 10px 10px;}.elementor-56 .elementor-element.elementor-element-46bd429 .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-46bd429 .elementor-button:focus{background-color:#000000;color:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-46bd429{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-56 .elementor-element.elementor-element-46bd429.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-46bd429 .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-46bd429 .elementor-button:focus svg{fill:#FAFAD2;}.elementor-56 .elementor-element.elementor-element-24886de{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-56 .elementor-element.elementor-element-2c7e2c2 .elementor-icon-wrapper{text-align:start;}.elementor-56 .elementor-element.elementor-element-2c7e2c2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-2c7e2c2.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-2c7e2c2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-2c7e2c2.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-2c7e2c2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-4c44868{text-align:center;}.elementor-56 .elementor-element.elementor-element-4c44868 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-8f11454{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-56 .elementor-element.elementor-element-15cc454{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-64fdc60{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-06d9fbc{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-34fae13.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-34fae13{text-align:start;}.elementor-56 .elementor-element.elementor-element-34fae13 img{width:100%;}.elementor-56 .elementor-element.elementor-element-e4d40b7{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-7a493a9{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-8f11454{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-95e3747{--width:100%;}.elementor-56 .elementor-element.elementor-element-06d9fbc{--width:100%;}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-15cc454{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-86d06ce .elementor-heading-title{font-size:14px;}.elementor-56 .elementor-element.elementor-element-64fdc60{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-12317e7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-56 .elementor-element.elementor-element-d68a671{--width:100%;}.elementor-56 .elementor-element.elementor-element-06d9fbc{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-34fae13{text-align:center;}.elementor-56 .elementor-element.elementor-element-16a63fe .elementor-countdown-wrapper{max-width:100%;}.elementor-56 .elementor-element.elementor-element-31f2f05{text-align:center;}.elementor-56 .elementor-element.elementor-element-31f2f05 img{width:76%;}.elementor-56 .elementor-element.elementor-element-e4d40b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-7a493a9{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-21016fb{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-56 .elementor-element.elementor-element-4c44868 .elementor-heading-title{font-size:14px;}.elementor-56 .elementor-element.elementor-element-8f11454{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-15cc454 *//* ปรับหัวข้อกับปุ่ม View All ให้อยู่บรรทัดเดียว */
.sports-header{
  display:flex;justify-content:space-between;align-items:center;
}
.sports-header h2{font-size:24px;font-weight:700;margin:0;color:#fff;}
.view-all-btn.elementor-button{
  background:#1F2B4F;color:#fff;padding:8px 24px;border-radius:24px;
}
.view-all-btn:hover{background:#2F3C63;}
/* ลูกศร Prev/Next */
.elementor-swiper-button{width:38px;height:38px;border-radius:50%;
  background:#1F2B4F;color:#fff;transition:.2s;}
.elementor-swiper-button:hover{background:#2F3C63;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df1b8df */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb9568b */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-625cd8c */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9f954c */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a7248f */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d05d07 */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }
  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5745de *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a45ec56 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cb4898 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7157ae5 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7d6dbd *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec70922 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c0bed2 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a75f82b *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-becb008 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-541eacf *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02f2a19 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-308fdc3 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-605bec5 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ebb632 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee443f7 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9881ad0 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41bb8af *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0d4d9f *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c4a6b4 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e175c7c *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bebef2 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8edf8b *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-370da96 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae0f9f1 *//* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
/* ✅ ป้าย NEW GAME */
.hot-game-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: linear-gradient(to right, #ff5f5f, #ff0000);
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.player-bar {
  width: 100%;
  height: auto;
  margin-top: 6px;
  border-radius: 6px;
  background: #1e1e1e;
  font: 400 14px 'Noto Sans Thai', sans-serif;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  box-sizing: border-box;
}
.player-bar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-bar > span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #00ff00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

/* ✅ Responsive มือถือ */
@media (max-width: 480px) {
  .player-bar {
    font-size: 11px;
    padding: 3px 5px;
  }

  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}

.rtp-bar {
  position: relative;
  width: 100%;
  height: 24px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.rtp-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: repeating-linear-gradient(
    135deg,
    #888 0,
    #888 6px,
    #666 6px,
    #666 12px
  );
  animation: waveMove 3s linear infinite;
  transition: width 0.6s ease-out;
}

@keyframes waveMove {
  0% { background-position: 0 0; }
  100% { background-position: 60px 0; }
}

.rtp-label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24886de *//* ปรับหัวข้อกับปุ่ม View All ให้อยู่บรรทัดเดียว */
.sports-header{
  display:flex;justify-content:space-between;align-items:center;
}
.sports-header h2{font-size:24px;font-weight:700;margin:0;color:#fff;}
.view-all-btn.elementor-button{
  background:#1F2B4F;color:#fff;padding:8px 24px;border-radius:24px;
}
.view-all-btn:hover{background:#2F3C63;}
/* ลูกศร Prev/Next */
.elementor-swiper-button{width:38px;height:38px;border-radius:50%;
  background:#1F2B4F;color:#fff;transition:.2s;}
.elementor-swiper-button:hover{background:#2F3C63;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-065535d */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdca458 */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f3cb6e */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64d336c */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a98a7d4 */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-387870d */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2452f5d */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23b460c */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4b8de2 */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e60af */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@700&display=swap');

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 414px;
  margin: auto;
  border-radius: 8px;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 14px;
}

.game-card-img-container {
  position: relative;
}
.game-card-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(51, 46, 50, .79);
  transition: all .2s;
  border-radius: 10px;
  z-index: 2;
}
.-overlay:hover {
  opacity: 1;
}
.-overlay .-overlay-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 140px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-overlay .-overlay-inner .-wrapper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.-overlay .-overlay-inner .-wrapper-container .-btn {
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 12px;
  font-size: 14px;
  min-width: 110px;
  border-radius: 10px;
  background: radial-gradient(100% 100% at 50% 0, #d9ad70 0, #876941 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  cursor: pointer;
  transition: all .4s;
}
.-overlay:hover .-overlay-inner .-wrapper-container .-btn {
  transform: translateY(0);
}
span.-text-btn {
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .-overlay .-overlay-inner .-wrapper-container .-btn {
    font-size: 7px;
    padding: 5px 6px;
    min-width: 55px;
  }

  span.-text-btn {
    font-size: 9px;
  }
}/* End custom CSS */