Brave Stories

Brave Stories are unique character stories that are unlocked after obtaining a unit as well as through leveling their Bond level. Bond Level is increased by using a unit's Soul Burst or Brave Skill in battle. Each use will gain 0.5% Bond up to 100.0% Bond. After that, each use gains 0.1% up to 200.0% Bond.

Note that you must read the 100.0% Brave Story before you can gain anymore Bond Level.

Each unit has 6 Brave Stories unlocked at different bond levels, as well as give different rewards each chapter:

.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x30
.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x3
.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x50
.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x3
.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x5
.item-icon-count-container {

```
   position: relative;
   width: {{#var:size}}px;
   height: {{#var:size}}px;
   display: inline-block;

```

}
.item-icon-count-bottom {

```
   position: absolute;

```

}
.item-icon-count-top {

```
   position: absolute;
   top: {{#var:top}}px;
   text-align: center;
   vertical-align: top;
   font-size: 0.8em;
   color: white;
   width: {{#var:textWidth}}px;
   line-height: {{#var:textSize}}px;
   left: {{#var:left}}px;
   background: black;
   background: rgba(0,0,0,0.4);
   background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
   text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(255, 255, 255, 0.2);

```

}
.icon-template {

```
   padding: 0px; // Removes the standard 3px padding from Template:Icon that messes with the overlay spacing

```

}
.item-icon-count-text {

```
   display: inline-block;
   vertical-align: top;
   height: {{#var:size}}px;
   line-height: {{#var:size}}px;
   padding-left: 0.25em;

```

}

}}
x5
Legend's Star Brave Skill Level 3 Unlocked