body {
 background-color: #FFE;
 color: #000;
 font-family: Arial, sans-serif;
 padding: 0 1em;
}
body>* {
 clear: left;
 margin: 2em 1em;
}
.team {
 float: left;
 clear: none;
 margin-top: 0;
}
.team>table {
 width: 13em;
}
.players>table {
 width: 16em;
}
a {
 font-size: .8em;
 color: #009;
}
img, input {
 vertical-align: middle;
}
.me tr:first-child th {
 background-color: gold;
}
.new {
 background-color: limegreen;
}
.win {
 background-color: deeppink;
}
.tie {
 background-color: hotpink;
}
.karma {
 background-color: pink;
}
textarea {
 display: block;
 height: 12em;
 width: 25em;
}
input[type=number] {
 width: 4em;
}
table {
 border-spacing: 0;
}
th, td {
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 background-color: #EEE;
 padding: .25em;
}
.team td label {
 display: block;
 height: 1.125em;
 overflow: hidden;
}
.team input[type=radio] {
 position: relative;
 bottom: .25em;
}
.team th+th {
 width: 50%;
}
del, span {
 opacity: .4;
}
th {
 background-color: #DDD;
}
th:not([align]) {
 text-align: left;
}
th strong {
 font-size: 1.4em;
 line-height: 1.25em;
}
tr+tr+tr>th {
 font-weight: normal;
}
th:first-child, td:first-child {
 border-left: 1px solid #999;
}
tr:first-child>th, tr:first-child>td {
 border-top: 1px solid #999;
}
tr:first-child>th:first-child, tr:first-child>td:first-child {
 border-top-left-radius: 8px;
}
tr:first-child>th:last-child, tr:first-child>td:last-child {
 border-top-right-radius: 8px;
}
tr:last-child>th:first-child, tr:last-child>td:first-child {
 border-bottom-left-radius: 8px;
}
tr:last-child>th:last-child, tr:last-child>td:last-child {
 border-bottom-right-radius: 8px;
}