:host {
  display: block;
}

.game-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-block-size: 3.3rem;
  padding-inline: var(--ar-space-5);
  border-block-start: 1px solid var(--ar-border-highlight);
  color: var(--ar-text-muted);
  background: var(--ar-panel);
  font-size: var(--ar-font-sm);
}

.game-footer > :last-child {
  justify-self: end;
}

.game-footer__status span {
  color: var(--ar-success);
}

.game-footer__ornament {
  inline-size: 0.8rem;
  block-size: 0.8rem;
  transform: rotate(45deg);
  border: 1px solid var(--ar-gold);
}
