/* ==========================================================
   WIN PAGE — PREMIUM VISUAL LAYER
   Scoped to .win[data-v-b74b9dc6] only.
   Visual styling only: no data, API, game, timer, result,
   button action or betting logic is changed.
   ========================================================== */
.win[data-v-b74b9dc6]{
  position:relative;
  min-height:100vh;
  padding-bottom:76px!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(0,169,149,.07),transparent 25%),
    radial-gradient(circle at 92% 20%,rgba(255,205,92,.07),transparent 23%),
    linear-gradient(180deg,#f7fcfb 0%,#f5f8f8 48%,#eef5f3 100%)!important;
  color:#193a37!important;
}

/* Balance / wallet hero */
.win[data-v-b74b9dc6] .mine_top{
  padding:14px 14px 10px!important;
  background:transparent!important;
}
.win[data-v-b74b9dc6] .mine_top .mine_info{
  position:relative;
  overflow:hidden;
  padding:18px 14px 16px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(255,255,255,.18),transparent 20%),
    radial-gradient(circle at 12% 110%,rgba(255,213,102,.13),transparent 31%),
    linear-gradient(135deg,#006e65 0%,#009b87 47%,#00aa91 100%)!important;
  box-shadow:0 13px 30px rgba(0,105,94,.19),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.win[data-v-b74b9dc6] .mine_top .mine_info:before{
  content:"";
  position:absolute;inset:-35%;
  background:linear-gradient(118deg,transparent 42%,rgba(255,255,255,.055) 47%,transparent 53%);
  transform:rotate(4deg);
  pointer-events:none;
}
.win[data-v-b74b9dc6] .balance{
  position:relative;z-index:1;
  padding:2px 4px 15px!important;
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.16);
}
.win[data-v-b74b9dc6] .mine_info_btn{
  position:relative;z-index:1;
  align-items:center!important;
}
.win[data-v-b74b9dc6] .mine_info_btn .btn button{
  height:40px!important;
  line-height:40px!important;
  padding:0 18px!important;
  margin-right:9px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  color:#183936!important;
  font-size:14px!important;
  font-weight:800!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 7px 15px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.win[data-v-b74b9dc6] .mine_info_btn .btn .one_btn,
.win[data-v-b74b9dc6] .mine_info_btn .one_btn{
  color:#fff!important;
  background:linear-gradient(135deg,#18aef4,#1477df)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 8px 17px rgba(16,114,213,.27),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.win[data-v-b74b9dc6] .mine_info_btn .refresh{
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 6px 14px rgba(0,0,0,.10);
}
.win[data-v-b74b9dc6] .mine_info_btn .refresh img{width:23px!important;height:23px!important;filter:brightness(0) invert(1);}

/* Game family tabs — premium glossy color tiles */
.win[data-v-b74b9dc6] .main .main_nav{
  margin:2px 14px 0!important;
  width:calc(100% - 28px)!important;
  padding:8px 4px 9px!important;
  gap:7px!important;
  box-sizing:border-box;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.win[data-v-b74b9dc6] .main .main_nav li{
  position:relative;
  height:52px!important;
  line-height:52px!important;
  margin:0 2px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  color:#fff!important;
  opacity:1!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.16),0 7px 15px rgba(25,52,70,.15)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.28);
}
.win[data-v-b74b9dc6] .main .main_nav li:before{
  content:"";
  position:absolute;
  left:-42%;
  top:-75%;
  width:48%;
  height:220%;
  transform:rotate(23deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  filter:blur(.3px);
  pointer-events:none;
  animation:winTabShine 4.8s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .main .main_nav li:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:58%;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 0 7px rgba(255,255,255,.7);
  opacity:.95;
  pointer-events:none;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1){
  background:linear-gradient(145deg,#2458e8 0%,#1746c9 55%,#0d35a7 100%)!important;
  border-color:#5f8cff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 0 rgba(0,29,105,.42),0 8px 17px rgba(23,70,190,.28)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1):after{background:#6e9aff;box-shadow:0 0 9px rgba(83,143,255,.95);}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2){
  background:linear-gradient(145deg,#1fcf69 0%,#0eaa4e 55%,#087c3c 100%)!important;
  border-color:#65e89a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 0 rgba(0,80,35,.40),0 8px 17px rgba(13,154,73,.25)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2):after{background:#5cf09a;box-shadow:0 0 9px rgba(73,235,139,.95);}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3){
  background:linear-gradient(145deg,#ff63b0 0%,#e72f89 55%,#bd1769 100%)!important;
  border-color:#ffb2d7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.60),inset 0 -2px 0 rgba(110,0,58,.38),0 8px 17px rgba(213,31,119,.26)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3):after{background:#ffc0df;box-shadow:0 0 9px rgba(255,153,205,.95);}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4){
  background:linear-gradient(145deg,#b9213d 0%,#94152f 55%,#6e0c22 100%)!important;
  border-color:#df6a7e!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54),inset 0 -2px 0 rgba(65,0,15,.45),0 8px 17px rgba(128,19,44,.26)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4):after{background:#ff8b9d;box-shadow:0 0 9px rgba(255,91,119,.95);}
.win[data-v-b74b9dc6] .main .main_nav li.active{
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.4)!important;
  transform:translateY(-1px);
  filter:saturate(1.08) brightness(1.03);
}
@keyframes winTabShine{
  0%,58%,100%{left:-48%;opacity:0;}
  66%{opacity:.15;}
  82%{left:112%;opacity:.72;}
  92%{left:125%;opacity:0;}
}
@media (max-width:380px){
  .win[data-v-b74b9dc6] .main .main_nav{gap:4px!important;padding-left:1px!important;padding-right:1px!important;}
  .win[data-v-b74b9dc6] .main .main_nav li{height:49px!important;line-height:49px!important;font-size:13px!important;border-radius:11px!important;margin:0 1px!important;}
}

/* Period + countdown panel */
.win[data-v-b74b9dc6] .center_text{
  margin-top:10px!important;
  padding:14px 0 12px!important;
  background:transparent!important;
}
.win[data-v-b74b9dc6] .center_top{
  margin:0 14px!important;
  width:calc(100% - 28px)!important;
  padding:15px 14px!important;
  box-sizing:border-box;
  border:1px solid #e1ece9;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f5faf9)!important;
  box-shadow:0 7px 20px rgba(30,73,68,.07),inset 0 1px 0 #fff;
}
.win[data-v-b74b9dc6] .center_top li .top_ol{
  color:#6b7b77!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.02em;
}
.win[data-v-b74b9dc6] .center_top li .top_ol img{
  width:22px!important;height:22px!important;
  margin-right:8px!important;
  opacity:.82;
}
.win[data-v-b74b9dc6] .bot_ol{
  margin-top:8px!important;
  font-size:22px!important;
  font-weight:900!important;
  color:#183936!important;
  letter-spacing:.02em;
}
.win[data-v-b74b9dc6] .right_li{text-align:right;}
.win[data-v-b74b9dc6] .right_li .bot_ol{margin-top:8px!important;}
.win[data-v-b74b9dc6] .bot_ol .countdown span{
  color:#17302e!important;
  margin-left:4px!important;
  font-size:22px!important;
  font-weight:900!important;
}
.win[data-v-b74b9dc6] .bot_ol .countdown .span{
  min-width:28px;
  padding:6px 5px!important;
  border:1px solid #dfe9e7;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fff,#edf4f2)!important;
  box-shadow:0 4px 9px rgba(30,62,59,.08),inset 0 1px 0 #fff;
  text-align:center;
}

/* Green / violet / red join actions */
.win[data-v-b74b9dc6] .btn_center{
  gap:9px;
  padding:7px 14px 13px!important;
  margin-top:2px!important;
}
.win[data-v-b74b9dc6] .btn_center button{
  flex:1 1 0;
  min-width:0;
  height:49px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:15px!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:0 9px 17px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.win[data-v-b74b9dc6] .btn_center .back_one,
.win[data-v-b74b9dc6] .btn_center .back_onee{
  background:linear-gradient(135deg,#16c766,#009b52)!important;
}
.win[data-v-b74b9dc6] .btn_center .back_two{
  background:linear-gradient(135deg,#c53ce0,#8d12b9)!important;
}
.win[data-v-b74b9dc6] .btn_center .back_three,
.win[data-v-b74b9dc6] .btn_center .back_threee{
  background:linear-gradient(135deg,#ff4c57,#e81f35)!important;
}

/* Number grid */
.win[data-v-b74b9dc6] .center_notes{
  padding:0 13px 4px!important;
  gap:0!important;
}
.win[data-v-b74b9dc6] .center_notes li{
  padding:0 3px;
  box-sizing:border-box;
}
.win[data-v-b74b9dc6] .center_notes li ol{
  width:100%!important;
  min-height:48px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0!important;
  margin-bottom:9px!important;
  border-radius:11px!important;
  font-size:15px!important;
  font-weight:800!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 7px 13px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.win[data-v-b74b9dc6] .center_notes li ol:active{transform:translateY(1px);}
.win[data-v-b74b9dc6] .center_notes .back_one,
.win[data-v-b74b9dc6] .center_notes .back_onee{background:linear-gradient(135deg,#12c461,#009e52)!important;}
.win[data-v-b74b9dc6] .center_notes .back_three,
.win[data-v-b74b9dc6] .center_notes .back_threee{background:linear-gradient(135deg,#ff4050,#e71931)!important;}
.win[data-v-b74b9dc6] .center_notes .back_gv{background:linear-gradient(135deg,#8e16c8 0%,#c523ce 47%,#0fb45d 48%,#009c51 100%)!important;}
.win[data-v-b74b9dc6] .center_notes .back_rv{background:linear-gradient(135deg,#8e16c8 0%,#c523ce 47%,#ff4650 48%,#e71931 100%)!important;}

/* Party record panel */
.win[data-v-b74b9dc6] .content{
  padding:0 14px 18px!important;
  background:transparent!important;
}
.win[data-v-b74b9dc6] .content_con{
  overflow:hidden;
  margin:7px 0 14px!important;
  border:1px solid #dfeae7!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 9px 24px rgba(28,70,65,.075)!important;
}
.win[data-v-b74b9dc6] .content_title{
  padding:14px 0 12px!important;
  border-bottom:1px solid #dfeae7!important;
  background:linear-gradient(180deg,#fff,#f7fbfa)!important;
}
.win[data-v-b74b9dc6] .content_title img{width:25px!important;height:25px!important;filter:none;opacity:.82;}
.win[data-v-b74b9dc6] .content_title p{
  margin-top:6px!important;
  color:#29413e!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.02em;
}
.win[data-v-b74b9dc6] .parity table th{
  height:49px!important;
  line-height:49px!important;
  color:#73827f!important;
  font-size:12px!important;
  font-weight:800!important;
  background:#f8fbfa!important;
}
.win[data-v-b74b9dc6] .parity table td{
  height:49px!important;
  line-height:49px!important;
  color:#304744!important;
  font-size:12px!important;
  font-weight:600!important;
}
.win[data-v-b74b9dc6] .parity table tr{border-bottom:1px solid #e7efed!important;}
.win[data-v-b74b9dc6] .parity table tr:last-child{border-bottom:0!important;}
.win[data-v-b74b9dc6] .parity table tr:nth-child(even) td{background:#fbfdfc;}
.win[data-v-b74b9dc6] .parity table tr td span{
  width:16px!important;height:16px!important;
  box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.win[data-v-b74b9dc6] .purple{background:#b11ac3!important;}
.win[data-v-b74b9dc6] .green{background:#009c50!important;}
.win[data-v-b74b9dc6] .redcolor{color:#e81f35!important;}
.win[data-v-b74b9dc6] .purplecolor{color:#a818bd!important;}
.win[data-v-b74b9dc6] .greencolor{color:#008d4a!important;}

/* Compact phones */
@media(max-width:380px){
  .win[data-v-b74b9dc6] .mine_top{padding-left:10px!important;padding-right:10px!important}
  .win[data-v-b74b9dc6] .mine_top .mine_info{padding-left:12px!important;padding-right:12px!important}
  .win[data-v-b74b9dc6] .balance{font-size:19px!important}
  .win[data-v-b74b9dc6] .btn_center{padding-left:10px!important;padding-right:10px!important;gap:6px}
  .win[data-v-b74b9dc6] .btn_center button{font-size:13px!important;height:46px!important}
  .win[data-v-b74b9dc6] .center_notes{padding-left:10px!important;padding-right:10px!important}
  .win[data-v-b74b9dc6] .center_notes li ol{min-height:45px}
}
@media(prefers-reduced-motion:reduce){
  .win[data-v-b74b9dc6] *{transition:none!important;animation:none!important}
}

/* ==========================================================
   WIN PAGE — PRECISION PREMIUM POLISH V5
   Visual-only overrides requested after mobile review.
   No game/data/API/betting logic is changed.
   ========================================================== */

/* 1) Remove the inner balance rectangle/border and make the amount feel alive. */
.win[data-v-b74b9dc6] .mine_top .mine_info .balance{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
  position:relative!important;
  overflow:hidden!important;
  text-shadow:0 2px 8px rgba(0,38,34,.24),0 0 14px rgba(255,239,170,.16)!important;
  animation:kmBalanceGlow 2.8s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .mine_top .mine_info .balance::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-42%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:kmBalanceSweep 3.8s ease-in-out infinite;
}
@keyframes kmBalanceGlow{
  0%,100%{text-shadow:0 2px 8px rgba(0,38,34,.24),0 0 8px rgba(255,239,170,.08)}
  50%{text-shadow:0 2px 8px rgba(0,38,34,.24),0 0 18px rgba(255,239,170,.30)}
}
@keyframes kmBalanceSweep{
  0%,42%{left:-42%;opacity:0}
  50%{opacity:1}
  72%,100%{left:125%;opacity:0}
}

/* 2) Game-family tabs: deep-gold typography and a bright active state. */
.win[data-v-b74b9dc6] .main .main_nav li{
  color:#a97818!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
.win[data-v-b74b9dc6] .main .main_nav li.active{
  color:#fff7d2!important;
  background:linear-gradient(135deg,#8c6412 0%,#c59628 48%,#8f6717 100%)!important;
  box-shadow:
    0 7px 15px rgba(142,99,15,.28),
    0 0 0 1px rgba(255,222,119,.55),
    0 0 16px rgba(214,164,43,.24),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  animation:kmGoldTabPulse 2.1s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .main .main_nav li:not(.active):active{
  color:#7b570f!important;
  background:linear-gradient(180deg,#fffaf0,#f7efd9)!important;
}
@keyframes kmGoldTabPulse{
  0%,100%{filter:saturate(1);box-shadow:0 7px 15px rgba(142,99,15,.25),0 0 0 1px rgba(255,222,119,.48),0 0 10px rgba(214,164,43,.14),inset 0 1px 0 rgba(255,255,255,.38)}
  50%{filter:saturate(1.08);box-shadow:0 8px 17px rgba(142,99,15,.30),0 0 0 1px rgba(255,222,119,.68),0 0 20px rgba(214,164,43,.30),inset 0 1px 0 rgba(255,255,255,.42)}
}

/* 3) Keep Period and Countdown on one clean horizontal line. */
.win[data-v-b74b9dc6] .center_top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:14px!important;
}
.win[data-v-b74b9dc6] .center_top > li{
  min-width:0!important;
  width:100%!important;
}
.win[data-v-b74b9dc6] .center_top .left_li{
  text-align:left!important;
}
.win[data-v-b74b9dc6] .center_top .right_li{
  text-align:right!important;
  min-width:0!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .top_ol{
  white-space:nowrap!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .bot_ol,
.win[data-v-b74b9dc6] .center_top .right_li .countdown,
.win[data-v-b74b9dc6] .center_top .right_li .van-count-down{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .countdown{
  gap:3px!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .countdown > *{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .bot_ol .countdown span,
.win[data-v-b74b9dc6] .center_top .right_li .bot_ol .countdown .span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

/* The timer digits are compact enough to stay together as 01:12. */
.win[data-v-b74b9dc6] .center_top .right_li .countdown .span{
  min-width:27px!important;
  width:27px!important;
  height:38px!important;
  padding:0 3px!important;
  line-height:38px!important;
  margin-left:2px!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
}
.win[data-v-b74b9dc6] .center_top .right_li .countdown span:not(.span){
  margin-left:1px!important;
  font-size:21px!important;
}

/* Mobile fallback: never allow the countdown to wrap. */
@media(max-width:380px){
  .win[data-v-b74b9dc6] .center_top{column-gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  .win[data-v-b74b9dc6] .center_top .bot_ol{font-size:20px!important}
  .win[data-v-b74b9dc6] .center_top .right_li .countdown .span{min-width:24px!important;width:24px!important;height:34px!important;line-height:34px!important;font-size:19px!important}
  .win[data-v-b74b9dc6] .center_top .right_li .countdown span:not(.span){font-size:19px!important}
}

@media(prefers-reduced-motion:reduce){
  .win[data-v-b74b9dc6] .mine_top .mine_info .balance,
  .win[data-v-b74b9dc6] .mine_top .mine_info .balance::after,
  .win[data-v-b74b9dc6] .main .main_nav li.active{animation:none!important}
}

/* ==========================================================
   WIN PAGE — PREMIUM FIRE & COLOR POLISH V6
   Visual-only layer. No game, timer, API, result or betting logic.
   ========================================================== */

/* Available balance: warm animated flame-like glow, without an inner border. */
.win[data-v-b74b9dc6] .mine_top .mine_info .balance{
  color:#fffdf0!important;
  text-shadow:
    0 1px 2px rgba(71,28,0,.30),
    0 0 8px rgba(255,196,66,.34),
    0 0 18px rgba(255,112,22,.20)!important;
  animation:kmBalanceFire 2.15s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .mine_top .mine_info .balance::before{
  content:"";
  position:absolute;
  left:-8%; right:-8%; bottom:-8px;
  height:15px;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,166,30,.34),rgba(255,86,18,.12) 38%,transparent 72%);
  filter:blur(5px);
  opacity:.55;
  animation:kmFlameBreath 1.35s ease-in-out infinite alternate;
}
.win[data-v-b74b9dc6] .mine_top .mine_info .balance::after{
  content:"";
  position:absolute;
  top:-20%; bottom:-20%; left:-38%;
  width:24%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,216,109,.08) 22%,rgba(255,245,190,.48) 50%,rgba(255,135,26,.16) 70%,transparent 100%);
  transform:skewX(-16deg);
  filter:blur(.2px);
  animation:kmFireSweep 3.2s cubic-bezier(.35,.02,.2,1) infinite;
}
@keyframes kmBalanceFire{
  0%,100%{filter:saturate(1);text-shadow:0 1px 2px rgba(71,28,0,.30),0 0 7px rgba(255,196,66,.28),0 0 14px rgba(255,112,22,.12)}
  28%{filter:saturate(1.04);text-shadow:0 1px 2px rgba(71,28,0,.30),0 0 12px rgba(255,212,92,.42),0 0 21px rgba(255,92,18,.20)}
  52%{filter:saturate(1.08);text-shadow:0 1px 2px rgba(71,28,0,.32),0 0 16px rgba(255,225,124,.50),0 0 27px rgba(255,91,15,.27)}
  76%{filter:saturate(1.03);text-shadow:0 1px 2px rgba(71,28,0,.30),0 0 10px rgba(255,203,70,.36),0 0 19px rgba(255,100,18,.17)}
}
@keyframes kmFlameBreath{from{transform:scaleX(.82) translateY(2px);opacity:.30}to{transform:scaleX(1.08) translateY(-1px);opacity:.70}}
@keyframes kmFireSweep{0%,28%{left:-38%;opacity:0}38%{opacity:1}62%{left:118%;opacity:.88}74%,100%{left:118%;opacity:0}}

/* Four game-family tabs: distinct premium accent colors; active tab is unmistakable. */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1){color:#a8730e!important}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2){color:#7a3db0!important}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3){color:#087f98!important}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4){color:#b64d58!important}
.win[data-v-b74b9dc6] .main .main_nav li.active{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
  transform:translateY(-1px);
  animation:kmActiveTabGlow 1.8s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1).active{
  background:linear-gradient(135deg,#7d5708,#d6a52f 52%,#8a600b)!important;
  box-shadow:0 8px 17px rgba(153,105,12,.34),0 0 0 1px rgba(255,226,133,.75),0 0 18px rgba(220,164,35,.34),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2).active{
  background:linear-gradient(135deg,#5f248f,#a94bd0 52%,#64278f)!important;
  box-shadow:0 8px 17px rgba(119,46,157,.30),0 0 0 1px rgba(224,163,255,.72),0 0 18px rgba(181,76,222,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3).active{
  background:linear-gradient(135deg,#056a7d,#10a5bb 52%,#075f73)!important;
  box-shadow:0 8px 17px rgba(0,108,128,.30),0 0 0 1px rgba(135,234,247,.72),0 0 18px rgba(25,186,211,.27),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4).active{
  background:linear-gradient(135deg,#923742,#d75d69 52%,#9a3541)!important;
  box-shadow:0 8px 17px rgba(154,53,65,.30),0 0 0 1px rgba(255,180,188,.72),0 0 18px rgba(224,91,105,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
@keyframes kmActiveTabGlow{
  0%,100%{filter:saturate(1);}
  50%{filter:saturate(1.15) brightness(1.05);}
}

/* Join Green / Violet / Red: restrained luminous pulse, not distracting. */
.win[data-v-b74b9dc6] .btn_center button{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.win[data-v-b74b9dc6] .btn_center button::before{
  content:"";
  position:absolute;
  top:-35%; bottom:-35%; left:-48%;
  width:30%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.44) 50%,rgba(255,255,255,.08) 70%,transparent);
  transform:skewX(-18deg);
  animation:kmJoinSweep 3.5s ease-in-out infinite;
  z-index:-1;
}
.win[data-v-b74b9dc6] .btn_center .back_one,
.win[data-v-b74b9dc6] .btn_center .back_onee{
  animation:kmGreenPulse 2.25s ease-in-out infinite;
}
.win[data-v-b74b9dc6] .btn_center .back_two{animation:kmVioletPulse 2.4s ease-in-out infinite .15s}
.win[data-v-b74b9dc6] .btn_center .back_three,
.win[data-v-b74b9dc6] .btn_center .back_threee{animation:kmRedPulse 2.3s ease-in-out infinite .3s}
@keyframes kmJoinSweep{0%,35%{left:-48%;opacity:0}45%{opacity:1}68%{left:120%;opacity:.85}78%,100%{left:120%;opacity:0}}
@keyframes kmGreenPulse{0%,100%{box-shadow:0 9px 17px rgba(0,0,0,.13),0 0 0 rgba(20,214,106,0)}50%{box-shadow:0 10px 19px rgba(0,0,0,.15),0 0 17px rgba(19,211,104,.32),inset 0 1px 0 rgba(255,255,255,.30)}}
@keyframes kmVioletPulse{0%,100%{box-shadow:0 9px 17px rgba(0,0,0,.13),0 0 0 rgba(202,49,230,0)}50%{box-shadow:0 10px 19px rgba(0,0,0,.15),0 0 17px rgba(202,49,230,.34),inset 0 1px 0 rgba(255,255,255,.30)}}
@keyframes kmRedPulse{0%,100%{box-shadow:0 9px 17px rgba(0,0,0,.13),0 0 0 rgba(255,62,80,0)}50%{box-shadow:0 10px 19px rgba(0,0,0,.15),0 0 17px rgba(255,62,80,.34),inset 0 1px 0 rgba(255,255,255,.30)}}

/* Make the active tab unmistakable even during touch/press states. */
.win[data-v-b74b9dc6] .main .main_nav li.active:after{
  content:"";
  position:absolute;
  left:14%; right:14%; bottom:3px;
  height:2px;
  border-radius:2px;
  background:rgba(255,255,255,.92);
  box-shadow:0 0 8px rgba(255,255,255,.72);
}

@media(prefers-reduced-motion:reduce){
  .win[data-v-b74b9dc6] .mine_top .mine_info .balance,
  .win[data-v-b74b9dc6] .mine_top .mine_info .balance::before,
  .win[data-v-b74b9dc6] .mine_top .mine_info .balance::after,
  .win[data-v-b74b9dc6] .main .main_nav li.active,
  .win[data-v-b74b9dc6] .btn_center button,
  .win[data-v-b74b9dc6] .btn_center button::before{animation:none!important}
}

/* V11 refinement: remove the outer frame around the four game-family tabs.
   Keep only the active text underline so every game name stays clearly visible. */
.win[data-v-b74b9dc6] .main .main_nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:4px 14px 0!important;
  width:calc(100% - 28px)!important;
  gap:0!important;
}
.win[data-v-b74b9dc6] .main .main_nav li{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  text-shadow:none!important;
}
.win[data-v-b74b9dc6] .main .main_nav li.active{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  color:#a8730e!important;
}
.win[data-v-b74b9dc6] .main .main_nav li.active:after{
  left:24%!important;
  right:24%!important;
  bottom:2px!important;
  height:3px!important;
  background:currentColor!important;
  box-shadow:0 2px 8px rgba(168,115,14,.24)!important;
}

/* V13 — clean premium game-family tabs: no colored boxes, only text + active underline */
.win[data-v-b74b9dc6] .main .main_nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  gap:0!important;
}
.win[data-v-b74b9dc6] .main .main_nav li,
.win[data-v-b74b9dc6] .main .main_nav li.active{
  position:relative!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  text-shadow:none!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1).active{color:#008f7d!important;}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2).active{color:#9b35c7!important;}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3).active{color:#b88413!important;}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4).active{color:#df5960!important;}
.win[data-v-b74b9dc6] .main .main_nav li.active:after{
  content:""!important;
  position:absolute!important;
  left:26%!important;
  right:26%!important;
  bottom:1px!important;
  height:3px!important;
  border-radius:999px!important;
  background:currentColor!important;
  box-shadow:0 2px 8px color-mix(in srgb,currentColor 30%,transparent)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:not(.active):after{display:none!important;}
@media (max-width:380px){
  .win[data-v-b74b9dc6] .main .main_nav li{font-size:13px!important;}
  .win[data-v-b74b9dc6] .main .main_nav li.active:after{left:22%!important;right:22%!important;}
}

/* ==========================================================
   V14 — GLOSSY GAME TABS (MATCHES THE USER'S REFERENCE)
   Visual-only override. No game/data/API logic changed.
   ========================================================== */
.win[data-v-b74b9dc6] .main .main_nav{
  margin:2px 14px 0!important;
  width:calc(100% - 28px)!important;
  padding:7px 3px 10px!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.win[data-v-b74b9dc6] .main .main_nav li,
.win[data-v-b74b9dc6] .main .main_nav li.active{
  position:relative!important;
  flex:1 1 0!important;
  min-width:0!important;
  height:52px!important;
  line-height:52px!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-shadow:0 1px 3px rgba(0,0,0,.34)!important;
  transform:none!important;
  filter:none!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:before{
  content:""!important;
  position:absolute!important;
  top:-70%!important;
  left:-55%!important;
  width:42%!important;
  height:220%!important;
  transform:rotate(22deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent)!important;
  opacity:0!important;
  pointer-events:none!important;
  animation:kmV14TabShine 4.4s ease-in-out infinite!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:after,
.win[data-v-b74b9dc6] .main .main_nav li.active:after{
  content:""!important;
  position:absolute!important;
  left:14%!important;
  right:14%!important;
  bottom:4px!important;
  height:3px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 0 8px rgba(255,255,255,.70)!important;
  opacity:1!important;
  display:block!important;
}
/* Party — glossy royal blue */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1).active{
  background:linear-gradient(145deg,#2f68f2 0%,#174bc9 52%,#0d359f 100%)!important;
  border-color:#6f9bff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -2px 0 rgba(0,25,91,.42),0 8px 18px rgba(21,69,187,.30),0 0 10px rgba(62,117,255,.20)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1):after,
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1).active:after{background:#78a2ff!important;box-shadow:0 0 10px rgba(89,143,255,.95)!important;}
/* Sapre — glossy emerald green */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2).active{
  background:linear-gradient(145deg,#24d66d 0%,#0dac50 52%,#087b3a 100%)!important;
  border-color:#74eca4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -2px 0 rgba(0,70,30,.42),0 8px 18px rgba(10,155,73,.27),0 0 10px rgba(48,220,119,.18)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2):after,
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2).active:after{background:#67f19c!important;box-shadow:0 0 10px rgba(73,239,139,.95)!important;}
/* Bcone — glossy pink/magenta */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3).active{
  background:linear-gradient(145deg,#ff6bb5 0%,#e8328d 52%,#bd1769 100%)!important;
  border-color:#ffc0df!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),inset 0 -2px 0 rgba(105,0,55,.40),0 8px 18px rgba(210,31,119,.28),0 0 10px rgba(255,82,163,.18)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3):after,
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3).active:after{background:#ffc4df!important;box-shadow:0 0 10px rgba(255,152,207,.95)!important;}
/* Emred — glossy burgundy red */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4).active{
  background:linear-gradient(145deg,#bf2947 0%,#96152f 52%,#6c0b21 100%)!important;
  border-color:#e9788a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 0 rgba(60,0,14,.46),0 8px 18px rgba(128,18,43,.28),0 0 10px rgba(220,47,78,.18)!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4):after,
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4).active:after{background:#ff91a2!important;box-shadow:0 0 10px rgba(255,91,119,.95)!important;}
.win[data-v-b74b9dc6] .main .main_nav li.active{filter:saturate(1.06) brightness(1.03)!important;}
@keyframes kmV14TabShine{
  0%,45%,100%{left:-55%;opacity:0}
  56%{opacity:.16}
  73%{left:118%;opacity:.78}
  84%{left:132%;opacity:0}
}
@media(max-width:380px){
  .win[data-v-b74b9dc6] .main .main_nav{gap:4px!important;padding-left:1px!important;padding-right:1px!important;}
  .win[data-v-b74b9dc6] .main .main_nav li,
  .win[data-v-b74b9dc6] .main .main_nav li.active{height:49px!important;line-height:49px!important;font-size:13px!important;border-radius:11px!important;}
}
@media(prefers-reduced-motion:reduce){
  .win[data-v-b74b9dc6] .main .main_nav li:before{animation:none!important;}
}

/* ==========================================================
   V14 FINAL — CLEAN TYPOGRAPHIC TABS
   Matches the user's latest reference: no colored boxes,
   no rounded tile/background, distinct text + underline only.
   Visual-only; game/data/API logic remains untouched.
   ========================================================== */
.win[data-v-b74b9dc6] .main .main_nav{
  margin:2px 14px 0!important;
  width:calc(100% - 28px)!important;
  padding:8px 2px 9px!important;
  gap:4px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.win[data-v-b74b9dc6] .main .main_nav li,
.win[data-v-b74b9dc6] .main .main_nav li.active{
  position:relative!important;
  flex:1 1 0!important;
  min-width:0!important;
  height:48px!important;
  line-height:42px!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  text-align:center!important;
  transform:none!important;
  filter:none!important;
  transition:color .18s ease,opacity .18s ease!important;
}
/* Remove the previous glossy sweep completely. */
.win[data-v-b74b9dc6] .main .main_nav li:before{
  content:none!important;
  display:none!important;
  animation:none!important;
}
/* Every label gets its own clean underline, as in the reference. */
.win[data-v-b74b9dc6] .main .main_nav li:after,
.win[data-v-b74b9dc6] .main .main_nav li.active:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:13%!important;
  right:13%!important;
  bottom:2px!important;
  height:2px!important;
  border-radius:0!important;
  background:currentColor!important;
  box-shadow:none!important;
  opacity:.96!important;
}
/* Reference palette: blue / green / antique-gold / deep burgundy. */
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(1).active{
  color:#174a91!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(2).active{
  color:#18734f!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(3).active{
  color:#a06b0a!important;
}
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4),
.win[data-v-b74b9dc6] .main .main_nav li:nth-child(4).active{
  color:#9b1f39!important;
}
.win[data-v-b74b9dc6] .main .main_nav li.active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:380px){
  .win[data-v-b74b9dc6] .main .main_nav{
    gap:2px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .win[data-v-b74b9dc6] .main .main_nav li,
  .win[data-v-b74b9dc6] .main .main_nav li.active{
    height:46px!important;
    line-height:40px!important;
    font-size:13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .win[data-v-b74b9dc6] .main .main_nav li:before{display:none!important;animation:none!important;}
}