/* =========================================================
   Base
========================================================= */
*{box-sizing:border-box;margin:0;padding:0}
html{
  width:100%;
  min-height:100%;
  background:#560000;
  background-image:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%);
}
body{width:100%;min-height:100%}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  font-family:"Microsoft JhengHei",Arial,sans-serif;
  background-color:#560000;
  background:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%);
  background-attachment:fixed;
}
main{flex:1}
a{text-decoration:none}
img{max-width:100%;display:block}
button,input,select{font:inherit}

:root{
  --page-max:1400px;
  --gold:#d4af37;
  --gold-light:#ffd66b;
  --gold-hot:#ffd95e;
  --red-dark:#3a0000;
  --red-panel:rgba(40,0,0,.6);
  --panel-bg:linear-gradient(135deg,rgba(80,0,0,.97),rgba(20,0,0,.98));
  --panel-shadow:0 12px 28px rgba(0,0,0,.58),0 0 18px rgba(255,215,0,.28);
}

/* =========================================================
   Shared Layout
========================================================= */
.news-banner{
  position:relative;
  overflow:hidden;
  width:calc(100% - 40px);
  max-width:1200px;
  margin:18px auto 0;
  border-radius:24px;
}
.news-banner img{
  width:100%;
  height:auto;
  border:2px solid var(--gold);
  border-radius:24px;
  box-shadow:0 10px 24px rgba(0,0,0,.55);
}
.news-banner::after,
.event-detail-hero::after{
  content:"";
  position:absolute;
  inset:-34% auto -34% -18%;
  width:18%;
  min-width:90px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),rgba(255,224,113,.72),transparent);
  filter:blur(2px);
  mix-blend-mode:screen;
  transform:skewX(-18deg) translateX(-130%);
  animation:titleBannerGleam 5.8s ease-in-out infinite;
}
@keyframes titleBannerGleam{
  0%,64%,100%{opacity:0;transform:skewX(-18deg) translateX(-130%)}
  68%{opacity:.18}
  73%{opacity:.92}
  82%{opacity:.12;transform:skewX(-18deg) translateX(780%)}
  86%{opacity:0;transform:skewX(-18deg) translateX(880%)}
}
.vip-guide-banner{
  max-width:1400px;
}
.vip-guide-banner img{
  aspect-ratio:1400/300;
  height:300px;
  object-fit:cover;
}
.transfer-guide-banner{
  max-width:1400px;
}
.transfer-guide-banner img{
  aspect-ratio:1400/300;
  height:300px;
  object-fit:cover;
}
.props-guide-banner{
  max-width:1400px;
}
.props-guide-banner img{
  aspect-ratio:1400/300;
  height:300px;
  object-fit:cover;
}
@media (max-width:1440px){
  .vip-guide-banner img,
  .transfer-guide-banner img,
  .props-guide-banner img{height:calc((100vw - 40px) * 300 / 1400)}
}
.winner-banner,
.rule-banner{max-width:var(--page-max)}
.page-panel{
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.hot-activities-line{
  display:table;
  margin:30px auto;
  padding:10px 20px;
  border:2px solid #ffd700;
  border-radius:12px;
  color:#ffd700;
  font-size:36px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  letter-spacing:0;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
}

/* =========================================================
   Nav
========================================================= */
#navbar-placeholder{position:sticky;top:0;z-index:99999;width:100%}
.main-nav{
  width:100%;
  position:relative;
  z-index:99999;
  background:linear-gradient(to bottom,#c40000 0%,#7b0000 62%,#4a0000 100%);
  border-bottom:2px solid var(--gold);
  box-shadow:0 5px 16px rgba(0,0,0,.35);
}
.nav-container{
  max-width:var(--page-max);
  min-height:74px;
  margin:auto;
  padding:6px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.logo-group{
  display:flex;
  align-items:flex-end;
  flex:0 0 auto;
  gap:16px;
}
.logo{flex:0 0 auto;display:flex}
.logo img{width:clamp(130px,16vw,180px);height:auto;display:block}
/*.logo img{width:clamp(170px,16vw,230px);height:auto}*/
.logo-slogan{
  color:var(--gold-light);
  font-size:clamp(14px,1.2vw,15px);
  font-weight:700;
  border-left:1px solid rgba(255,255,255,.35);
  padding-left:6px;
  margin-left:-8px;
  margin-bottom:2px;
  white-space:nowrap;
  display:inline-block;
}
.mobile-facebook-link{
  display:none;
  flex:0 0 auto;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  position:relative;
  overflow:visible;
}
.mobile-facebook-link::after,
.nav-menu .nav-social>a::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(105,178,255,.55) 0%,rgba(24,119,242,.18) 48%,transparent 72%);
  opacity:.7;
  animation:facebookIconPulse 1.8s ease-in-out infinite;
}
.mobile-facebook-link img{
  position:relative;
  z-index:1;
  width:36px;
  height:36px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(59,130,246,.85));
  animation:facebookIconGlow 1.8s ease-in-out infinite;
}
.nav-menu{
  flex:1 1 auto;
  min-width:0;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(2px,.45vw,8px);
}
.nav-menu>li{position:relative;flex:0 1 auto}
.nav-menu a{
  color:#fff;
  font-weight:700;
  white-space:nowrap;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.nav-menu>li>a{
  height:44px;
  padding:0 clamp(5px,.65vw,12px);
  display:flex;
  align-items:center;
  gap:clamp(4px,.45vw,8px);
  font-size:clamp(16px,1.45vw,24px);
}
.nav-menu i{color:var(--gold);font-size:clamp(15px,1.35vw,22px)}
.nav-menu .nav-social{
  flex:0 0 auto;
}
.nav-menu .nav-social>a{
  position:relative;
  overflow:visible;
  width:44px;
  height:44px;
  padding:0;
  justify-content:center;
}
.nav-menu .nav-social img{
  position:relative;
  z-index:1;
  width:clamp(28px,2.45vw,38px);
  height:clamp(28px,2.45vw,38px);
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(59,130,246,.85));
  animation:facebookIconGlow 1.8s ease-in-out infinite;
  transition:transform .2s ease,filter .2s ease;
}
.nav-menu .nav-social>a:hover img,
.nav-menu .nav-social>a:focus-visible img{
  transform:translateY(-1px) scale(1.08);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) brightness(1.12);
}
@keyframes facebookIconGlow{
  0%,100%{
    transform:translateY(0) scale(1);
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(59,130,246,.65));
  }
  50%{
    transform:translateY(-3px) scale(1.16);
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(59,130,246,1));
  }
}
@keyframes facebookIconPulse{
  0%,100%{transform:scale(.82);opacity:.35}
  45%{transform:scale(1.38);opacity:.95}
  70%{transform:scale(1.58);opacity:.18}
}
.dropdown{
  position:absolute;
  top:100%;
  left:0;
  display:none;
  min-width:230px;
  list-style:none;
  background:rgba(30,0,0,.96);
  border:1px solid var(--gold);
  border-radius:0 0 12px 12px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,.45);
}
.has-dropdown:hover>.dropdown{display:block}
.dropdown a{
  display:block;
  padding:12px 16px;
  border-bottom:1px solid rgba(212,175,55,.22);
  color:#fff;
  font-size:clamp(16px,1.2vw,20px);
}
.dropdown a:hover{background:var(--gold);color:#230000}
.menu-toggle{
  display:none;
  border:0;
  background:none;
  color:var(--gold);
  font-size:30px;
  cursor:pointer;
}

/* =========================================================
   Footer
========================================================= */
#footer-placeholder{width:100%}
.site-footer{
  width:100%;
  margin-top:52px;
  padding:28px 18px 34px;
  background:linear-gradient(to bottom,#3a0000 0%,#170000 100%);
  border-top:2px solid var(--gold);
  color:#f7df9a;
  box-shadow:0 -8px 24px rgba(0,0,0,.42);
}
.footer-inner{
  max-width:var(--page-max);
  margin:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.age-icon{
  flex:0 0 78px;
  width:78px;
  height:78px;
  border:4px solid #e01818;
  background:#fff;
  color:#e01818;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-weight:900;
  box-shadow:0 7px 18px rgba(0,0,0,.45),0 0 12px rgba(255,215,0,.25);
}
.age-icon span{font-size:31px;line-height:1}
.age-icon small{margin-top:4px;font-size:13px;color:#111}
.footer-info{flex:1;line-height:1.75;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.footer-info .copyright{color:var(--gold-light);font-size:17px;font-weight:700}
.footer-info .contact{color:#fff0bf}
.footer-info .notice{color:#e6c88a}

/* =========================================================
   Home: Main Slider
========================================================= */
.promo-container{
  position:relative;
  width:calc(100% - 24px);
  max-width:var(--page-max);
  aspect-ratio:1400/500;
  margin:16px auto 36px;
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:24px;
  background:#000;
  box-shadow:0 10px 24px rgba(0,0,0,.55),0 5px 0 rgba(60,0,0,.65),0 0 18px rgba(255,215,0,.45);
}
.promo-slide{position:relative;width:100%;height:100%}
.slide-item{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease-in-out;
}
.slide-item.active{opacity:1;visibility:visible;z-index:2}
.slide-item img{width:100%;height:100%;object-fit:contain;object-position:center;background:#000}
.slider-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:30;
  width:58px;
  height:58px;
  border:2px solid var(--gold);
  border-radius:14px;
  background:rgba(0,0,0,.48);
  color:var(--gold);
  cursor:pointer;
  font-size:24px;
  transition:.3s;
  box-shadow:0 5px 14px rgba(0,0,0,.55);
}
.slider-btn:hover{background:var(--gold);color:#000}
.prev-btn{left:20px}
.next-btn{right:20px}
.slider-dots{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:35;
  display:flex;
  gap:12px;
}
.dot{
  width:14px;
  height:14px;
  border:2px solid var(--gold);
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:.3s;
}
.dot.active{background:var(--gold);transform:scale(1.2);box-shadow:0 0 10px #ffd700}

/* =========================================================
   Home: Device Buttons
========================================================= */
.action-buttons{
  max-width:var(--page-max);
  margin:32px auto;
  padding:0 14px;
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
}
.btn-img-link{flex:1;min-width:220px;border-radius:18px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.52))}
.action-buttons .btn-img-link{display:none}
.btn-img-link img{
  width:100%;
  border:2px solid var(--gold);
  border-radius:18px;
  transition:.3s;
  box-shadow:0 6px 0 rgba(60,0,0,.7),0 12px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-img-link:hover img{
  transform:translateY(-4px);
  box-shadow:0 8px 0 rgba(60,0,0,.65),0 16px 28px rgba(0,0,0,.55),0 0 18px #ffd700;
}
body.is-desktop .btn-credit,
body.is-desktop .btn-official,
body.is-desktop .btn-google,
body.is-desktop .btn-ios,
body.is-desktop .btn-pc{display:block}
body.is-android .btn-credit,
body.is-android .btn-official,
body.is-android .btn-google{display:block}
body.is-android .btn-ios,
body.is-android .btn-pc{display:none}
body.is-ios .btn-credit,
body.is-ios .btn-ios{display:block}
body.is-ios .btn-official,
body.is-ios .btn-google,
body.is-ios .btn-pc{display:none}

/* =========================================================
   Home: Info Boards
========================================================= */
.info-board-wrap{
  width:calc(100% - 40px);
  max-width:var(--page-max);
  margin:42px auto 36px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.left-info-column{display:flex;flex-direction:column;gap:26px;min-width:0}
.winner-marquee-card,
.news-card,
.guild-card{
  position:relative;
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:24px;
  background:var(--panel-bg);
  box-shadow:var(--panel-shadow);
}
.winner-marquee-card{height:320px}
.news-card{height:auto;overflow:hidden}
.guild-card{min-height:320px}
.info-board-wrap>.home-rank-card{height:320px}
.board-title,
.guild-title{
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 76px 0 18px;
  color:#3b0000;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  font-size:24px;
  font-weight:900;
  text-align:center;
  box-shadow:0 5px 14px rgba(0,0,0,.32);
}
.board-title{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:5;
  border-radius:22px 22px 0 0;
  overflow:hidden;
}
.guild-title{position:relative;padding:0 18px}
.board-more{
  position:absolute;
  top:12px;
  right:14px;
  z-index:8;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(80,0,0,.88);
  color:#fff3bd;
  font-size:15px;
  font-weight:900;
  box-shadow:0 3px 8px rgba(0,0,0,.35);
  transition:.25s;
}
.board-more:hover{background:#7b0000;color:var(--gold-hot);transform:translateY(-2px)}

.winner-track{position:absolute;top:60px;left:0;right:0;animation:winnerSlide 15s infinite}
.winner-slide{height:260px;padding:24px;display:flex;align-items:center;gap:20px}
.winner-icon{
  flex:0 0 128px;
  width:128px;
  height:128px;
  border:3px solid #ffd76a;
  border-radius:24px;
  object-fit:cover;
  box-shadow:0 8px 18px rgba(0,0,0,.45);
}
.winner-content{min-width:0;max-width:100%;color:#fff}
.winner-event{
  display:inline-block;
  margin-bottom:8px;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(255,217,94,.18);
  color:var(--gold-hot);
  font-size:22px;
  font-weight:900;
}
.winner-name{
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  font-size:clamp(26px,3vw,42px);
  line-height:1.15;
  font-weight:900;
  color:#fff;
  text-shadow:0 3px 5px rgba(0,0,0,.5);
}
.winner-date{
  margin:0 0 5px;
  color:#ffe071;
  font-size:20px;
  line-height:1.25;
  font-weight:900;
  text-shadow:0 2px 4px rgba(0,0,0,.45);
}
.winner-prize{margin-top:8px;color:#9fffb0;font-size:24px;font-weight:800}
@keyframes winnerSlide{
  0%,16%{transform:translateY(0)}
  20%,36%{transform:translateY(-260px)}
  40%,56%{transform:translateY(-520px)}
  60%,76%{transform:translateY(-780px)}
  80%,96%{transform:translateY(-1040px)}
  100%{transform:translateY(0)}
}

.guild-list{padding:18px 18px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.guild-row{
  min-height:58px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.guild-rank{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#3b0000;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  font-size:20px;
  font-weight:900;
}
.guild-rank.rank-1{background:linear-gradient(to bottom,#fff1a0,#ffb300);box-shadow:0 0 12px rgba(255,215,0,.65)}
.guild-rank.rank-2{background:linear-gradient(to bottom,#f5f5f5,#b8b8b8)}
.guild-rank.rank-3{background:linear-gradient(to bottom,#ffd0a0,#c46b1b)}
.guild-icon{
  flex-shrink:0;
  width:60px;
  height:60px;
  border:0;
  border-radius:18px;
  object-fit:cover;
  box-shadow:0 6px 16px rgba(0,0,0,.45);
}
.guild-name{font-size:22px;font-weight:900;color:#fff4d8;text-shadow:0 2px 4px rgba(0,0,0,.45)}
.home-rank-pair{
  min-height:320px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.home-rank-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:2px solid var(--gold);
  border-radius:24px;
  background:var(--panel-bg);
  box-shadow:var(--panel-shadow);
}
.home-rank-carousel-card .home-rank-title{
  position:relative;
  z-index:2;
}
.home-rank-title{
  min-height:60px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:23px;
  font-weight:900;
  text-align:center;
  box-shadow:0 5px 14px rgba(0,0,0,.32);
}
.home-rank-list{
  flex:1;
  padding:16px;
  display:grid;
  gap:12px;
  align-content:center;
}
.home-rank-carousel-card .home-rank-list{
  position:absolute;
  top:60px;
  left:0;
  right:0;
  padding:0;
  display:block;
  animation:homeRankSlide 9s infinite;
}
.home-rank-row{
  min-height:68px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:4px 10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-rank-carousel-card .home-rank-row{
  height:260px;
  min-height:260px;
  padding:24px;
  display:flex;
  align-items:center;
  gap:20px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.home-rank-row .guild-rank{grid-row:1 / span 2}
.home-rank-row-jackpot .guild-rank{grid-row:1 / span 3}
.home-rank-icon{
  flex:0 0 128px;
  width:128px;
  height:128px;
  border:3px solid #ffd76a;
  border-radius:24px;
  object-fit:cover;
  box-shadow:0 8px 18px rgba(0,0,0,.45);
}
.home-rank-content{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.home-rank-content .guild-rank{grid-row:1 / span 2}
.home-rank-row-jackpot .home-rank-content .guild-rank{grid-row:1 / span 3}
.home-rank-name{
  min-width:0;
  overflow-wrap:anywhere;
  color:#fff4d8;
  font-size:38px;
  font-weight:900;
  line-height:1.12;
  text-shadow:0 2px 4px rgba(0,0,0,.45);
}
.home-rank-value{
  min-width:0;
  color:#9fffb0;
  font-size:24px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:0;
}
.home-rank-room{
  width:max-content;
  max-width:100%;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(255,217,94,.18);
  color:var(--gold-hot);
  font-size:20px;
  font-weight:900;
}
.home-rank-content .guild-rank{
  width:44px;
  height:44px;
  flex-basis:44px;
  font-size:24px;
}
@keyframes homeRankSlide{
  0%,26%{transform:translateY(0)}
  33%,59%{transform:translateY(-260px)}
  66%,92%{transform:translateY(-520px)}
  100%{transform:translateY(0)}
}
.home-news-wide{
  width:calc(100% - 40px);
  max-width:var(--page-max);
  margin:18px auto 52px;
}
.home-news-wide .news-card{width:100%}

.news-list{
  position:relative;
  padding:72px 16px 18px;
  overflow:visible;
  scrollbar-width:none;
}
.news-list::-webkit-scrollbar{display:none}
.news-list a{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#fff4d8;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  transition:.25s;
}
.news-list a:hover{background:rgba(255,217,94,.18);transform:translateX(4px)}
.news-tag{
  flex:0 0 auto;
  padding:3px 8px;
  border-radius:999px;
  color:#3b0000;
  background:var(--gold-hot);
  font-size:14px;
  font-weight:900;
}
.news-tag.warn{background:#ff6868;color:#fff}
.news-tag.event{background:#7ee58f}
.news-tag.limit{background:#b98aff;color:#fff}
.news-date{color:var(--gold-hot);font-size:15px;white-space:nowrap}

/* =========================================================
   Home: Game Carousel, Videos, Activity Ads
========================================================= */
.game-icon-carousel{
  width:calc(100% - 48px);
  max-width:var(--page-max);
  height:550px;
  margin:44px auto 34px;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:transparent;
  box-shadow:none;
  user-select:none;
  -webkit-user-select:none;
}
.game-icon-stage{position:relative;width:100%;height:100%;overflow:visible}
.game-icon-item{
  position:absolute;
  left:50%;
  top:50%;
  width:210px;
  height:390px;
  transform:translate(-50%,-50%) scale(.72);
  opacity:1;
  pointer-events:none;
  transition:transform .65s ease,opacity .65s ease,filter .65s ease,z-index .65s ease;
  z-index:1;
}
.game-icon-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}
.game-icon-item.is-center{transform:translate(-50%,-50%) scale(1.18);opacity:1;pointer-events:auto;z-index:10;filter:brightness(1.1)}
.game-icon-item.is-left-1{transform:translate(calc(-50% - 230px),-50%) scale(.92);opacity:1;pointer-events:auto;z-index:7}
.game-icon-item.is-left-2{transform:translate(calc(-50% - 460px),-50%) scale(.78);opacity:.88;pointer-events:auto;z-index:5}
.game-icon-item.is-left-3{transform:translate(calc(-50% - 690px),-50%) scale(.66);opacity:0;pointer-events:none;z-index:3}
.game-icon-item.is-right-1{transform:translate(calc(-50% + 230px),-50%) scale(.92);opacity:1;pointer-events:auto;z-index:7}
.game-icon-item.is-right-2{transform:translate(calc(-50% + 460px),-50%) scale(.78);opacity:.88;pointer-events:auto;z-index:5}
.game-icon-item.is-right-3{transform:translate(calc(-50% + 690px),-50%) scale(.66);opacity:0;pointer-events:none;z-index:3}
.game-icon-item.is-hidden{opacity:0;pointer-events:none}
.game-icon-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:30;
  width:54px;
  height:80px;
  border:0;
  border-radius:14px;
  background:rgba(0,0,0,.22);
  color:rgba(255,255,255,.75);
  font-size:72px;
  line-height:1;
  cursor:pointer;
  transition:.25s;
  text-shadow:0 3px 8px rgba(0,0,0,.65);
}
.game-icon-arrow:hover{background:rgba(212,175,55,.35);color:#fff}
.game-icon-prev{left:12px}
.game-icon-next{right:12px}

.video-ad-area{
  width:calc(100% - 48px);
  max-width:var(--page-max);
  margin:44px auto 24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:start;
}
.youtube-ad-box{
  position:relative;
  width:100%;
  aspect-ratio:600/338;
  overflow:hidden;
  border:3px solid var(--gold);
  border-radius:22px;
  background:#000;
  box-shadow:0 10px 24px rgba(0,0,0,.55),0 0 18px rgba(255,215,0,.35);
}
.youtube-ad-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

#smallActionAds.small-action-ads-fixed{
  width:calc(100% - 48px);
  max-width:var(--page-max);
  margin:28px auto 58px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
#smallActionAds .small-ads-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
#smallActionAds .event-image-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#smallActionAds .small-ads-row{
  width:100%;
  display:grid;
  gap:20px;
}
#smallActionAds .small-ads-row-4,
#smallActionAds .small-ads-row-2{grid-template-columns:repeat(4,minmax(0,1fr))}
#smallActionAds .small-action-card{
  display:grid;
  grid-template-columns:minmax(180px,42%) minmax(0,1fr);
  align-items:stretch;
  width:100%;
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:18px;
  background:rgba(20,0,0,.92);
  box-shadow:0 8px 18px rgba(0,0,0,.5),0 0 12px rgba(255,215,0,.28);
  transition:.25s;
}
#smallActionAds .small-action-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.55),0 0 18px rgba(255,215,0,.45);
}
#smallActionAds .small-action-card img{
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:contain;
  background:#000;
}
#smallActionAds .event-image-card{
  display:grid;
  background:rgba(20,0,0,.92);
}
#smallActionAds .event-image-card img{
  height:auto;
  aspect-ratio:2/1;
  object-fit:contain;
  display:block;
}
.small-action-copy{
  min-width:0;
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  color:#fff4d8;
  line-height:1.55;
}
.small-action-copy strong{
  color:var(--gold-light);
  font-size:24px;
  font-weight:900;
  line-height:1.25;
}
.small-action-copy span{
  font-size:17px;
  font-weight:700;
}

/* =========================================================
   Event Detail Pages
========================================================= */
.event-detail-page{
  width:calc(100% - 40px);
  max-width:var(--page-max);
  margin:18px auto 54px;
}
.event-detail-card{
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:24px;
  background:var(--red-panel);
  box-shadow:var(--panel-shadow);
}
.event-menu{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  padding:22px;
  border-bottom:1px solid rgba(212,175,55,.34);
  background:rgba(0,0,0,.2);
}
@media (max-width:969px){
  .event-menu{
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:18px;
    gap:12px;
  }
  .event-menu-link{
    font-size:20px;
    min-height:64px;
    padding:10px 12px;
  }
}
@media (max-width:759px){
  .event-menu{
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:14px;
    gap:10px;
  }
  .event-menu-link{
    font-size:18px;
    min-height:58px;
    padding:8px 10px;
  }
}
.event-menu-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  padding:14px 18px;
  border:2px solid rgba(255,224,113,.45);
  border-radius:999px;
  color:#fff1b8;
  font-size:24px;
  font-weight:900;
  line-height:1.18;
  text-align:center;
  text-decoration:none;
  background:rgba(84,22,16,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.event-menu-link:hover,
.event-menu-link:focus-visible{
  transform:translateY(-1px);
  border-color:#ffe071;
  color:#fffbe6;
  outline:none;
}
.event-menu-link.active{
  border-color:#fff0a4;
  color:#4b160d;
  background:linear-gradient(180deg,#fff0a4 0%,#f0bf3d 100%);
  box-shadow:0 0 14px rgba(255,224,113,.42);
  animation:eventMenuGlow 1.6s ease-in-out infinite;
}
@keyframes eventMenuGlow{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 0 12px rgba(255,224,113,.36), inset 0 1px 0 rgba(255,255,255,.36);
  }
  50%{
    filter:brightness(1.22);
    box-shadow:0 0 28px rgba(255,224,113,.78), 0 0 10px rgba(255,255,255,.32), inset 0 1px 0 rgba(255,255,255,.54);
  }
}
.event-detail-hero{
  position:relative;
  overflow:hidden;
  background:#000;
  text-align:center;
}
.event-detail-hero img{
  width:100%;
  height:auto;
  display:block;
}
.event-detail-body{
  padding:28px;
  color:#fff4d8;
  font-size:19px;
  line-height:1.75;
}
.event-detail-title{
  margin:0 0 18px;
  color:var(--gold-light);
  font-size:36px;
  line-height:1.25;
  font-weight:900;
  text-align:center;
}
.event-detail-summary{
  margin:0 0 24px;
  padding:16px 18px;
  border:1px solid rgba(255,224,113,.45);
  border-radius:16px;
  background:rgba(0,0,0,.22);
}
.event-detail-section{
  margin:0 0 28px;
  padding:18px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.event-detail-section h2{
  margin:0 0 12px;
  color:#ffe071;
  font-size:26px;
  line-height:1.3;
  font-weight:900;
}
.event-detail-subtitle{
  margin:20px 0 10px;
  color:#ffe071;
  font-size:24px;
  line-height:1.3;
  font-weight:900;
}
.event-detail-section p{
  margin:0 0 12px;
}
.event-detail-section p:last-child{margin-bottom:0}
.event-detail-actions{
  margin-top:28px;
  text-align:center;
}
.event-detail-table-wrap{
  margin:18px 0;
  overflow-x:auto;
}
.event-detail-table{
  min-width:720px;
}
.event-detail-table th,
.event-detail-table td{
  text-align:center;
  vertical-align:middle;
}
.event-detail-table th:nth-child(2),
.event-detail-table td:nth-child(2){
  text-align:left;
}
.event-detail-notes{
  display:grid;
  gap:8px;
  color:#fff1b8;
  font-weight:800;
}
.event-detail-list{
  margin:0;
  padding-left:26px;
}
.event-detail-list li{
  margin:8px 0;
  padding-left:2px;
}
.event-action-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin-top:16px;
  padding:10px 24px;
  border:2px solid #fff0a4;
  border-radius:999px;
  color:#4b160d;
  font-size:20px;
  font-weight:900;
  line-height:1.2;
  text-decoration:none;
  background:linear-gradient(180deg,#fff0a4 0%,#f0bf3d 100%);
  box-shadow:0 0 14px rgba(255,224,113,.36);
  transition:transform .2s ease, filter .2s ease;
}
.event-action-link:hover,
.event-action-link:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.08);
  outline:none;
}
.event-bag-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.event-bag-box{
  padding:16px;
  border:1px solid rgba(255,224,113,.36);
  border-radius:16px;
  background:rgba(0,0,0,.2);
}
.event-bag-box h3{
  margin:0 0 12px;
  color:#ffe071;
  font-size:24px;
  line-height:1.25;
  font-weight:900;
  text-align:center;
}
.event-bag-box ul{
  display:grid;
  gap:7px;
  margin:0;
  padding-left:22px;
}
.event-bag-box li{
  color:#fff4d8;
  font-weight:800;
}
.event-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 24px;
}
.event-info-box{
  padding:16px;
  border:1px solid rgba(212,175,55,.38);
  border-radius:16px;
  background:rgba(0,0,0,.2);
}
.event-info-box h2{
  margin:0 0 10px;
  color:#ffe071;
  font-size:24px;
  line-height:1.3;
}
.event-reward-list{
  margin:0;
  padding-left:24px;
}
.event-reward-list li{margin:7px 0}
.event-detail-note{
  margin-top:20px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,224,113,.14);
  color:#fff1b8;
  font-weight:800;
}
.event-back-link{
  width:max-content;
  max-width:100%;
  margin:26px auto 0;
  padding:11px 30px;
  display:flex;
  justify-content:center;
  border:1px solid #ffe071;
  border-radius:999px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#360000;
  font-size:18px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.event-back-link:hover{filter:brightness(1.08);transform:translateY(-2px)}

/* =========================================================
   Floating Tools
========================================================= */
.right-float-tools{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:99990;
  width:180px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.right-float-tools>div,
.float-btn{
  border:2px solid #fff;
  background:rgba(35,0,0,.95);
  box-shadow:0 6px 16px rgba(0,0,0,.55);
}
.right-float-tools>div{padding:9px 8px 10px;text-align:center}
.right-float-tools img{width:92px;height:92px;margin:0 auto;object-fit:cover;background:#fff;border:2px solid #fff}
.right-float-tools .float-tools-qr-wrap{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.right-float-tools img.float-tools-qr{
  width:180px;
  height:353px;
  border:0;
  background:transparent;
  object-fit:contain;
}
.float-btn{
  display:block;
  padding:9px 8px;
  border-radius:8px;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  transition:.2s;
}
.remote-btn{margin:10px 12px 0;background:linear-gradient(to bottom,#38a4ff,#0052b8)}
.fix-btn{margin:0 12px;background:linear-gradient(to bottom,#ffe15a,#f2a000)}
.float-btn:hover{filter:brightness(1.15);transform:translateY(-2px)}

/* =========================================================
   News Page
========================================================= */
.news-page-card{
  max-width:1200px;
  min-height:600px;
  margin:20px auto 40px;
}
.news-event-page{
  margin:18px auto 54px;
}
.news-detail-hero{
  background:#000;
}
.news-detail-hero img{
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.news-detail-section{
  margin-bottom:0;
}
.news-detail-body .news-list{
  position:static;
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
  padding:0;
  display:grid;
  gap:10px;
}
.news-detail-body .news-list a{
  min-height:54px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}

/* =========================================================
   Winner List Page
========================================================= */
.winner-page-content{
  max-width:var(--page-max);
  margin:20px auto 40px;
  padding:0 20px;
}
.winner-list-container{
  padding:30px;
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.winner-page-content+.news-banner,
.winner-page-content .news-banner{max-width:var(--page-max)}
.activity-section{
  margin-bottom:40px;
  padding-bottom:30px;
  border-bottom:1px dashed rgba(212,175,55,.3);
}
.activity-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.activity-title{
  margin-bottom:25px;
  display:flex;
  align-items:center;
  gap:15px;
  color:var(--gold-light);
  font-size:48px;
  font-weight:900;
  text-shadow:0 2px 4px rgba(0,0,0,.5);
}
.activity-title img{
  width:120px;
  height:120px;
  padding:5px;
  border-radius:24px;
  object-fit:contain;
  background:rgba(0,0,0,.3);
}
.period-selector-wrap{
  margin-bottom:20px;
  padding:15px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:12px;
  background:rgba(0,0,0,.2);
}
.current-period-text{color:#e6c88a;font-size:24px;font-weight:900}
.period-select{
  padding:10px 20px;
  border:1px solid var(--gold);
  border-radius:8px;
  background:#330000;
  color:var(--gold-light);
  font-size:20px;
  cursor:pointer;
}
.winner-table{
  width:100%;
  margin-top:20px;
  border-collapse:collapse;
}

.winner-table thead th{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:24px;
  font-weight:900;
}

.winner-table th,
.winner-table td{
  padding:12px 15px;
  border:1px solid rgba(212,175,55,.5);
  color:#fff;
  font-size:20px;
  text-align:left;
}

.winner-table tr:nth-child(even){background:rgba(255,255,255,.05)}
.winner-table tr:hover{background:rgba(255,255,255,.1)}
#table-yama th:first-child{width:25%}

/* =========================================================
   Rule Page
========================================================= */
.rule-page-content{
  max-width:var(--page-max);
  margin:20px auto;
  padding:0 20px;
}
.category-title{
  margin:20px 0;
  padding-bottom:10px;
  border-bottom:2px solid rgba(212,175,55,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--gold-light);
  font-size:32px;
  font-weight:900;
}
.game-rule-grid{
  margin-bottom:50px;
  padding:40px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:25px;
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.rule-item{
  text-align:center;
  opacity:0;
  animation:ruleZoomIn .4s ease-out forwards;
  transition:.3s;
  will-change:transform,opacity;
}
.rule-item a{
  display:block;
  color:inherit;
  text-decoration:none;
}
.rule-item img{
  width:100%;
  height:auto;
  border:2px solid var(--gold);
  border-radius:18px;
  background:#000;
  transition:.3s;
  box-shadow:0 5px 15px rgba(0,0,0,.4);
}
.rule-item:hover{transform:translateY(-8px)}
.rule-item:hover img,
.rule-item a:focus-visible img{
  border-color:#fff;
  box-shadow:0 0 20px rgba(212,175,55,.8);
  filter:brightness(1.1);
}
.rule-item:hover .rule-game-name,
.rule-item a:focus-visible .rule-game-name{
  color:#fff7bd;
  text-shadow:0 0 12px rgba(255,224,113,.82), 0 2px 4px rgba(0,0,0,.55);
}
.rule-item:hover .rule-rating-label,
.rule-item:hover .rule-star.is-filled,
.rule-item:hover .rule-rating-text,
.rule-item a:focus-visible .rule-rating-label,
.rule-item a:focus-visible .rule-star.is-filled,
.rule-item a:focus-visible .rule-rating-text{
  filter:brightness(1.25);
  text-shadow:0 0 8px rgba(255,224,113,.72), 0 1px 3px rgba(0,0,0,.55);
}
.rule-item:hover .rule-star.is-empty,
.rule-item a:focus-visible .rule-star.is-empty{
  color:rgba(255,255,255,.46);
}
.rule-item a:focus-visible{
  outline:2px solid rgba(255,224,113,.85);
  outline-offset:6px;
  border-radius:18px;
}
.rule-game-name{
  display:block;
  min-height:42px;
  margin:10px 0 8px;
  color:#ffe071;
  font-size:20px;
  line-height:1.25;
  font-weight:900;
  text-shadow:0 2px 4px rgba(0,0,0,.55);
}
.rule-rating-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:4px;
  line-height:1;
}
.rule-rating-label{
  flex:0 0 auto;
  font-size:14px;
  font-weight:900;
}
.rule-rating-line{color:#68f6a2}
.rule-rating-volatility{color:#ff9ec7}
.rule-stars{
  display:inline-flex;
  gap:1px;
  letter-spacing:0;
}
.rule-rating-text{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:2px 8px;
  border:1px solid rgba(255,224,113,.52);
  border-radius:999px;
  color:#fff7bd;
  font-size:13px;
  font-weight:900;
  line-height:1;
  background:rgba(255,224,113,.14);
}
.rule-star{
  font-size:15px;
  line-height:1;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.rule-star.is-filled{color:#ffd447}
.rule-star.is-empty{color:rgba(255,255,255,.28)}
@keyframes ruleZoomIn{
  from{transform:scale(.5);opacity:0}
  to{transform:scale(1);opacity:1}
}

.game-detail-content{
  width:calc(100% - 40px);
  max-width:var(--page-max);
  margin:34px auto 44px;
}
.game-detail-card{
  padding:30px;
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.game-cover{
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:22px;
  background:#000;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 18px rgba(255,215,0,.28);
}
.game-cover img{width:auto;max-width:100%;height:auto;margin:0 auto}
.game-video{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  margin-bottom:22px;
  overflow:hidden;
  border:2px solid var(--gold);
  border-radius:22px;
  background:#000;
  box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 18px rgba(255,215,0,.28);
}
.game-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.game-detail-title{
  margin:28px 0 18px;
  padding-bottom:12px;
  border-bottom:2px solid rgba(212,175,55,.5);
  color:var(--gold-light);
  font-size:36px;
  font-weight:900;
  text-align:center;
}
.game-section{margin-top:26px}
.game-section-title{
  margin-bottom:14px;
  padding:10px 16px;
  border-radius:12px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:24px;
  font-weight:900;
}
.game-rule-list{
  padding:18px 22px 18px 42px;
  border:1px solid rgba(212,175,55,.25);
  border-radius:16px;
  background:rgba(0,0,0,.18);
  color:#fff4d8;
  font-size:19px;
  line-height:1.75;
}
.game-rule-list li{margin:4px 0}
.game-note{
  margin-bottom:14px;
  color:#ffd66b;
  font-size:19px;
  font-weight:900;
  line-height:1.6;
}
.game-media-row{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
}
.game-media-row.single{grid-template-columns:1fr}
.game-media-row img,
.game-rate-grid img{
  width:auto;
  max-width:100%;
  height:auto;
  justify-self:center;
  border:1px solid rgba(212,175,55,.5);
  border-radius:14px;
  background:#000;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.game-media-text{
  color:#fff4d8;
  font-size:19px;
  line-height:1.7;
}
.game-highlight{color:#ffd66b;font-weight:900}
.game-divider{
  height:1px;
  margin:22px 0;
  background:linear-gradient(to right,transparent,rgba(212,175,55,.55),transparent);
}
.game-rate-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.game-rate-grid.two{grid-template-columns:repeat(2,1fr)}
.game-rate-grid.four{grid-template-columns:repeat(4,1fr)}
.game-rate-grid.three{grid-template-columns:repeat(3,1fr)}
.game-feature-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.game-feature-card{
  padding:16px;
  display:grid;
  grid-template-columns:150px 120px 1fr;
  gap:16px;
  align-items:center;
  border:1px solid rgba(212,175,55,.35);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.game-feature-icon{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(255,255,255,.06);
}
.game-feature-icon img{max-width:120px;max-height:86px}
.game-feature-name{
  color:var(--gold-light);
  font-size:24px;
  font-weight:900;
  text-align:center;
}
.game-feature-card ul,
.game-bonus-card ul,
.props-table-wrap ul {
  padding-left:22px;
  color:#fff4d8;
  font-size:18px;
  line-height:1.65;
}
.game-odds-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.game-odds-grid.three{grid-template-columns:repeat(3,1fr)}
.game-odds-item{
  min-height:74px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(212,175,55,.35);
  border-radius:14px;
  background:rgba(0,0,0,.2);
  color:#fff4d8;
  font-size:20px;
  font-weight:900;
  text-align:center;
}
.game-odds-item img{
  width:auto;
  max-width:112px;
  max-height:64px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.game-odds-item.small{font-size:18px;justify-content:flex-start}
.game-odds-note{margin-top:16px;color:#ffd66b;font-size:18px;font-weight:900}
.game-bonus-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.game-bonus-card{
  padding:16px;
  display:grid;
  grid-template-columns:1.2fr 180px 1.8fr;
  gap:18px;
  align-items:center;
  border:1px solid rgba(212,175,55,.35);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.game-bonus-card>img{
  width:auto;
  max-width:100%;
  height:auto;
  justify-self:center;
  border:1px solid rgba(212,175,55,.5);
  border-radius:12px;
  background:#000;
}
.game-inline-icons{
  margin:14px 0 6px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  color:#fff4d8;
  font-size:19px;
  line-height:1.7;
}
.game-inline-icon{
  width:50px;
  height:33px;
  object-fit:contain;
  display:inline-block;
}
.game-back{
  width:max-content;
  margin:28px auto 0;
  padding:12px 34px;
  display:block;
  border:2px solid var(--gold);
  border-radius:12px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:20px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:.2s;
}
.game-back:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* =========================================================
   Teach Pages
========================================================= */
.teach-page-content{
  width:calc(100% - 40px);
  max-width:var(--page-max);
  margin:34px auto 44px;
}
.teach-card{
  padding:30px;
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.teach-title{
  margin:0 0 24px;
  padding-bottom:12px;
  border-bottom:2px solid rgba(212,175,55,.5);
  color:var(--gold-light);
  font-size:36px;
  font-weight:900;
  text-align:center;
}
.teach-menu-placeholder{
  margin:0 0 28px;
}
.teach-menu{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.teach-menu-link{
  min-height:52px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--gold);
  border-radius:12px;
  background:linear-gradient(to bottom,#7b0000,#3a0000);
  color:#fff4d8;
  font-size:22px;
  font-weight:900;
  text-align:center;
  line-height:1.25;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:.2s;
}
.teach-menu-link:hover,
.teach-menu-link.active{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  transform:translateY(-2px);
  filter:brightness(1.04);
}
.teach-tabs{
  margin-bottom:24px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.teach-tab{
  min-width:180px;
  padding:12px 24px;
  border:2px solid var(--gold);
  border-radius:12px;
  background:linear-gradient(to bottom,#7b0000,#3a0000);
  color:#fff4d8;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:.2s;
}
.teach-tab:hover,
.teach-tab.active{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  transform:translateY(-2px);
}
.teach-panel{display:none}
.teach-panel.active{display:block}
.teach-step{
  margin-bottom:26px;
  padding:18px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:16px;
  background:rgba(0,0,0,.18);
  color:#fff4d8;
  font-size:20px;
  line-height:1.7;
  opacity:0;
  animation:ruleZoomIn .4s ease-out forwards;
}
.teach-step:nth-child(1){animation-delay:.00s}
.teach-step:nth-child(2){animation-delay:.05s}
.teach-step:nth-child(3){animation-delay:.10s}
.teach-step:nth-child(4){animation-delay:.15s}
.teach-step:nth-child(5){animation-delay:.20s}
.teach-step:nth-child(6){animation-delay:.25s}
.teach-step h2{
  margin:0 0 16px;
  color:var(--gold-light);
  font-size:28px;
  text-align:center;
}
.teach-step strong{
  color:#ffd66b;
  font-size:22px;
}
.teach-step img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:14px auto 0;
  display:block;
  border:2px solid var(--gold);
  border-radius:16px;
  background:#000;
  box-shadow:0 8px 20px rgba(0,0,0,.38);
}
.legacy-teach-page{
  color:#fff4d8;
  font-size:18px;
  line-height:1.7;
}
.legacy-teach-page .teach,
.legacy-teach-page .guide,
.legacy-teach-page .teach_center,
.legacy-teach-page .panel{width:100%}
.legacy-teach-page .border-bottom-white{
  margin:26px 0 18px;
  padding-bottom:12px;
  border-bottom:2px solid rgba(212,175,55,.5);
  color:var(--gold-light);
  font-size:30px;
  font-weight:900;
  text-align:center;
}
.legacy-teach-page .sub,
.legacy-teach-page .title2{
  margin:24px 0 14px;
  padding:10px 16px;
  border-radius:12px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:24px;
  font-weight:900;
  text-align:left;
}
.legacy-teach-page .title2{text-align:center}
.legacy-teach-page .sub_contact,
.legacy-teach-page .step{
  margin-bottom:22px;
  padding:18px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:16px;
  background:rgba(0,0,0,.18)!important;
}
.legacy-teach-page .step{
  opacity:0;
  animation:ruleZoomIn .4s ease-out forwards;
}
.legacy-teach-page .step:nth-child(1){animation-delay:.00s}
.legacy-teach-page .step:nth-child(2){animation-delay:.05s}
.legacy-teach-page .step:nth-child(3){animation-delay:.10s}
.legacy-teach-page .step:nth-child(4){animation-delay:.15s}
.legacy-teach-page .step:nth-child(5){animation-delay:.20s}
.legacy-teach-page .step:nth-child(6){animation-delay:.25s}
.legacy-teach-page .step:nth-child(7){animation-delay:.30s}
.legacy-teach-page .step:nth-child(8){animation-delay:.35s}
.legacy-teach-page .tabs{
  margin:0 0 22px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  list-style:none;
}
.legacy-teach-page .tabs li{
  min-width:180px;
  padding:0;
  flex:0 1 auto;
}
.legacy-teach-page .tabs a{
  padding:12px 24px;
  display:block;
  border:2px solid var(--gold);
  border-radius:12px;
  background:linear-gradient(to bottom,#7b0000,#3a0000);
  color:#fff4d8;
  font-size:20px;
  font-weight:900;
  text-align:center;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:.2s;
}
.legacy-teach-page .tabs li.active a,
.legacy-teach-page .tabs a:hover{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  transform:translateY(-2px);
}
.legacy-teach-page.teach-centered-tabs .tabs{
  justify-content:center;
}
.legacy-teach-page.teach-centered-tabs .tabs li{
  flex:0 0 220px;
  min-width:220px;
  max-width:260px;
}
.legacy-teach-page .tab_content{display:none}
.legacy-teach-page .tab_content.active{display:block}
.legacy-teach-page .row{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:flex-start;
}
.legacy-teach-page [class*="col-"]{min-width:0}
.legacy-teach-page .col-xs-12{flex:0 0 100%}
.legacy-teach-page .col-xs-6{flex:0 0 calc(50% - 8px)}
.legacy-teach-page img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:12px auto;
  display:block;
  border:1px solid rgba(212,175,55,.45);
  border-radius:14px;
  background:#000;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.legacy-teach-page table{
  width:100%;
  border-collapse:collapse;
  color:#fff4d8;
}
.legacy-teach-page th,
.legacy-teach-page td{
  padding:8px;
  border:1px solid rgba(212,175,55,.35);
  vertical-align:middle;
}
.legacy-teach-page .mark-white,
.legacy-teach-page .mark-yellow{color:var(--gold-light)}
.legacy-teach-page .mark-purple,
.legacy-teach-page .text-md strong,
.legacy-teach-page strong{color:#ffd66b}
.legacy-teach-page .text-center{text-align:center}
.legacy-teach-page .text-left{text-align:left}
.legacy-teach-page .border-bottom-dashed{
  height:1px;
  margin:14px 0;
  border-bottom:1px dashed rgba(212,175,55,.45);
}
.vip-page .vip-overview{margin-bottom:26px}
.vip-page .vip-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:12px;
}
.vip-page .vip-table{
  min-width:860px;
  table-layout:fixed;
  text-align:center;
}
.vip-page .vip-table th{
  background:linear-gradient(to bottom,#8c0000,#520000);
  color:#ffe071;
  font-weight:900;
}
.vip-page .vip-table thead th{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
}
.vip-page .vip-table tbody tr:nth-child(even) td,
.vip-page .vip-table tbody tr:nth-child(even) th{background:rgba(255,230,230,.08)}
.vip-page .vip-table td{background:rgba(255,255,255,.04)}
.vip-page .vip-card-row td{
  position:relative;
  overflow:hidden;
  padding-top:12px;
  padding-bottom:12px;
}
.vip-page .vip-card-row td::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:34px;
  height:150px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),rgba(255,224,113,.78),transparent);
  filter:blur(1px);
  mix-blend-mode:screen;
  transform:translate(-210%,-50%) rotate(18deg);
  animation:vipCardGleam 5.2s ease-in-out infinite;
}
.vip-page .vip-card-row img{
  width:112px;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(255,224,113,.32));
  animation:vipCardFloat 2.8s ease-in-out infinite;
  transition:transform .25s ease,filter .25s ease;
}
.vip-page .vip-card-row td:nth-child(2) img{animation-delay:.00s}
.vip-page .vip-card-row td:nth-child(3) img{animation-delay:.12s}
.vip-page .vip-card-row td:nth-child(4) img{animation-delay:.24s}
.vip-page .vip-card-row td:nth-child(5) img{animation-delay:.36s}
.vip-page .vip-card-row td:nth-child(6) img{animation-delay:.48s}
.vip-page .vip-card-row td:nth-child(7) img{animation-delay:.60s}
.vip-page .vip-card-row td:nth-child(2)::after{animation-delay:.00s}
.vip-page .vip-card-row td:nth-child(3)::after{animation-delay:.18s}
.vip-page .vip-card-row td:nth-child(4)::after{animation-delay:.36s}
.vip-page .vip-card-row td:nth-child(5)::after{animation-delay:.54s}
.vip-page .vip-card-row td:nth-child(6)::after{animation-delay:.72s}
.vip-page .vip-card-row td:nth-child(7)::after{animation-delay:.90s}
.vip-page .vip-card-row img:hover{
  transform:translateY(-4px) scale(1.08);
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(255,224,113,.75)) brightness(1.12);
}
@keyframes vipCardFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-5px) scale(1.03)}
}
@keyframes vipCardGleam{
  0%,68%,100%{opacity:0;transform:translate(-210%,-50%) rotate(18deg)}
  72%{opacity:.2}
  76%{opacity:.95}
  82%{opacity:.18;transform:translate(120%,-50%) rotate(18deg)}
  86%{opacity:0;transform:translate(155%,-50%) rotate(18deg)}
}
@media (prefers-reduced-motion:reduce){
  .news-banner::after,
  .event-detail-hero::after,
  .vip-page .vip-card-row img,
  .vip-page .vip-card-row td::after,
  .mobile-facebook-link img,
  .mobile-facebook-link::after,
  .nav-menu .nav-social img,
  .nav-menu .nav-social>a::after{animation:none}
}
.vip-page .vip-tabs{margin-top:4px}
.vip-page .vip-description-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.vip-page .vip-desc-item{
  padding:16px 18px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:14px;
  background:rgba(0,0,0,.18);
}
.vip-page .vip-desc-item h2{
  margin:0 0 8px;
  color:#ffe071;
  font-size:22px;
  line-height:1.35;
}
.vip-page .vip-desc-item ol{
  margin:0;
  padding-left:1.35em;
}
.vip-page .vip-desc-item li{margin:4px 0}
.vip-page .vip-desc-item:nth-child(1),
.vip-page .vip-desc-item:nth-child(3),
.vip-page .vip-desc-item:nth-child(4){
  grid-column:1 / -1;
}
@media (max-width:768px){
  .vip-page .vip-description-list{grid-template-columns:1fr}
  .vip-page .vip-desc-item{grid-column:auto}
  .vip-page .vip-card-row img{width:82px}
}
.transfer-page .transfer-intro{
  color:#fff4d8;
  font-size:22px;
  line-height:1.7;
  text-align:center;
}
.transfer-page .transfer-intro,
.transfer-page .transfer-rule-list,
.transfer-page .transfer-note{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.transfer-page .transfer-rule-list{
  margin:0;
  padding-left:1.45em;
  color:#fff4d8;
  font-size:20px;
  line-height:1.9;
}
.transfer-page .transfer-rule-list li{
  margin:5px 0;
}
.transfer-page .transfer-note{
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid rgba(255,224,113,.32);
  border-radius:14px;
  background:rgba(0,0,0,.2);
  color:#fff4d8;
  font-size:19px;
  line-height:1.75;
}
.transfer-page .transfer-note p{
  margin:0 0 8px;
}
.transfer-page .transfer-note p:last-child{
  margin-bottom:0;
  color:#ffe071;
  font-weight:900;
}
.transfer-page .transfer-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:12px;
}
.transfer-page .transfer-table{
  min-width:640px;
  table-layout:fixed;
  text-align:center;
}
.transfer-page .transfer-table th{
  background:linear-gradient(to bottom,#8c0000,#520000);
  color:#ffe071;
  font-weight:900;
}
.transfer-page .transfer-table thead th{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
}
.transfer-page .transfer-table td{
  background:rgba(255,255,255,.04);
  font-size:20px;
}
.transfer-page .transfer-table tbody tr:nth-child(even) td,
.transfer-page .transfer-table tbody tr:nth-child(even) th{
  background:rgba(255,230,230,.08);
}
@media (max-width:768px){
  .transfer-page .transfer-intro{font-size:18px;text-align:left}
  .transfer-page .transfer-rule-list,
  .transfer-page .transfer-note{font-size:17px}
  .transfer-page .sub_contact{overflow-x:hidden}
  .transfer-page .transfer-table{min-width:520px}
  .transfer-page .transfer-table td{font-size:17px}
}
.props-page .props-main-image{
  width:100%;
  max-width:980px;
}
.props-page .props-card-image{
  width:160px;
  max-width:55%;
  padding:12px;
  object-fit:contain;
}
.props-page .props-info-block{
  margin:0 0 24px;
  padding:16px;
  border:1px solid rgba(255,224,113,.28);
  border-radius:14px;
  background:rgba(0,0,0,.18);
}
.props-page .props-info-block:last-child{margin-bottom:0}
.props-page .props-info-block h2{
  margin:0 0 12px;
  color:#ffe071;
  font-size:24px;
  line-height:1.35;
  text-align:center;
}
.props-page .props-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:12px;
}
.props-page .props-info-table{
  min-width:720px;
  table-layout:fixed;
}
.props-page .props-info-table th{
  width:150px;
  background:linear-gradient(to bottom,#8c0000,#520000);
  color:#ffe071;
  font-weight:900;
  text-align:center;
}
.props-page .props-info-table td{
  background:rgba(255,255,255,.04);
  color:#fff4d8;
  font-size:19px;
  line-height:1.75;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.props-page .props-diamond-list,
.props-page .props-rule-list{
  margin:0;
  padding-left:1.35em;
}
.props-page .props-diamond-list li,
.props-page .props-rule-list li{
  margin:6px 0;
}
.props-page .props-rule-list{
  margin:18px 0;
  color:#fff4d8;
  font-size:20px;
  line-height:1.8;
}
.props-page .props-note,
.props-page .props-stack-note{
/*  margin-top:18px; */
  padding:16px 18px;
  border:1px solid rgba(255,224,113,.32);
  border-radius:14px;
  background:rgba(0,0,0,.2);
  color:#fff4d8;
  font-size:19px;
  line-height:1.75;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.props-page .props-note p,
.props-page .props-stack-note p{
  margin:0 0 10px;
}
.props-page .props-note p:last-child,
.props-page .props-stack-note p:last-child{margin-bottom:0}
.props-page .props-stack-grid{
  margin:12px 0 16px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.props-page .props-stack-grid span{
  min-height:72px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,224,113,.38);
  border-radius:12px;
  background:rgba(255,224,113,.12);
  color:#fff4d8;
  text-align:center;
  font-weight:900;
}
.props-page .props-stack-grid strong{
  color:#ffe071;
  font-size:24px;
}
.props-page .props-card-list-note{
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid rgba(255,224,113,.32);
  border-radius:14px;
  background:rgba(0,0,0,.2);
  color:#fff4d8;
  font-size:19px;
  line-height:1.65;
  text-align:center;
}
.props-page.props-card-enhanced .props-card-table-wrap{
  display:none;
}
.props-page .props-card-browser{
  display:none;
}
.props-page.props-card-enhanced .props-card-browser{
  display:block;
}
.props-page .props-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.props-page .props-card-item{
  min-width:0;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,224,113,.28);
  border-radius:12px;
  background:rgba(255,255,255,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.props-page .props-card-thumb{
  min-width:0;
  display:flex;
  justify-content:center;
}
.props-page .props-card-thumb img{
  width:104px;
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:0 6px 14px rgba(0,0,0,.38);
}
.props-page .props-card-copy{
  min-width:0;
  color:#fff4d8;
  font-size:18px;
  line-height:1.7;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.props-page .props-card-copy::first-line{
  color:#ffe071;
  font-weight:900;
}
.props-page .props-card-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:12px;
}
.props-page .props-card-table{
  min-width:760px;
  table-layout:fixed;
}
.props-page .props-card-table th{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-weight:900;
  text-align:center;
}
.props-page .props-card-table th:first-child,
.props-page .props-card-table td:first-child{
  width:190px;
  text-align:center;
}
.props-page .props-card-table td{
  background:rgba(255,255,255,.04);
  color:#fff4d8;
  font-size:18px;
  line-height:1.7;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.props-page .props-card-table tbody tr:nth-child(even) td{
  background:rgba(255,230,230,.08);
}
.props-page .props-card-table img{
  width:118px;
  margin:0 auto;
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:0 6px 14px rgba(0,0,0,.38);
}
@media (max-width:768px){
  .props-page .props-info-block{padding:12px}
  .props-page .props-info-block h2{font-size:21px}
  .props-page .props-info-table{
    min-width:0;
    width:100%;
    table-layout:fixed;
  }
  .props-page .props-info-table th{width:104px}
  .props-page .props-info-table td,
  .props-page .props-rule-list,
  .props-page .props-note,
  .props-page .props-stack-note{font-size:17px}
  .props-page .props-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .props-page .props-card-list-note{font-size:17px;text-align:left}
  .props-page .sub_contact,
  .props-page .props-card-browser,
  .props-page .props-card-grid{
    max-width:100%;
    min-width:0;
  }
  .props-page .sub_contact,
  .props-page .props-card-browser{
    overflow-x:hidden;
  }
  .props-page .props-card-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .props-page .props-card-item{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px;
  }
  .props-page .props-card-thumb img{
    width:86px;
  }
  .props-page .props-card-copy{
    font-size:17px;
    line-height:1.65;
    text-align:left;
  }
  .props-page .props-card-table-wrap{
    overflow-x:hidden;
  }
  .props-page .props-card-table{
    display:block;
    min-width:0;
    width:100%;
  }
  .props-page .props-card-table thead{
    display:none;
  }
  .props-page .props-card-table tbody,
  .props-page .props-card-table tr,
  .props-page .props-card-table td{
    display:block;
    width:100%;
  }
  .props-page .props-card-table tr{
    margin-bottom:12px;
    border:1px solid rgba(255,224,113,.3);
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.04);
  }
  .props-page .props-card-table th:first-child,
  .props-page .props-card-table td:first-child{width:100%}
  .props-page .props-card-table td{
    padding:10px 12px;
    font-size:15px;
    line-height:1.55;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .props-page .props-card-table td:first-child{
    padding-bottom:4px;
    text-align:center;
  }
  .props-page .props-card-table td + td{
    padding-top:4px;
  }
  .props-page .props-card-table img{
    width:84px;
    border-radius:8px;
  }
}
.legacy-service-page{
  font-size:19px;
  line-height:1.85;
}
.legacy-service-page .service{width:100%}
.legacy-service-page .second_menu{
  min-height:50px;
  padding:11px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,224,113,.7);
  border-radius:12px;
  background:linear-gradient(to bottom,#7b0000,#3a0000);
  color:#fff4d8;
  font-size:19px;
  font-weight:900;
  text-align:center;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.legacy-service-page a .second_menu:hover{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
}
.legacy-service-page a{
  color:#ffe071;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}
.legacy-service-page a:hover{color:#fff2a8;text-decoration:none;}
.legacy-service-page a:visited{color:#ffdc7a}
.legacy-service-page a .second_menu,
.legacy-service-page a .btn-yellow,
.legacy-service-page a .btn-blue,
.legacy-service-page a .btn-md,
.legacy-service-page a .btn-sm{text-decoration:none}

.legacy-service-page .faq details{
  margin:12px 0;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.45);
  border-radius:12px;
  background:rgba(0,0,0,.22);
}
.legacy-service-page .faq summary{
  padding:13px 16px;
  color:#fff2a8;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
}
.legacy-service-page .faq .content{
  padding:0 18px 16px;
  color:#fff4d8;
}
.legacy-service-page .btn-yellow,
.legacy-service-page .btn-blue,
.legacy-service-page .btn-md,
.legacy-service-page .btn-sm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 16px;
  border:1px solid #ffe071;
  border-radius:999px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#360000;
  font-weight:900;
  text-decoration:none;
}
.legacy-service-page .btn-blue{
  border-color:#9fd7ff;
  background:linear-gradient(to bottom,#8fd4ff,#2d7db5);
  color:#001a2a;
}
.legacy-service-page .desc,
.legacy-service-page .content{color:#fff4d8}
.legacy-service-page .diamond-br{
  margin:0;
  padding-left:22px;
}
.legacy-service-page .mark-red{color:#ff9a8f}
.legacy-service-page .mark-brown{color:#ffd66b}
.legacy-service-page .service-zoom-image,
.legacy-service-page .sub_contact img{
  opacity:0;
  animation:ruleZoomIn .42s ease-out forwards;
}
.legacy-service-page .sub_contact img:nth-of-type(2){animation-delay:.06s}
.legacy-service-page .sub_contact img:nth-of-type(3){animation-delay:.12s}
.rank-page .rank-tabs{
  margin:10px 0 22px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  list-style:none;
}
.rank-page .rank-tab-button{
  width:100%;
  min-height:54px;
  padding:10px 14px;
  border:1px solid rgba(255,224,113,.7);
  border-radius:12px;
  background:linear-gradient(to bottom,#7b0000,#3a0000);
  color:#fff4d8;
  font-size:19px;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:.2s;
}
.rank-page .rank-tab-button:hover,
.rank-page .rank-tab-button.active{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  transform:translateY(-2px);
}
.rank-page .rank-panel{display:none}
.rank-page .rank-panel.active{display:block}
.rank-page .rank-frame-wrap{
  overflow:hidden;
  border:1px solid rgba(212,175,55,.45);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.rank-page .rank-frame{
  width:100%;
  height:calc(var(--rank-height, 2340px) + 20px);
  min-height:300px;
  display:block;
  border:0;
  background:#fff;
}
.service-form-wrap{
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:18px;
  overflow:auto;
  border-radius:16px;
  background:#f8f1e5;
  color:#222;
  font-size:16px;
  line-height:1.55;
}
.service-form-wrap table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  color:#222;
  background:#fff;
}
.service-form-wrap td{
  padding:6px;
  border-color:#777;
  color:#222;
}
.service-form-wrap .title{
  text-align:right;
  font-weight:900;
}
.service-form-wrap .title span{
  padding-right:10px;
  font-size:24px;
}
.service-form-wrap .version,
.service-form-wrap .notice{
  color:#555;
  font-size:12px;
}
.service-form-wrap .print a,
.service-form-wrap .download a{
  color:#5b28c7;
  font-weight:900;
  text-decoration:underline;
}
.service-form-wrap .form-border{
  border:3px solid #333;
  padding:10px;
}
.service-form-wrap .dashed{border-bottom:1px dashed #666}
.service-form-wrap .check{width:28px;font-size:28px}
.service-form-wrap .info{
  background:#fff8d8;
  font-weight:900;
  text-align:center;
}
.service-form-wrap .id-card{
  border:2px dashed #666;
  text-align:center;
}
.service-form-wrap .line{border-bottom:1px solid #333}
.service-rule-body{
  max-height:none;
  color:#fff4d8;
  font-size:18px;
  line-height:1.9;
}
.service-rule-body a{
  color:#ffe071;
  text-decoration:underline;
}
.service-rule-heading{
  margin-bottom:16px;
  color:#ffe071;
  font-size:22px;
  font-weight:900;
}
.service-rule-body strong{color:#00ffea}
.service-notice-page .news{
  width:100%;
}
.service-notice-page .notice_title{
  margin:6px 0 18px;
  padding:14px 18px;
  border-left:6px solid var(--gold);
  border-bottom:1px solid rgba(212,175,55,.55);
  color:#fff2a8;
  font-size:26px;
  font-weight:900;
  line-height:1.45;
}
.service-notice-page .notice_content{
  color:#fff4d8;
  font-size:19px;
  line-height:1.85;
}
.service-notice-page .notice_content .row{
  margin-top:14px;
}
.service-notice-page .notice_content [class*="col-"]{
  margin-bottom:18px;
}
.service-notice-page .mark-cyan-blue{
  color:#74fff3;
  font-weight:900;
}
.service-notice-page .mgb-m{
  margin-bottom:18px;
}
.service-line-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-left:8px;
  padding:6px 14px;
  border-radius:999px;
  background:#06c755;
  color:#fff !important;
  font-size:16px;
  font-weight:900;
  text-decoration:none !important;
}
.service-back-row{
  margin-top:22px;
  text-align:center;
}
@media (min-width:769px){
  .legacy-teach-page .col-sm-2{flex:0 0 calc(16.666% - 14px)}
  .legacy-teach-page .col-sm-3{flex:0 0 calc(25% - 12px)}
  .legacy-teach-page .col-sm-4{flex:0 0 calc(33.333% - 11px)}
  .legacy-teach-page .col-sm-5{flex:0 0 calc(41.666% - 10px)}
  .legacy-teach-page .col-sm-6{flex:0 0 calc(50% - 8px)}
  .legacy-teach-page .col-sm-8{flex:0 0 calc(66.666% - 6px)}
  .legacy-teach-page .col-md-3{flex:0 0 calc(25% - 12px)}
  .legacy-teach-page .col-md-4{flex:0 0 calc(33.333% - 11px)}
  .legacy-teach-page .col-md-6{flex:0 0 calc(50% - 8px)}
  .legacy-teach-page .col-md-12{flex:0 0 100%}
}

.legacy-game-rule{
  color:#fff4d8;
  font-size:18px;
  line-height:1.7;
}
.legacy-game-rule .game{margin:0 0 26px}
.legacy-game-rule .game:first-child{
  text-align:center;
}
.legacy-game-rule .game:first-child img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0 auto;
  border:2px solid var(--gold);
  border-radius:22px;
  background:#000;
  box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 18px rgba(255,215,0,.28);
}
.legacy-game-rule .img-responsive{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.legacy-game-rule .embed-responsive{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:22px;
  background:#000;
}
.legacy-game-rule .embed-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.legacy-game-rule .game:first-child .embed-responsive{
  max-width:970px;
  margin-left:auto;
  margin-right:auto;
}
.legacy-game-rule .border-yellow{border:2px solid var(--gold)}
.legacy-game-rule .border-bottom-khaki{
  margin:28px 0 18px;
  padding-bottom:12px;
  border-bottom:2px solid rgba(212,175,55,.5);
  color:var(--gold-light);
  font-size:36px;
  font-weight:900;
  text-align:center;
}
.legacy-game-rule .sub{
  margin:26px 0 14px;
  padding:10px 16px;
  border-radius:12px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
  font-size:24px;
  font-weight:900;
}
.legacy-game-rule .sub_contact{
  padding:18px;
  overflow-x:auto;
  border:1px solid rgba(212,175,55,.25);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.legacy-game-rule .desc ul,
.legacy-game-rule .diamond-br{padding-left:24px}
.legacy-game-rule li{margin:4px 0}
.legacy-game-rule .row,
.legacy-game-rule .row-game{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  margin:0;
}
.legacy-game-rule [class*="col-"]{min-width:0}
.legacy-game-rule .col-xs-12{flex:0 0 100%}
.legacy-game-rule .col-xs-6{flex:0 0 calc(50% - 8px)}
.legacy-game-rule table{
  width:100%;
  border-collapse:collapse;
  color:#fff4d8;
}
.legacy-game-rule th,
.legacy-game-rule td{
  padding:8px;
  border:1px solid rgba(212,175,55,.35);
  vertical-align:middle;
}
.legacy-game-rule td img,
.legacy-game-rule th img{
  display:inline-block;
  max-width:100%;
  height:auto;
  vertical-align:middle;
}
.legacy-game-rule .border-bottom-dashed{
  flex:0 0 100%;
  height:1px;
  margin:8px 0;
  border-bottom:1px dashed rgba(212,175,55,.45);
}
.legacy-game-rule .border-game,
.legacy-game-rule .wild,
.legacy-game-rule .bonus,
.legacy-game-rule .bell,
.legacy-game-rule .cherry{
  padding:14px;
  border:1px solid rgba(212,175,55,.35);
  border-radius:14px;
  background:rgba(0,0,0,.2);
}
.legacy-game-rule .icon{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.legacy-game-rule .icon img{
  width:auto;
  max-width:120px;
  max-height:86px;
}
.legacy-game-rule .odds,
.legacy-game-rule .odds-sm,
.legacy-game-rule .odds-center{
  color:#fff4d8;
  font-size:18px;
  font-weight:900;
  line-height:1.5;
  text-align:center;
}
.legacy-game-rule .mark-white{color:var(--gold-light)}
.legacy-game-rule .mark-red,
.legacy-game-rule font[color="#FF0000"]{color:#ff6969}
.legacy-game-rule .mark-brown{color:#d9b066}
.legacy-game-rule tr[bgcolor="#FFFFFF"],
.legacy-game-rule tr[bgcolor="#ffffff"],
.legacy-game-rule tr[bgcolor="#ffe6e6"]{
  color:#2a0808;
}
.legacy-game-rule tr[bgcolor="#FFFFFF"] td,
.legacy-game-rule tr[bgcolor="#ffffff"] td,
.legacy-game-rule tr[bgcolor="#ffe6e6"] td{
  color:#2a0808;
  border-color:rgba(80,0,0,.22);
}
.legacy-game-rule tr[bgcolor="#FFFFFF"] font[color="#FF0000"],
.legacy-game-rule tr[bgcolor="#ffffff"] font[color="#FF0000"],
.legacy-game-rule tr[bgcolor="#ffe6e6"] font[color="#FF0000"]{
  color:#b00000;
}
.legacy-game-rule .legacy-diamond-bullet{
  width:10px;
  height:10px;
  margin:0 6px 2px 0;
  display:inline-block;
  vertical-align:middle;
  transform:rotate(45deg);
  background:linear-gradient(135deg,#fff1a6,#c99600);
  box-shadow:0 0 6px rgba(255,214,107,.55);
}
.legacy-game-rule .text-left{text-align:left}
.legacy-game-rule .text-center,
.legacy-game-rule .middle{text-align:center}
.legacy-game-rule img[width],
.legacy-game-rule img[height]{
  max-width:100%;
  height:auto;
  display:inline-block;
  vertical-align:middle;
}
.legacy-game-rule .sub_contact>img,
.legacy-game-rule .row-game>img{display:block}
.legacy-game-rule .game:first-child img[width],
.legacy-game-rule .game:first-child img[height],
.legacy-game-rule .game:first-child .img-responsive{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
@media (min-width:769px){
  .legacy-game-rule .col-sm-1{flex:0 0 calc(8.333% - 15px)}
  .legacy-game-rule .col-sm-2{flex:0 0 calc(16.666% - 14px)}
  .legacy-game-rule .col-sm-3{flex:0 0 calc(25% - 12px)}
  .legacy-game-rule .col-sm-4{flex:0 0 calc(33.333% - 11px)}
  .legacy-game-rule .col-sm-5{flex:0 0 calc(41.666% - 10px)}
  .legacy-game-rule .col-sm-6{flex:0 0 calc(50% - 8px)}
  .legacy-game-rule .col-sm-7{flex:0 0 calc(58.333% - 7px)}
  .legacy-game-rule .col-sm-8{flex:0 0 calc(66.666% - 6px)}
  .legacy-game-rule .col-sm-9{flex:0 0 calc(75% - 4px)}
  .legacy-game-rule .col-sm-10{flex:0 0 calc(83.333% - 3px)}
  .legacy-game-rule .col-sm-11{flex:0 0 calc(91.666% - 2px)}
  .legacy-game-rule .col-sm-12{flex:0 0 100%}
  .legacy-game-rule .col-md-1{flex:0 0 calc(8.333% - 15px)}
  .legacy-game-rule .col-md-2{flex:0 0 calc(16.666% - 14px)}
  .legacy-game-rule .col-md-3{flex:0 0 calc(25% - 12px)}
  .legacy-game-rule .col-md-4{flex:0 0 calc(33.333% - 11px)}
  .legacy-game-rule .col-md-5{flex:0 0 calc(41.666% - 10px)}
  .legacy-game-rule .col-md-6{flex:0 0 calc(50% - 8px)}
  .legacy-game-rule .col-md-7{flex:0 0 calc(58.333% - 7px)}
  .legacy-game-rule .col-md-8{flex:0 0 calc(66.666% - 6px)}
  .legacy-game-rule .col-md-9{flex:0 0 calc(75% - 4px)}
  .legacy-game-rule .col-md-10{flex:0 0 calc(83.333% - 3px)}
  .legacy-game-rule .col-md-11{flex:0 0 calc(91.666% - 2px)}
  .legacy-game-rule .col-md-12{flex:0 0 100%}
}

/* =========================================================
   Product Page
========================================================= */
.product-page-content{
  position:relative;
  z-index:1;
}
body.product-body{
  background-color:#560000!important;
  background-image:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%)!important;
  background-attachment:fixed!important;
  isolation:isolate;
}
body.product-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%);
}

body.service-body{
  background-color:#560000!important;
  background-image:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%)!important;
  background-attachment:fixed!important;
  isolation:isolate;
}
body.service-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to right,#560000 0%,#be0000 50%,#560000 100%);
}
body.service-body>*{
  position:relative;
  z-index:1;
}
.service-event-page{
  margin:18px auto 54px;
}
.service-detail-hero{
  background:#000;
}
.service-detail-hero img{
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.service-detail-body.legacy-teach-page{
  font-size:19px;
  line-height:1.75;
}
.service-detail-body .service{
  width:100%;
}
.service-detail-body .sub{
  margin:0 0 12px;
  padding:0;
  border-radius:0;
  background:none;
  color:#ffe071;
  font-size:26px;
  line-height:1.3;
  font-weight:900;
}
.service-detail-body .sub_contact{
  margin:0 0 28px;
  padding:18px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(0,0,0,.18)!important;
}
.service-detail-body .border-bottom-white{
  margin:18px 0 24px;
}
.service-detail-body .faq details{
  border-color:rgba(212,175,55,.34);
  background:rgba(0,0,0,.18);
}
.service-detail-body .faq summary{
  color:#ffe071;
}
.service-detail-body .service-rule-heading{
  margin:24px 0 12px;
  color:#ffe071;
  font-size:26px;
  line-height:1.3;
  font-weight:900;
}
.credit-event-page,
.teach-event-page{
  margin:18px auto 54px;
}
.credit-detail-hero,
.teach-detail-hero{
  background:#000;
}
.credit-detail-hero img,
.teach-detail-hero img{
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.credit-detail-body .credit-tabs,
.teach-detail-body .teach-tabs{
  margin:0 0 22px;
}
.credit-detail-body .credit-tabs{
  align-items:flex-end;
  margin:0;
  padding:0 14px;
}
.credit-detail-body .tab-btn{
  margin:0 0 -2px;
  border-bottom:2px solid var(--gold);
  border-radius:12px 12px 0 0;
}
.credit-detail-body .tab-btn.active{
  border-bottom-color:#ffe071;
}
.credit-detail-body .tab-content{
  margin-top:0;
  padding:18px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:10px;
  background:rgba(0,0,0,.18);
  box-shadow:none;
}
.credit-detail-body .hot-activities-line{
  margin:24px auto 18px;
  color:#ffe071;
  border:0;
  box-shadow:none;
  font-size:26px;
}
.credit-detail-body .credit-description{
  padding-top:18px;
  color:#fff4d8;
}
.credit-detail-body .detail-instruction h4{
  color:#ffe071;
  font-size:24px;
}
.teach-detail-body .teach-menu-placeholder{
  margin:0 0 24px;
}
.teach-detail-body .teach-step{
  border-color:rgba(212,175,55,.34);
  background:rgba(0,0,0,.18);
}
.teach-detail-body .teach-step h2{
  color:#ffe071;
}
.rule-event-page{
  margin:18px auto 54px;
}
.rule-detail-hero{
  background:#000;
}
.rule-detail-hero img{
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.rule-detail-body .category-title{
  margin:0 0 14px;
  padding:0;
  border:0;
  justify-content:flex-start;
  color:#ffe071;
  font-size:26px;
  line-height:1.3;
}
.rule-detail-body .game-rule-grid{
  margin:0 0 28px;
  padding:24px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(0,0,0,.18);
  box-shadow:none;
}
.rule-detail-body .game-rule-grid:last-child{
  margin-bottom:0;
}
.game-rule-event-page{
  margin:18px auto 54px;
}
.game-rule-detail-hero{
  background:#000;
}
.game-rule-detail-hero img{
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.game-rule-detail-body .game-video,
.game-rule-detail-body.legacy-game-rule .game:first-child .embed-responsive,
.game-rule-detail-body.legacy-game-rule .game:first-child img{
  max-width:970px;
  margin-left:auto;
  margin-right:auto;
}
.game-rule-detail-body .game-detail-title,
.game-rule-detail-body.legacy-game-rule .border-bottom-khaki{
  margin:26px 0 22px;
  padding-bottom:12px;
  border-bottom:2px solid rgba(212,175,55,.5);
  color:var(--gold-light);
  font-size:36px;
  font-weight:900;
  text-align:center;
}
.game-rule-detail-body .game-section{
  margin:0 0 28px;
  padding:18px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.game-rule-detail-body .game-section-title,
.game-rule-detail-body.legacy-game-rule .sub{
  margin:0 0 12px;
  padding:0;
  border-radius:0;
  background:none;
  color:#ffe071;
  font-size:26px;
  line-height:1.3;
  font-weight:900;
}
.game-rule-detail-body.legacy-game-rule .sub_contact{
  margin:0 0 28px;
  padding:18px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.game-rule-detail-body.legacy-game-rule .sub_contact:last-child{
  margin-bottom:0;
}
.game-rule-detail-body .game-back{
  width:max-content;
  max-width:100%;
  margin:26px auto 0;
  display:flex;
}
.product-section{
  scroll-margin-top:96px;
}
.product-section-title{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:space-between;
  margin:0 0 14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--gold-light);
  font-size:26px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:0;
  text-shadow:0 2px 4px rgba(0,0,0,.8);
}
.product-section-title span{
  min-width:0;
}
.product-rate-help{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border:2px solid #ffe071;
  border-radius:50%;
  background:linear-gradient(to bottom,#fff3a8,#d2a51e);
  color:#3b0000;
  font-size:22px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
  transition:transform .18s,box-shadow .18s;
}
.product-rate-help:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,224,113,.35);
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.product-card{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:0;
  padding:18px;
  border:1px solid rgba(212,175,55,.4);
  border-radius:16px;
  background:rgba(0,0,0,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(10px);
  animation:productCardIn .4s ease-out forwards;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.product-card:nth-child(2n){animation-delay:.04s}
.product-card:nth-child(3n){animation-delay:.08s}
.product-card:nth-child(4n){animation-delay:.12s}
.product-card:hover{
  transform:translateY(-3px);
  border-color:#ffe071;
  box-shadow:0 10px 22px rgba(0,0,0,.35),0 0 14px rgba(255,224,113,.18);
}
.product-card-top{
  display:grid;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.product-image-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  gap:12px;
}
.product-image{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:220px;
  object-fit:contain;
  border:1px solid rgba(212,175,55,.75);
  border-radius:10px;
  background:#000;
  box-shadow:0 6px 16px rgba(0,0,0,.45);
}
.product-card-summary{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.product-card-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  color:#fff;
}
.product-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.product-title-row h3{
  margin:0;
  color:#fff2a8;
  font-size:25px;
  line-height:1.35;
  letter-spacing:0;
  word-break:break-word;
}
.product-price{
  flex:0 0 auto;
  padding:5px 10px;
  border:1px solid rgba(255,224,113,.75);
  border-radius:999px;
  background:rgba(255,224,113,.14);
  color:#ffe071;
  font-size:19px;
  font-weight:900;
  white-space:nowrap;
}
.product-content-label{
  margin-bottom:8px;
  color:#f7ead7;
  font-size:18px;
  font-weight:400;
}
.product-detail-list{
  margin:0;
  padding-left:22px;
  color:#f7ead7;
  font-size:18px;
  font-weight:400;
  line-height:1.75;
}
.product-detail-list li{
  margin-bottom:6px;
}
.product-detail-list li::marker{
  color:var(--gold-light);
}
.product-detail-list .is-highlight{
  color:inherit;
  font-weight:inherit;
}
.product-action{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:46px;
  margin:0;
  padding:10px 20px;
  border:1px solid #ffe071;
  border-radius:999px;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#360000;
  font-size:18px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(201,150,0,.35);
  transition:transform .18s,box-shadow .18s;
}
.product-action:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(201,150,0,.5);
}
@keyframes productCardIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.product-rate-open{
  overflow:hidden;
}
.product-rate-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.product-rate-modal.is-open{
  display:flex;
}
.product-rate-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.74);
}
.product-rate-dialog{
  position:relative;
  width:min(100%,1040px);
  max-height:min(86vh,860px);
  padding:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:2px solid var(--gold);
  border-radius:18px;
  background:linear-gradient(135deg,#4d0000,#170000);
  box-shadow:0 16px 44px rgba(0,0,0,.65);
  color:#fff;
}
.product-rate-dialog h3{
  margin:0 42px 16px 0;
  color:var(--gold-light);
  font-size:30px;
  line-height:1.25;
  letter-spacing:0;
}
.product-rate-close{
  position:absolute;
  top:16px;
  right:16px;
  width:34px;
  height:34px;
  border:1px solid rgba(255,224,113,.85);
  border-radius:50%;
  background:rgba(0,0,0,.4);
  color:#fff;
  font-size:28px;
  line-height:28px;
  cursor:pointer;
}
.product-rate-tabs{
  margin-bottom:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.product-rate-tab{
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(255,224,113,.65);
  border-radius:999px;
  background:rgba(0,0,0,.34);
  color:#fff3c4;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
}
.product-rate-tab.active{
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#330000;
}
.product-rate-panels{
  min-height:0;
  overflow:auto;
  padding-right:4px;
}
.product-rate-panel{
  display:none;
}
.product-rate-panel.active{
  display:block;
}
.product-rate-table-wrap{
  overflow:auto;
  border:1px solid rgba(212,175,55,.45);
  border-radius:12px;
  background:rgba(0,0,0,.28);
}
.product-rate-table-wrap table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  color:#fff;
  font-size:17px;
  line-height:1.55;
}
.product-rate-table-wrap td{
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.24);
  text-align:center;
  vertical-align:middle;
}
.product-rate-table-wrap tr:first-child td{
  background:rgba(255,224,113,.18);
  color:#fff2a8;
  font-size:22px;
  font-weight:900;
}
.product-rate-table-wrap tr:nth-child(2) td{
  background:rgba(201,150,0,.28);
  color:#ffe071;
  font-weight:900;
}

/* =========================================================
   Credit Page
========================================================= */
.credit-page-content{
  max-width:var(--page-max);
  margin:40px auto;
  padding:0 20px;
}
.credit-tabs{
  margin-bottom:0;
  display:flex;
  justify-content:center;
  gap:10px;
}
.tab-btn{
  position:relative;
  z-index:1;
  padding:12px 40px;
  border:2px solid var(--gold);
  border-bottom:0;
  border-radius:12px 12px 0 0;
  background:rgba(0,0,0,.4);
  color:#fff;
  font-size:24px;
  font-weight:900;
  cursor:pointer;
  transition:.3s;
}
.tab-btn.active{
  z-index:3;
  background:linear-gradient(to bottom,#ffe071,#c99600);
  color:#3b0000;
}
.tab-content{
  position:relative;
  z-index:2;
  display:none;
  padding:40px;
  background:var(--red-panel);
  border:2px solid var(--gold);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.tab-content.active{display:block}
.credit-grid{
  margin-bottom:40px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}
.credit-item{
  text-align:center;
}
.credit-item:not(:empty){
  opacity:0;
  animation:ruleZoomIn .4s ease-out forwards;
  transition:.3s;
  will-change:transform,opacity;
}
.credit-item:nth-child(1){animation-delay:.00s}
.credit-item:nth-child(2){animation-delay:.05s}
.credit-item:nth-child(3){animation-delay:.10s}
.credit-item:nth-child(4){animation-delay:.15s}
.credit-item:nth-child(5){animation-delay:.20s}
.credit-item:nth-child(6){animation-delay:.25s}
.credit-item:nth-child(7){animation-delay:.30s}
.credit-item:nth-child(8){animation-delay:.35s}
.credit-item:nth-child(9){animation-delay:.40s}
.credit-item:nth-child(10){animation-delay:.45s}
.credit-item:nth-child(11){animation-delay:.50s}
.credit-item:nth-child(12){animation-delay:.55s}
.credit-item:empty{visibility:hidden}
.credit-item .item-title{
  min-height:60px;
  margin-bottom:12px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  line-height:1.2;
}
.credit-item .item-title b{
  display:block;
  color:var(--gold-light);
  font-size:24px;
  text-shadow:0 2px 4px rgba(0,0,0,.8);
}
.credit-item .item-title span{color:#ccc;font-size:16px}
.credit-item img{
  width:100%;
  height:auto;
  border:1px solid var(--gold);
  border-radius:15px;
  background:#000;
  transition:.3s;
}
.credit-item a:hover img{
  transform:scale(1.03);
  border-color:#fff;
  box-shadow:0 0 20px rgba(212,175,55,.6);
}
.credit-description{
  padding-top:25px;
  border-top:1px solid rgba(212,175,55,.3);
  color:#e6c88a;
  font-size:18px;
  line-height:1.6;
  text-align:left;
}
.credit-description p{margin-bottom:20px;text-align:center}
.detail-instruction{margin-top:30px}
.detail-instruction h4{
  margin-bottom:8px;
  color:var(--gold-light);
  font-size:22px;
  font-weight:900;
}
.detail-instruction p{text-align:left}

/* =========================================================
   Age Gate and Cookie Bar
========================================================= */
#age-gate-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
#age-gate-box{
  width:90%;
  max-width:480px;
  padding:40px 36px 32px;
  border:2px solid var(--gold);
  border-radius:24px;
  background:linear-gradient(160deg,#1a1a1a 0%,#2a2a2a 100%);
  text-align:center;
  box-shadow:0 24px 64px rgba(0,0,0,.7),0 0 40px rgba(212,175,55,.18);
}
#age-gate-box .age-badge{
  width:100px;
  height:100px;
  margin:0 auto 24px;
  border:4px solid #fff;
  background:#e01818;
  box-shadow:0 8px 24px rgba(224,24,24,.45);
}
#age-gate-box .age-badge img{width:100%;height:100%;object-fit:contain}
#age-gate-box .age-title{
  margin-bottom:28px;
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:1.7;
}
#age-gate-box .age-title strong{color:var(--gold-light)}
.age-gate-btns{
  margin-bottom:20px;
  display:flex;
  justify-content:center;
  gap:16px;
}
.age-gate-btns button{
  flex:1;
  max-width:180px;
  padding:16px 0;
  border:0;
  border-radius:14px;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
  transition:transform .15s,box-shadow .15s;
}
.age-gate-btns button:hover{transform:translateY(-2px)}
.btn-under18{background:linear-gradient(to bottom,#ff4444,#cc0000);color:#fff;box-shadow:0 6px 18px rgba(204,0,0,.45)}
.btn-over18{background:linear-gradient(to bottom,#44cc44,#228822);color:#fff;box-shadow:0 6px 18px rgba(34,136,34,.45)}
.age-gate-no-remind{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#ccc;
  font-size:16px;
  cursor:pointer;
  user-select:none;
}
.age-gate-no-remind input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--gold)}

#cookie-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999998;
  display:none;
  align-items:center;
  gap:24px;
  padding:18px 28px;
  border-top:2px solid var(--gold);
  background:linear-gradient(to right,#111 0%,#1e1e1e 100%);
  box-shadow:0 -6px 24px rgba(0,0,0,.55);
}
#cookie-bar.show{display:flex}
#cookie-bar-text{flex:1;color:#e0e0e0;font-size:28px;line-height:1.75}
#cookie-bar-text a{color:var(--gold-light);text-decoration:underline}
#cookie-accept-btn{
  flex-shrink:0;
  padding:14px 36px;
  border:0;
  border-radius:10px;
  background:linear-gradient(to bottom,#ff8c00,#cc5500);
  color:#fff;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  letter-spacing:0;
  white-space:nowrap;
  box-shadow:0 4px 14px rgba(204,85,0,.45);
  transition:transform .15s,box-shadow .15s;
}
#cookie-accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(204,85,0,.55)}
.load-fail-message{color:#aaa;padding:12px}

/* =========================================================
   Responsive
========================================================= */
@media (max-width:1200px){
  .game-rule-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1024px){
  .right-float-tools{display:none}
  .logo-slogan{display:none}
  .nav-container{min-height:70px;padding:6px 20px}
  .logo img{width:180px}
  /*.logo img{width:210px}*/
  .mobile-facebook-link{
    display:flex;
  }
  .menu-toggle{display:block;font-size:34px}
  .nav-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    background:rgba(40,0,0,.98);
    border-top:2px solid var(--gold);
  }
  .nav-menu.active{display:flex}
  .nav-menu>li>a{height:auto;padding:16px 24px;font-size:clamp(26px,6vw,38px);border-bottom:1px solid rgba(212,175,55,.25)}
  .nav-menu i{font-size:clamp(24px,5.5vw,34px)}
  .nav-menu .nav-social{display:none}
  .dropdown{position:static;display:none;width:100%;border:0;border-radius:0;box-shadow:none;background:rgba(0,0,0,.28)}
  .dropdown.show,
  .has-dropdown.open>.dropdown{display:block}
  .has-dropdown:hover>.dropdown{display:none}
  .has-dropdown:hover>.dropdown.show,
  .has-dropdown.open:hover>.dropdown{display:block}
  .dropdown a{font-size:clamp(22px,5vw,32px);padding:14px 48px}
  .product-grid{grid-template-columns:1fr}
  .product-card-top{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}
  .credit-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .info-board-wrap,
  .home-news-wide,
  .video-ad-area{
    width:calc(100% - 18px);
    grid-template-columns:1fr;
    gap:20px;
  }
  .left-info-column{gap:20px}
  .guild-list{grid-template-columns:1fr}
  .home-rank-pair{min-height:auto}
  #smallActionAds.small-action-ads-fixed{width:calc(100% - 18px);gap:14px}
  #smallActionAds .small-ads-grid{grid-template-columns:1fr;gap:16px}
  #smallActionAds .event-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #smallActionAds .small-ads-row-4,
  #smallActionAds .small-ads-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-icon-carousel{width:calc(100% - 18px);height:400px}
  .game-icon-item{width:180px;height:260px}
  .game-icon-item.is-left-1{transform:translate(calc(-50% - 160px),-50%) scale(.85)}
  .game-icon-item.is-left-2{transform:translate(calc(-50% - 320px),-50%) scale(.7)}
  .game-icon-item.is-right-1{transform:translate(calc(-50% + 160px),-50%) scale(.85)}
  .game-icon-item.is-right-2{transform:translate(calc(-50% + 320px),-50%) scale(.7)}
  .game-icon-arrow{width:40px;height:60px;font-size:48px}
}
@media (max-width:768px){
  body{background-attachment:scroll}
  body:has(.action-buttons),
  body.has-action-buttons{padding-bottom:190px}
  .promo-container{width:calc(100% - 18px);border-radius:18px}
  .slider-btn{width:48px;height:48px;font-size:20px}
  .prev-btn{left:10px}
  .next-btn{right:10px}
  .slider-dots{gap:10px;bottom:10px}
  .dot{width:12px;height:12px}
  .action-buttons{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:99998;
    margin:0;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    display:grid;
    gap:10px;
    background:rgba(80,0,0,.96);
    border-top:2px solid var(--gold);
    box-shadow:0 -6px 18px rgba(0,0,0,.55);
  }
  body.is-desktop .action-buttons{grid-template-columns:repeat(2,1fr)}
  body.is-android .action-buttons{grid-template-columns:repeat(3,1fr)}
  body.is-ios .action-buttons{grid-template-columns:repeat(2,1fr)}
  body.is-desktop:has(.action-buttons),
  body.is-desktop.has-action-buttons{padding-bottom:0}
  body.is-desktop .action-buttons{
    position:static;
    max-width:var(--page-max);
    margin:32px auto;
    padding:0 14px;
    background:transparent;
    box-shadow:none;
  }
  .action-buttons .btn-img-link{min-width:0;flex:none}
  .action-buttons .btn-img-link img{width:100%;border-radius:12px}
  .info-board-wrap{margin:32px auto 34px}
  .home-news-wide{margin:18px auto 38px}
  .winner-marquee-card{height:230px}
  .board-title,.guild-title{height:56px;font-size:20px;padding-right:72px}
  .guild-title{padding-right:18px}
  .board-more{top:11px;right:10px;font-size:13px;padding:5px 10px}
  .winner-track{top:56px}
  .winner-slide{height:174px;padding:14px;gap:12px}
  .winner-icon{width:86px;height:86px;flex-basis:86px;border-radius:18px}
  .winner-event{font-size:17px}
  .winner-date{margin-bottom:3px;font-size:16px}
  .winner-name{font-size:clamp(22px,7vw,30px)}
  .winner-prize{font-size:19px}
  @keyframes winnerSlide{
    0%,16%{transform:translateY(0)}
    20%,36%{transform:translateY(-174px)}
    40%,56%{transform:translateY(-348px)}
    60%,76%{transform:translateY(-522px)}
    80%,96%{transform:translateY(-696px)}
    100%{transform:translateY(0)}
  }
  .guild-card{min-height:auto}
  .guild-list{padding:14px;gap:10px}
  .guild-row{min-height:52px}
  .guild-name{font-size:19px}
  .home-rank-pair{grid-template-columns:1fr;gap:14px}
  .home-rank-title{min-height:56px;font-size:20px}
  .home-rank-list{padding:14px;gap:10px}
  .home-rank-row{min-height:58px}
  .home-rank-name{font-size:18px}
  .home-rank-value{font-size:17px}
  .info-board-wrap>.home-rank-card{height:230px}
  .home-rank-carousel-card .home-rank-list{
    top:56px;
    padding:0;
  }
  .home-rank-carousel-card .home-rank-row{
    height:174px;
    min-height:174px;
    padding:14px;
    gap:12px;
  }
  .home-rank-icon{
    width:86px;
    height:86px;
    flex-basis:86px;
    border-radius:18px;
  }
  .home-rank-content{
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }
  .home-rank-content .guild-rank{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:20px;
  }
  .home-rank-name{font-size:30px}
  .home-rank-value{font-size:19px}
  .home-rank-room{font-size:17px;padding:4px 10px}
  @keyframes homeRankSlide{
    0%,26%{transform:translateY(0)}
    33%,59%{transform:translateY(-174px)}
    66%,92%{transform:translateY(-348px)}
    100%{transform:translateY(0)}
  }
  .news-list a{font-size:16px}
  .news-date{font-size:14px}
  .site-footer{padding:24px 14px 30px}
  .footer-inner{flex-direction:column;text-align:center;gap:14px}
  .age-icon{width:70px;height:70px;flex-basis:70px}
  .age-icon span{font-size:28px}
  .footer-info{font-size:13px}
  .footer-info .copyright{font-size:15px}
  .activity-title{font-size:28px;gap:10px}
  .activity-title img{width:48px;height:48px}
  .period-selector-wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px}
  .current-period-text{font-size:18px}
  .period-select{font-size:16px;padding:8px 12px}
  .winner-table th{font-size:20px}
  .winner-table td{font-size:18px;padding:8px 10px}
  .game-rule-grid{grid-template-columns:repeat(3,1fr);padding:20px;gap:18px 15px}
  .rule-game-name{min-height:34px;font-size:17px}
  .rule-rating-row{gap:4px}
  .rule-rating-label{font-size:12px}
  .rule-star{font-size:13px}
  .game-detail-content{width:calc(100% - 18px);margin:24px auto 34px}
  .game-detail-card{padding:18px}
  .game-detail-title{font-size:28px}
  .teach-page-content{width:calc(100% - 18px);margin:24px auto 34px}
  .teach-card{padding:18px}
  .teach-title{font-size:30px}
  .teach-menu{grid-template-columns:1fr;gap:10px}
  .teach-menu-link{min-height:52px;font-size:20px}
  .teach-tab{width:100%;min-width:0;font-size:19px}
  .teach-step{padding:14px;font-size:18px}
  .teach-step h2{font-size:24px}
  .teach-step strong{font-size:20px}
  .legacy-teach-page{font-size:17px;line-height:1.75}
  .legacy-teach-page .tabs li{width:100%;min-width:0}
  .legacy-teach-page.teach-centered-tabs .tabs li{
    width:auto;
    flex:0 1 220px;
    min-width:220px;
    max-width:min(260px,100%);
  }
  .legacy-teach-page .tabs a{font-size:19px}
  .legacy-teach-page .sub,
  .legacy-teach-page .title2{font-size:21px;padding:9px 12px}
  .legacy-teach-page .sub_contact,
  .legacy-teach-page .step{padding:14px}
  .legacy-service-page{font-size:17px;line-height:1.75}
  .legacy-service-page .second_menu{min-height:46px;font-size:17px}
  .legacy-service-page .faq summary{font-size:18px;padding:12px 14px}
  .legacy-service-page .faq .content{padding:0 14px 14px}
  .rank-page .rank-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rank-page .rank-tab-button{min-height:50px;font-size:18px}
  .rank-page .rank-frame-wrap{
    margin-left:-4px;
    margin-right:-4px;
    border-radius:12px;
  }
  .rank-page .rank-frame{
    height:calc(var(--rank-height, 2340px) + 40px);
    min-height:300px;
  }
  .service-form-wrap{
    padding:12px;
    font-size:14px;
  }
  .service-form-wrap table{min-width:720px}
  .service-rule-body{font-size:16px;line-height:1.8}
  .service-rule-heading{font-size:20px}
  .service-notice-page .notice_title{font-size:22px;padding:12px 14px}
  .service-notice-page .notice_content{font-size:17px;line-height:1.75}
  .service-line-link{
    width:100%;
    margin:10px 0 0;
  }
  .legacy-teach-page .row{gap:12px}
  .legacy-teach-page table{min-width:520px;font-size:16px}
  .game-section-title{font-size:21px}
  .game-rule-list,.game-media-text,.game-note,.game-inline-icons{font-size:17px}
  .game-media-row,.game-rate-grid,.game-rate-grid.two{grid-template-columns:1fr}
  .game-rate-grid.three,.game-rate-grid.four,.game-odds-grid,.game-odds-grid.three{grid-template-columns:1fr}
  .game-feature-card,.game-bonus-card{grid-template-columns:1fr}
  .game-feature-name{text-align:left}
  .product-section{scroll-margin-top:82px}
  .product-section-title{font-size:25px}
  .product-rate-help{width:32px;height:32px;font-size:20px}
  .product-card{min-height:0;padding:16px;gap:16px;border-radius:16px}
  .product-card-top{grid-template-columns:1fr;gap:14px}
  .product-card-summary{align-items:stretch}
  .product-image{max-width:min(100%,360px);max-height:260px}
  .product-title-row{flex-direction:column;align-items:flex-start}
  .product-title-row h3{font-size:23px}
  .product-detail-list{font-size:17px;line-height:1.7}
  .product-action{width:100%;font-size:18px}
  .product-rate-modal{padding:10px}
  .product-rate-dialog{max-height:90vh;padding:18px 14px;border-radius:14px}
  .product-rate-dialog h3{font-size:24px;margin-right:38px}
  .product-rate-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .product-rate-tab{flex:0 0 auto;font-size:17px}
  .product-rate-table-wrap{
    overflow-x:hidden;
    border-radius:10px;
  }
  .product-rate-table-wrap table{
    min-width:0;
    width:100%;
    table-layout:fixed;
    font-size:15px;
    line-height:1.45;
  }
  .product-rate-table-wrap td{
    padding:8px 5px;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .product-rate-table-wrap tr:first-child td{font-size:20px}
  .credit-grid{grid-template-columns:repeat(2,1fr)}
  .tab-btn{padding:10px 20px;font-size:18px}
  .credit-item .item-title{min-height:50px}
  .credit-item .item-title b{font-size:18px}
  .credit-item .item-title span{font-size:13px}
  .legacy-game-rule{font-size:17px;line-height:1.75}
  .legacy-game-rule .border-bottom-khaki{font-size:28px;margin:22px 0 14px}
  .legacy-game-rule .sub{font-size:21px;padding:9px 12px}
  .legacy-game-rule .sub_contact{padding:14px}
  .legacy-game-rule .row,
  .legacy-game-rule .row-game{gap:12px}
  .legacy-game-rule .col-xs-6{flex:0 0 calc(50% - 6px)}
  .legacy-game-rule table{min-width:520px;font-size:16px}
  .legacy-game-rule th,
  .legacy-game-rule td{padding:7px}
  .legacy-game-rule .border-game,
  .legacy-game-rule .wild,
  .legacy-game-rule .bonus,
  .legacy-game-rule .bell,
  .legacy-game-rule .cherry{padding:10px}
  .legacy-game-rule .odds,
  .legacy-game-rule .odds-sm,
  .legacy-game-rule .odds-center{font-size:16px}
}
@media (max-width:640px){
  .product-section-title{
    align-items:center;
    flex-direction:row;
    gap:8px;
    font-size:26px;
  }
  .product-rate-help{align-self:auto;margin-top:0}
  .product-card{padding:16px}
  .product-title-row h3{font-size:25px}
  .product-detail-list{font-size:18px;padding-left:22px}
  .credit-page-content{width:calc(100% - 16px);margin:26px auto;padding:0}
  .credit-tabs{gap:6px}
  .credit-detail-body .credit-tabs{padding:0 8px}
  .credit-detail-body .tab-btn{
    flex:1 1 0;
    min-width:0;
    padding:10px 8px;
    white-space:nowrap;
  }
  .credit-detail-body .tab-content{border-radius:10px}
  .tab-content{padding:22px 16px;border-radius:16px}
  .credit-grid{
    max-width:430px;
    margin:0 auto 34px;
    grid-template-columns:1fr;
    gap:24px;
  }
  .credit-item:empty{display:none}
  .credit-item .item-title{min-height:auto;margin-bottom:10px}
  .credit-item .item-title b{font-size:24px}
  .credit-item .item-title span{font-size:16px}
  .credit-item img{
    width:100%;
    max-width:390px;
    margin:0 auto;
    border-radius:14px;
  }
  #cookie-bar{flex-direction:column;padding:16px 18px;gap:14px;text-align:center}
  #cookie-bar-text{font-size:26px}
  #cookie-accept-btn{width:100%;padding:14px 0}
}
@media (max-width:570px){
  .guild-name{font-size:17px}
  #smallActionAds .small-action-card{grid-template-columns:1fr}
  #smallActionAds .small-action-card img{height:auto;min-height:0;aspect-ratio:2/1}
  #smallActionAds .event-image-grid{grid-template-columns:1fr}
  .small-action-copy{padding:14px}
  .small-action-copy strong{font-size:22px}
  .small-action-copy span{font-size:16px}
}
@media (max-width:520px){
  .product-rate-modal{
    padding:0;
    align-items:stretch;
  }
  .product-rate-dialog{
    width:100%;
    max-height:none;
    min-height:100vh;
    border-width:0;
    border-radius:0;
    padding:16px 10px calc(16px + env(safe-area-inset-bottom));
  }
  .product-rate-dialog h3{
    margin:0 42px 12px 4px;
    font-size:22px;
  }
  .product-rate-close{
    top:12px;
    right:10px;
  }
  .product-rate-tabs{
    margin:0 -2px 10px;
    gap:6px;
  }
  .product-rate-tab{
    min-height:34px;
    padding:8px 12px;
    font-size:16px;
  }
  .product-rate-panels{
    padding-right:0;
  }
  .product-rate-table-wrap table{
    font-size:14px;
    line-height:1.45;
  }
  .product-rate-table-wrap td{
    padding:7px 4px;
  }
  .product-rate-table-wrap tr:first-child td{
    font-size:19px;
  }
  .product-rate-table-wrap tr:nth-child(2) td{
    font-size:14px;
  }
}
@media (max-width:380px){
  .product-rate-tab{font-size:15px}
  .product-rate-table-wrap table{font-size:13px}
  .product-rate-table-wrap tr:nth-child(2) td{font-size:13px}
}
@media (max-width:520px){
  .game-icon-carousel{height:270px;margin:28px auto 24px}
  .game-icon-item{width:150px;height:220px}
  .game-icon-item.is-left-1{transform:translate(calc(-50% - 110px),-50%) scale(.75)}
  .game-icon-item.is-left-2{transform:translate(calc(-50% - 220px),-50%) scale(.6)}
  .game-icon-item.is-right-1{transform:translate(calc(-50% + 110px),-50%) scale(.75)}
  .game-icon-item.is-right-2{transform:translate(calc(-50% + 220px),-50%) scale(.6)}
  .game-icon-arrow{width:34px;height:50px;border-radius:8px;font-size:36px}
}
@media (max-width:480px){
  .game-rule-grid{grid-template-columns:repeat(2,1fr)}
  .rule-game-name{font-size:16px}
  .rule-rating-row{
    flex-direction:column;
    gap:3px;
  }
  .rule-rating-label{font-size:12px}
  .rule-star{font-size:14px}
}
@media (max-width:420px){
  .nav-container{min-height:66px;padding:6px 16px}
  .logo img{width:185px}
  .menu-toggle{font-size:32px}
  .promo-container{width:calc(100% - 14px);border-radius:16px}
  .slider-btn{width:44px;height:44px;font-size:18px}
  .winner-date{font-size:14px}
  .winner-name{font-size:clamp(20px,6.8vw,26px)}
  .winner-prize{font-size:17px}
  .winner-icon{width:78px;height:78px;flex-basis:78px}
  .news-list a{font-size:15px;padding:8px 10px}
  .event-detail-page{width:calc(100% - 18px);margin:14px auto 38px}
  .event-menu{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:14px;
    overflow-x:visible;
  }
  .event-menu-link{
    width:100%;
    min-height:54px;
    padding:10px 8px;
    font-size:18px;
    border-radius:18px;
  }
  .event-detail-table-wrap{
    overflow-x:visible;
  }
  .event-detail-table{
    min-width:0;
    width:100%;
    table-layout:fixed;
  }
  .event-detail-table th,
  .event-detail-table td{
    padding:8px 5px;
    font-size:14px;
    line-height:1.35;
    white-space:normal;
    word-break:break-word;
  }
  .event-detail-table th:nth-child(1),
  .event-detail-table td:nth-child(1){
    width:31%;
  }
  .event-detail-table th:nth-child(2),
  .event-detail-table td:nth-child(2){
    width:45%;
    text-align:center;
  }
  .event-detail-table th:nth-child(3),
  .event-detail-table td:nth-child(3){
    width:24%;
  }
  .event-detail-table-four th,
  .event-detail-table-four td{
    padding:7px 3px;
    font-size:13px;
  }
  .event-detail-table-four th:nth-child(1),
  .event-detail-table-four td:nth-child(1){
    width:24%;
  }
  .event-detail-table-four th:nth-child(2),
  .event-detail-table-four td:nth-child(2){
    width:28%;
    text-align:center;
  }
  .event-detail-table-four th:nth-child(3),
  .event-detail-table-four td:nth-child(3),
  .event-detail-table-four th:nth-child(4),
  .event-detail-table-four td:nth-child(4){
    width:24%;
  }
  .event-bag-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .event-bag-box{
    padding:14px;
  }
  .event-bag-box h3{
    font-size:21px;
  }
  .event-detail-subtitle{
    font-size:21px;
  }
  .event-action-link{
    width:100%;
    min-height:48px;
    font-size:18px;
  }
  .event-detail-body{padding:18px;font-size:17px}
  .event-detail-title{font-size:30px}
  .event-info-grid{grid-template-columns:1fr;gap:14px}
  .event-info-box h2{font-size:21px}
  .home-rank-row{grid-template-columns:34px minmax(0,1fr)}
  .home-rank-row .guild-rank{width:34px;height:34px;flex-basis:34px;font-size:18px}
  .home-rank-icon{width:78px;height:78px;flex-basis:78px}
  .home-rank-content{grid-template-columns:minmax(0,1fr)}
  .home-rank-content .guild-rank{width:34px;height:34px;flex-basis:34px;font-size:18px}
  .home-rank-name{font-size:26px}
  .home-rank-value{font-size:17px}
  .home-rank-room{font-size:15px}
}

/* =========================================================
   text color
========================================================= */

.mark-red {
	color:#ff0000 !important;
}

.mark-yellow {
	color:#ffff00 !important;
}

.mark-white {
	color:#ffffff !important;
}


/* =========================================================
   props 
========================================================= */

@media (min-width:1201px){
  .props-page .props-info-block{display:flex;flex-wrap:wrap;align-items:flex-start}
  .props-page .props-info-block h2{width:100%}
  .props-page .props-info-block img{margin-right:24px;margin-bottom:0;margin-top:0;}
  .props-page .props-info-block .props-main-image{flex:0 0 auto;width:auto;max-width:400px}
  .props-page .props-info-block .props-card-image{flex:0 0 auto}
  .props-page .props-info-block .props-table-wrap{flex:1;min-width:0}
}

/* Props Game Icons Grid */
.props-game-icons-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
  padding: 20px 0;
}
.props-game-icon-btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s, filter 0.2s;
  width: 100%;
}
.props-game-icon-btn img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.props-game-icon-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.2);
}

/* Props Lightbox Modal */
.props-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.props-modal.is-open {
  display: flex;
}
.props-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}
.props-modal-dialog {
  position: relative;
  background: #1a1a1a;
  border: 2px solid #ffe071;
  border-radius: 16px;
  padding: 30px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.props-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}
.props-modal-card-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.props-modal-card-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.props-modal-card-img {
  flex: 0 0 120px;
  margin-right: 20px;
}
.props-modal-card-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.props-modal-card-info {
  flex: 1;
  color: #ddd;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .props-game-icons-grid {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 10px;
  }
  .props-modal-card-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .props-modal-card-img {
    margin-right: 0;
    margin-bottom: 12px;
  }
}

/* =========================================================
   event - buy
========================================================= */

.buy-tables-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 20px auto;
  width: 100%;
  max-width: 1200px;
  color:#000000;
  text-align:center;
  align-items: start;
}
.buy-tables-container .table-buy {
  width: 100%;
  margin: 0;
}
@media (min-width: 993px) {
  .buy-tables-container {
    grid-template-columns: 1fr 1fr;
  }
}

/* Removed custom lightbox modal CSS */
/* =========================================================