+ background-image: url(rank-master.png);
+}
+.rank.grandmaster:before {
+ background-image: url(rank-grandmaster.png);
+}
+.rank.tier3:before {
+ background-position: -100px -50px;
+}
+.rank.tier2:before {
+ background-position: -100px -100px;
+}
+.rank.tier1:before {
+ background-position: -100px -150px;
+}
+
+.loss:before {
+ color: #C11;
+ content: '✘';
+}
+.win:before {
+ color: #297ACC;
+ content: '✔';
+}
+
+.old {
+ text-decoration: line-through;
+}
+.old:before {
+ opacity: .5;
+}
+
+.ladders li {
+ float: none;
+ margin-right: 0;
+}
+
+body {
+ display: grid;
+ grid-auto-columns: minmax(auto, max-content);
+}
+.ladders {
+ grid-row: 3;
+}
+.matches {
+ grid-column: 1;
+}
+
+@media (min-width: 576px) {
+ .members {
+ grid-column: 1;
+ grid-row: 2;
+ }
+ .ladders {
+ grid-column: 2;
+ grid-row: 2;
+ margin: 0;
+ margin-top: -3ex;
+ }