/* bnet.cc ladder pages, in the site's own colours: black ground, cyan title, amber links. */
#ladder { color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: transparent; }
#ladder b.header { color: #FFFFFF; font-weight: bold; font-variant: small-caps; font-size: 14px; letter-spacing: 1px; display: block; border-bottom: 1px solid #333333; padding-bottom: 4px; margin: 14px 0 8px; background-color: transparent; }
#ladder a { color: #FFAC04; text-decoration: none; font-weight: bold; background-color: transparent; }
#ladder a:hover { color: #FFFFFF; }
#ladder p, #ladder div, #ladder span, #ladder td { background-color: transparent; }

.ladder-tabs { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 2px solid #333333; margin-bottom: 4px; }
.ladder-tabs .ladder-tab { display: inline-block; padding: 5px 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; background-color: #161616; border: 1px solid #333333; border-bottom: none; color: #00C0FF; }
.ladder-tabs a.ladder-tab:hover { color: #FFFFFF; text-shadow: 0 0 5px #00C0FF; }
.ladder-tabs .ladder-tab-on { background-color: #393731; color: #FFFFFF; }

.ladder-note { margin: 0 0 8px; color: #999999; line-height: 1.5; }
.ladder-season { color: #00C0FF; font-weight: bold; }
.ladder-choices { display: flex; flex-wrap: wrap; align-items: baseline; margin: 3px 0; line-height: 1.8; }
.ladder-label { color: #FFFFFF; margin-right: 6px; }
.ladder-sep { color: #575757; margin: 0 5px; }
.ladder-current { color: #FFFFFF; font-weight: bold; text-decoration: underline; }

.ladder-search { display: flex; gap: 6px; margin: 8px 0 10px; }
.ladder-search input { flex: 1; min-width: 0; background-color: #161616; border: 1px solid #575757; color: #00C0FF; padding: 5px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.ladder-search input:focus { outline: none; border-color: #00C0FF; }
.ladder-search button { background-color: #393731; border: 1px solid #575757; color: #FFFFFF; padding: 4px 12px; font-weight: bold; font-size: 11px; cursor: pointer; }
.ladder-search button:hover { border-color: #00C0FF; }

.ladder-scroll { overflow-x: auto; margin-bottom: 8px; }
.ladder-table { width: 100%; border: 1px solid #575757; border-collapse: collapse; }
.ladder-table td { padding: 4px 5px; border: 1px solid #000000; white-space: nowrap; }
.ladder-table .ladder-th { background-color: #393731; color: #FFFFFF; font-weight: bold; font-size: 11px; }
.ladder-table .ladder-row td { background-color: #161616; }
.ladder-table .ladder-alt td { background-color: #252525; }
.ladder-table .ladder-found td { background-color: #1D3B4A; }
.ladder-num { text-align: right; font-variant-numeric: tabular-nums; }
.ladder-name { color: #FFFFFF; font-weight: bold; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.ladder-rating { color: #00C0FF; font-weight: bold; }
.ladder-date { color: #999999; font-size: 11px; }
.ladder-dead { color: #E05050; font-weight: normal; }

.ladder-pager { display: flex; justify-content: space-between; margin: 4px 0 12px; }
.ladder-dim { color: #575757; }
.ladder-gap { height: 8px; }
.ladder-empty { color: #999999; padding: 14px 0; }
.ladder-miss { color: #E05050; margin: 0 0 6px; }
.ladder-stamp { color: #575757; font-size: 10px; margin-top: 6px; }