/* LuckZoo — UI Size Fix V2
   Visual sizing only. No RNG, drawing, sound, betting, viewport or backend changes. */

/* 1) Yellow candidate-total badge (e.g. 250 / 1,780 / 330):
   make the number clearly readable while keeping the badge compact. */
#lz-bot-overlay .lz-bet-badge{
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  padding:2px 5px!important;
  border-radius:9px!important;
  min-width:0!important;
}

/* Real player's circular amount marker: keep its number readable too. */
.bet-mark{
  width:20px!important;
  height:20px!important;
  font-size:7px!important;
  line-height:1!important;
  border-width:2px!important;
}

/* 2) INNER BETTING CARDS:
   preserve the already-approved fix — artwork stays above name/multiplier footer. */
.card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 20px!important;
}
.card .emoji{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px 3px 0!important;
}
.card .emoji img{
  width:auto!important;
  height:82%!important;
  max-width:78%!important;
  max-height:82%!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 auto!important;
}
.card footer{
  position:static!important;
  height:20px!important;
  min-height:20px!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 4px!important;
  overflow:hidden!important;
}

/* 3) 28 perimeter wheel candidates:
   candidate-size-test.css limits them to 40%; override that here.
   Box geometry remains exactly unchanged. */
.track-cell .icon{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.track-cell .icon img{
  width:82%!important;
  height:82%!important;
  max-width:82%!important;
  max-height:82%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Horizontal shark artwork can use slightly more of its tile. */
.track-cell[data-key="shark"] .icon img,
.track-cell[data-key="frog"] .icon img{
  width:88%!important;
  height:88%!important;
  max-width:88%!important;
  max-height:88%!important;
}

/* Fixed-canvas viewport handles mobile scaling as one unit.
   Do NOT shrink these internal values again on narrow devices. */
@media(max-width:1100px){
  #lz-bot-overlay .lz-bet-badge{
    font-size:11px!important;
    padding:2px 5px!important;
  }
  .bet-mark{
    width:20px!important;
    height:20px!important;
    font-size:7px!important;
    border-width:2px!important;
  }
  .card footer{
    height:20px!important;
    min-height:20px!important;
  }
  .track-cell .icon img{
    width:82%!important;
    height:82%!important;
    max-width:82%!important;
    max-height:82%!important;
  }
  .track-cell[data-key="shark"] .icon img,
  .track-cell[data-key="frog"] .icon img{
    width:88%!important;
    height:88%!important;
    max-width:88%!important;
    max-height:88%!important;
  }
}

/* 4) Bet-chip amount readability — final requested adjustment.
   Keep all chip geometry/positions unchanged; enlarge only the numbers. */
.bet-mark{
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1!important;
}
#lz-bot-overlay .lz-landed-chip{
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
}
#lz-bot-overlay .lz-flying-chip{
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
}

@media(max-width:1100px){
  /* Mobile: the entire 1366x640 canvas is already scaled down, so keep chip
     numerals compact enough to remain clean inside the circles. */
  .bet-mark{font-size:7px!important}
  #lz-bot-overlay .lz-landed-chip{font-size:6px!important}
  #lz-bot-overlay .lz-flying-chip{font-size:8px!important}
}


/* 5) PLAYER'S OWN AMOUNT AFTER BETTING LOCK
   At BETTING CLOSED the chip circle is converted to this plain amount label.
   It remains through DRAWING/PRIZING and is cleared by the existing next-round
   #betMarks reset in zoo.js. */
.player-locked-amount{
  position:absolute!important;
  z-index:35!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;

  color:#fff36a!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.2px!important;

  /* Strong outline/shadow so the personal amount is readable over every
     animal/bird image without adding another chip/pill graphic. */
  -webkit-text-stroke:1px rgba(0,0,0,.95);
  text-shadow:
    0 1px 0 #000,
    1px 0 0 #000,
    -1px 0 0 #000,
    0 -1px 0 #000,
    0 0 4px rgba(0,0,0,.95),
    0 0 6px rgba(255,208,0,.55)!important;
}

@media(max-width:1100px){
  .player-locked-amount{
    font-size:10px!important;
    -webkit-text-stroke:.6px rgba(0,0,0,.95);
    text-shadow:
      0 1px 0 #000,
      1px 0 0 #000,
      -1px 0 0 #000,
      0 -1px 0 #000,
      0 0 3px rgba(0,0,0,.95),
      0 0 4px rgba(255,208,0,.5)!important;
  }
}
