html {
    font-family: sans-serif;
    font-size: smaller;
    --extra-padding: 0.1;
}

#list, #bkt { display: inline-block; vertical-align: middle;}

#list, #bkt {
    --r1-padding: 0.25em;
    --name-width: 7em;
    --cell-lines: calc(1 + 2 * var(--extra-padding));
    --cell-width: calc(var(--name-width) + 2 * var(--cell-height) + 2em * var(--extra-padding));
    --condensed-overlap: 0.4;
    --cell-unit: calc(var(--cell-lines) * 1.2em);
}

.active { background-color: #2d68c466; }
.higher { color: green; }
.lower { color: red; }

.won { background-color: #0f06; }
.lost { background-color: #f006; }

.whatif.won { background-color: #0f83; color: green; }
.whatif.lost { background-color: #f803; color: red; }

@-webkit-keyframes livepulse {
      0% {background-color: #4448;}
    100% {background-color: #ccc8;}
}

.live { -webkit-animation: livepulse 2s infinite alternate; }

.team-id {
    height: var(--cell-unit);
    padding: var(--extra-padding) * 1em;
    z-index: 100;
}

.logoonly { display: inline; padding: 0 5px 0 5px; margin: 0 5px 0 5px;}
.logoonly.live { -webkit-animation: none; }
.team-id:has(.live) { -webkit-animation: livepulse 2s infinite alternate; }

.team-logo, .team-seed, .team-name {
    display: inline-block;
    width: var(--cell-unit);
    height: var(--cell-unit);
    vertical-align: top;
}

.team-name {
    width: var(--name-width);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.whatif.lost .team-name { text-decoration: line-through wavy; }
.whatif.won .team-name { text-decoration: underline overline wavy; }

/* Sortable tables */
table.sortable thead {
    background:#f2a90066;
    font-weight: bold;
    cursor: default;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25CA";
}
td, th { padding: 0.5rem; min-width: 4rem; }
.player-stat { text-align: right; }
.player-name { text-align: left !important; }
table.sortable tbody tr:nth-child(2n)   td { background: #5552; }
table.sortable tbody tr:nth-child(2n+1) td { background: #aaa2; }

.xxx, .player-e538 {
    text-decoration: line-through;
    opacity: 25%;
}

.highlighted {
    outline: ridge 3px cyan;
}