/* Triniti final overrides 20260701: cache-safe visual fixes loaded after legacy theme.css. */

html body:not(.triniti-game-page) .mobileBalanceMenu__chevron,
html body:not(.triniti-game-page) .topBalance--mobile.mobileBalanceMenu__trigger .mobileBalanceMenu__chevron{
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
}

html body:not(.triniti-game-page) .pvpModesGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(240px,420px)) !important;
  justify-content:center !important;
  align-items:start !important;
  gap:18px !important;
}

html body:not(.triniti-game-page) .pvpModeCard{
  width:100% !important;
  max-width:420px !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:1290 / 1219 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:18px !important;
  background-color:#050607 !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.42),
    0 0 0 1px rgba(246,197,90,.18) !important;
}

html body:not(.triniti-game-page) .pvpModeCard--equal{
  background-image:url("./pvp-premium/pvp-equal-bank-20260701.png?v=20260701-pvp-wheel-speed1") !important;
}

html body:not(.triniti-game-page) .pvpModeCard--free{
  background-image:url("./pvp-premium/pvp-free-bank-20260701.png?v=20260701-pvp-wheel-speed1") !important;
}

html body:not(.triniti-game-page) .pvpModeCard::before,
html body:not(.triniti-game-page) .pvpModeCard::after,
html body:not(.triniti-game-page) .pvpModeCard__art,
html body:not(.triniti-game-page) .pvpModeCard__copy{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

html body:not(.triniti-game-page) #freeModal .modal__panel{
  width:min(760px,calc(100vw - 32px)) !important;
  max-height:calc(100dvh - 28px) !important;
  padding:16px !important;
  overflow:auto !important;
  border-radius:22px !important;
  border:1px solid rgba(246,197,90,.34) !important;
  background:
    radial-gradient(420px 220px at 68% 18%,rgba(34,199,118,.14),transparent 62%),
    radial-gradient(360px 220px at 22% 42%,rgba(246,197,90,.12),transparent 66%),
    linear-gradient(180deg,rgba(18,22,30,.98),rgba(4,6,10,.98)) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.64),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body:not(.triniti-game-page) #freeModal .modal__head{
  min-height:34px !important;
  margin:0 0 10px !important;
}

html body:not(.triniti-game-page) #freeModal .tabs{
  height:38px !important;
  margin:0 0 10px !important;
  padding:3px !important;
}

html body:not(.triniti-game-page) .bonusReturnBtn{
  width:100% !important;
  height:38px !important;
  margin:0 0 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,226,151,.28) !important;
  color:#ffe7a2 !important;
  font-weight:1000 !important;
  background:linear-gradient(180deg,rgba(31,36,48,.94),rgba(8,10,15,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body:not(.triniti-game-page) #freeModal .dailyTopRow{
  display:grid !important;
  grid-template-columns:1fr minmax(170px,230px) !important;
  gap:12px !important;
  align-items:stretch !important;
  margin:0 0 12px !important;
}

html body:not(.triniti-game-page) #freeModal .dailyTitle{
  font-size:26px !important;
  line-height:1.04 !important;
  margin:0 0 5px !important;
}

html body:not(.triniti-game-page) #freeModal .dailyHint{
  font-size:13px !important;
  line-height:1.28 !important;
  margin:0 !important;
}

html body:not(.triniti-game-page) #freeModal .timerBox{
  min-height:0 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(24,29,40,.94),rgba(8,10,15,.96)) !important;
}

html body:not(.triniti-game-page) #freeModal .timerVal{
  font-size:24px !important;
  line-height:1 !important;
}

html body:not(.triniti-game-page) #freeModal .dailyWrap{
  display:grid !important;
  grid-template-columns:minmax(330px,1fr) 220px !important;
  gap:14px !important;
  align-items:start !important;
}

html body:not(.triniti-game-page) #freeModal .dailyLeft{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
}

