.dino-skins header > b {
  margin-left: auto;
  color: #f0ca62;
}

.dino-skins canvas {
  display: block;
  width: 100%;
  height: 210px;
  border: 1px solid #ffffff1c;
  background: linear-gradient(#d7b76c, #6e8c4b 72%, #314a2d 73%);
}

.dino-skins #dinoSkinList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}

.dino-skins #dinoSkinList button {
  min-height: 74px;
  padding: 12px;
  border: 2px solid var(--skin);
  background: #10251e;
  color: #fff;
  text-align: left;
}

.dino-skins #dinoSkinList button[aria-pressed="true"] {
  box-shadow: inset 0 0 0 3px #f0ca62;
}

.dino-skins #dinoSkinList strong,
.dino-skins #dinoSkinList span { display: block; }
.dino-skins #dinoSkinList span { margin-top: 4px; color: #cbd7ce; font-size: .72rem; }

@media (max-width: 760px) {
  .dino-skins #dinoSkinList { grid-template-columns: 1fr 1fr; }
  .dino-skins canvas { height: 150px; }
}