/* Ícones de recursos independentes dos emojis instalados no Windows. */
.resource-svg-line {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:4px;
  max-width:100%;
  vertical-align:middle;
}
.resource-svg-item {
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  line-height:1;
}
.resource-svg-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  height:19px;
  flex:0 0 19px;
  vertical-align:middle;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
.resource-svg-icon svg {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.resource-svg-value { line-height:1.2; }
.resource-svg-separator { margin:0 1px; opacity:.62; }

/* Barra superior, cartões de custo, botões e administração. */
.resource .r-top > span:first-child,
.cost,
.admin-stat strong .resource-svg-line,
button .resource-svg-item,
button .resource-svg-icon {
  display:inline-flex;
  align-items:center;
}
.resource .resource-svg-icon { width:18px; height:18px; flex-basis:18px; margin-right:3px; }
.cost .resource-svg-icon { width:16px; height:16px; flex-basis:16px; margin-right:2px; }
.game-card-icon .resource-svg-icon,
.choice-title .resource-svg-icon,
.castle-build-choice-icon .resource-svg-icon {
  width:30px;
  height:30px;
  flex-basis:30px;
}
.secondary-btn .resource-svg-icon,
.action-btn .resource-svg-icon,
.primary-btn .resource-svg-icon {
  width:16px;
  height:16px;
  flex-basis:16px;
  margin:0 2px;
}
.admin-stat .resource-svg-line { justify-content:flex-start; }

@media (max-width:520px) {
  .resource-svg-line { justify-content:flex-start; gap:3px; }
  .resource-svg-icon { width:18px; height:18px; flex-basis:18px; }
  .resource-svg-separator { margin:0; }
}