html body:not(.triniti-game-page) #freeModal .wheelBox{
  position:relative !important;
  width:min(372px,48vw) !important;
  max-width:372px !important;
  aspect-ratio:1 !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:28px !important;
  border:1px solid rgba(255,226,151,.28) !important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,231,157,.16),transparent 42%),
    radial-gradient(circle at 70% 22%,rgba(42,221,126,.12),transparent 48%),
    linear-gradient(180deg,rgba(19,25,34,.96),rgba(5,8,12,.98)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.54),
    0 0 30px rgba(246,197,90,.14),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body:not(.triniti-game-page) #freeModal .wheelBox::before{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  border-radius:24px !important;
  border:1px solid rgba(45,219,128,.18) !important;
  pointer-events:none !important;
}

html body:not(.triniti-game-page) #freeModal .wheelBox.is-spinning::before{
  box-shadow:0 0 24px rgba(45,219,128,.28),inset 0 0 22px rgba(246,197,90,.12) !important;
}

html body:not(.triniti-game-page) #freeModal #dailyWheel{
  position:absolute !important;
  inset:7.5% !important;
  width:85% !important;
  height:85% !important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.42)) !important;
}

html body:not(.triniti-game-page) #freeModal .pointer{
  top:3.5% !important;
  border-left-width:18px !important;
  border-right-width:18px !important;
  border-top-width:27px !important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.45)) !important;
}

html body:not(.triniti-game-page) #freeModal .wheelCenter{
  width:104px !important;
  height:104px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,244,198,.18),transparent 26%),
    linear-gradient(180deg,#252d3c,#07090f) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(255,228,150,.28) !important;
}

html body:not(.triniti-game-page) #freeModal .centerBig{
  font-size:23px !important;
  line-height:1 !important;
}

html body:not(.triniti-game-page) #freeModal .centerSmall{
  font-size:12px !important;
  line-height:1.1 !important;
}

html body:not(.triniti-game-page) #freeModal #spinBtn{
  width:min(240px,70%) !important;
  height:48px !important;
  margin:0 !important;
}

html body:not(.triniti-game-page) #freeModal .dailyMsg{
  min-height:0 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  text-align:center !important;
}

html body:not(.triniti-game-page) #freeModal .listCard{
  padding:14px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(18,22,30,.96),rgba(6,8,12,.96)) !important;
}

html body:not(.triniti-game-page) #freeModal .listTitle{
  margin:0 0 10px !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body:not(.triniti-game-page) #freeModal .prizeList{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}

html body:not(.triniti-game-page) #freeModal .prizeItem{
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:13px !important;
}

html body:not(.triniti-game-page) #freeModal .listNote{
  margin-top:10px !important;
  font-size:12px !important;
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpModesGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    max-width:none !important;
    border-radius:14px !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.4),
      0 0 0 1px rgba(255,226,151,.16) !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__panel{
    width:calc(100vw - 16px) !important;
    max-height:calc(100dvh - 18px) !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__head{
    min-height:28px !important;
    margin-bottom:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__title{
    font-size:0 !important;
  }

  html body:not(.triniti-game-page) #freeModal .tabs{
    height:34px !important;
    margin-bottom:8px !important;
  }

  html body:not(.triniti-game-page) .bonusReturnBtn{
    height:36px !important;
    margin-bottom:10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyTopRow{
    display:block !important;
    margin-bottom:10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyTitle{
    font-size:25px !important;
    margin-bottom:4px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyHint{
    font-size:12px !important;
    margin-bottom:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerBox{
    padding:10px 12px !important;
    border-radius:15px !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerVal{
    font-size:22px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyWrap{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyLeft{
    gap:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelBox{
    width:min(312px,82vw) !important;
    max-width:312px !important;
    border-radius:24px !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelCenter{
    width:88px !important;
    height:88px !important;
  }

  html body:not(.triniti-game-page) #freeModal .centerBig{
    font-size:20px !important;
  }

  html body:not(.triniti-game-page) #freeModal #spinBtn{
    width:min(220px,72vw) !important;
    height:44px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyMsg{
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) #freeModal .listCard{
    padding:12px !important;
  }

  html body:not(.triniti-game-page) #freeModal .listTitle{
    font-size:19px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeList{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeItem{
    height:34px !important;
    min-height:34px !important;
  }
}

@media (max-width:700px) and (max-height:760px){
  html body:not(.triniti-game-page) #freeModal .wheelBox{
    width:min(286px,76vw) !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyTitle{
    font-size:23px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeItem{
    height:31px !important;
    min-height:31px !important;
  }
}