/* Savage Horizon v0.8.3 - shared Dino Token visibility */
:root{--sh-token-gold:#f0c455;--sh-token-gold-bright:#ffe49a;--sh-token-border:#b98527;--sh-token-bg:#0b0905}

:is(#tokenTop,#heroTokens,#arcadeBalance,#studioBalance,#tokens){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  gap:10px!important;
  color:var(--sh-token-gold-bright)!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(18px,1.35vw,23px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-shadow:0 0 15px #e0a52c4d;
}

:is(#tokenTop,#heroTokens,#arcadeBalance,#studioBalance,#tokens)::before{
  content:"";
  flex:0 0 34px;
  width:34px;
  height:34px;
  background:url('/dino-token.svg?v=083') center/contain no-repeat;
  filter:drop-shadow(0 0 8px #e1a72f66);
}

#tokenTop{
  min-height:48px!important;
  padding:6px 15px 6px 9px!important;
  border:1px solid var(--sh-token-border)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#171106,#070705)!important;
  box-shadow:inset 0 0 18px #d89f2612,0 0 18px #d89f261c!important;
  white-space:nowrap;
}

#heroTokens{
  min-height:48px;
  padding:7px 12px;
  border:1px solid #8b6524;
  border-radius:10px;
  background:#0b0907;
}

#arcadeBalance{
  justify-content:flex-start;
  min-height:54px;
  margin:8px 0 23px!important;
  font-size:clamp(26px,2.4vw,38px)!important;
}
#arcadeBalance::before{width:42px;height:42px;flex-basis:42px}

.token-chip{
  min-height:48px!important;
  padding:6px 13px 6px 8px!important;
  border-color:var(--sh-token-border)!important;
  background:linear-gradient(135deg,#171106,#080705)!important;
  box-shadow:0 0 18px #d89f261c;
}
.token-chip>span{display:none!important}
#studioBalance{font-size:19px!important}
#studioBalance::before{width:31px;height:31px;flex-basis:31px}

.wallet-grid>div:has(#tokens){
  border-color:#7c5b21!important;
  background:radial-gradient(circle at 12% 22%,#3d2a0d55,transparent 45%),#080705!important;
  box-shadow:inset 0 0 28px #d89f2610,0 0 22px #d89f2617;
}
#tokens{
  justify-content:flex-start;
  margin-top:8px;
  font-size:clamp(40px,4vw,58px)!important;
}
#tokens::before{width:48px;height:48px;flex-basis:48px}

@media(max-width:650px){
  :is(#tokenTop,#heroTokens,#arcadeBalance,#studioBalance,#tokens){font-size:17px!important;gap:7px!important}
  :is(#tokenTop,#heroTokens,#arcadeBalance,#studioBalance,#tokens)::before{width:29px;height:29px;flex-basis:29px}
  #tokenTop{min-height:42px!important;padding:5px 11px 5px 6px!important}
  #tokens{font-size:38px!important}
  #tokens::before{width:40px;height:40px;flex-basis:40px}
}