/* v1.10.6 — tighter hand-card internal layout.
   Reduce arrow height/whitespace so more spice info is visible in bottom hand cards. */

/* Only affect the player's bottom hand area. */
.personal-hand .hand-row .effect.trade-effect,
.hand-row .game-card .effect.trade-effect{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  padding:2px 2px!important;
  min-height:100%!important;
}
.personal-hand .hand-row .trade-spices,
.hand-row .game-card .trade-spices{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
}
.personal-hand .hand-row .trade-spices .cube-group,
.hand-row .game-card .trade-spices .cube-group{
  width:100%!important;
  max-width:none!important;
  gap:1px!important;
  row-gap:1px!important;
  align-content:center!important;
}
.personal-hand .hand-row .trade-effect .trade-arrow,
.hand-row .game-card .trade-effect .trade-arrow{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:8px!important;
  min-height:8px!important;
  line-height:8px!important;
  font-size:9px!important;
  color:#302117!important;
  text-shadow:none!important;
  transform:none!important;
  margin:0!important;
}

/* Make the upgrade cards denser too. */
.personal-hand .hand-row .game-card .effect.upgrade-effect,
.hand-row .game-card .effect.upgrade-effect{
  gap:1px!important;
  padding:2px 2px!important;
  justify-content:center!important;
}
.personal-hand .hand-row .game-card .upgrade-icon,
.hand-row .game-card .upgrade-icon{
  font-size:14px!important;
  line-height:1!important;
}
.personal-hand .hand-row .game-card .upgrade-compact,
.hand-row .game-card .upgrade-compact{
  font-size:10px!important;
  line-height:1!important;
}

/* Give the spice cubes a touch more room by shrinking margins around non-essential parts. */
.personal-hand .hand-row .game-card .index,
.hand-row .game-card .index{
  top:1px!important;
  right:2px!important;
  font-size:4px!important;
}
.personal-hand .hand-row .game-card .card-type,
.personal-hand .hand-row .game-card .card-foot,
.hand-row .game-card .card-type,
.hand-row .game-card .card-foot{
  display:none!important;
}

@media (orientation:landscape) and (max-height:620px){
  .personal-hand .hand-row .effect.trade-effect,
  .hand-row .game-card .effect.trade-effect{
    grid-template-rows:minmax(0,1fr) 7px minmax(0,1fr)!important;
    padding:1px 2px!important;
  }
  .personal-hand .hand-row .trade-effect .trade-arrow,
  .hand-row .game-card .trade-effect .trade-arrow{
    height:7px!important;
    min-height:7px!important;
    line-height:7px!important;
    font-size:8px!important;
  }
  .personal-hand .hand-row .trade-spices .cube-group,
  .hand-row .game-card .trade-spices .cube-group{gap:1px!important}
  .personal-hand .hand-row .game-card .upgrade-icon,
  .hand-row .game-card .upgrade-icon{font-size:12px!important}
  .personal-hand .hand-row .game-card .upgrade-compact,
  .hand-row .game-card .upgrade-compact{font-size:9px!important}
}