/* Stats blocks (Night shift): highlights, awards, community totals, stats pages. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.hl .st .unit{font:600 14px var(--text);color:var(--mu)}
.hl .st .sub{overflow-wrap:anywhere}
.cobs{margin-top:14px;padding:16px 18px;display:flex;gap:10px 28px;align-items:center;flex-wrap:wrap}
.cobs dl{display:flex;gap:10px 28px;flex-wrap:wrap}
.cobs dt{font:600 12px var(--text);color:var(--mu)}
.cobs dd{font:800 22px/1.1 var(--display);color:var(--tx)}
.awsrv{font:700 13px var(--text);color:var(--g);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.awsrv:hover{color:var(--tx)}
/* bars show at full width without the scroll-in script */
.bar .t i{width:var(--w);transition:none}
.bar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bento .b-c,.bento .b-e,.bento .b-f{grid-column:span 4}
.n-mid .unit{letter-spacing:0;word-spacing:.15em}
@media(max-width:1100px){.bento .b-c,.bento .b-e,.bento .b-f{grid-column:span 4}}
@media(max-width:560px){.bento .b-c,.bento .b-e,.bento .b-f{grid-column:span 12}}
.solid .unit{color:rgba(6,21,10,.78)}
/* Vault Hunters extras inside a server tile */
.vhx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.vhx ul{list-style:none;padding:0;display:grid;gap:4px;margin-top:6px}
.vhx li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.vhx li b{color:var(--g);font-family:var(--display)}
/* Stats pages */
.tbl{overflow:hidden}
.tscroll{overflow-x:auto}
.mst{width:100%;border-collapse:collapse;min-width:640px}
.mst th,.mst td{padding:14px 16px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.mst thead th{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.mst th:first-child,.mst td:first-child{text-align:left}
.mst tbody th{font:700 16px var(--display)}
.mst tbody th a:hover{color:var(--g)}
.mst tbody tr:last-child>*{border-bottom:0}
.mst tbody tr:hover{background:var(--g-dim)}
.mst td{font-variant-numeric:tabular-nums}
.upd{margin-top:14px;display:block}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(14px,1.6vw,22px);padding-top:clamp(28px,4vw,48px)}
.bx{padding:clamp(18px,2vw,26px)}
.bx h2{font:700 22px var(--display);margin-top:4px}
.bx .muted,.killer .muted{color:var(--mu)}
.killer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.bar{grid-template-columns:110px 1fr 9ch}.bar>span:last-child{white-space:nowrap}
@media(max-width:520px){.bar{grid-template-columns:84px 1fr 9ch}}

/* rank among a server's players, under a stat on the profile */
.st .rk{display:block;margin-top:6px;font:600 11px var(--mono);letter-spacing:.04em;color:var(--mu)}
.st .rk.top{color:var(--g)}
.srv .st{min-width:0;container-type:inline-size}
/* the number is sized to its tile: the tile's width divided by how wide the text is (--ch, in em), never above 26px */
.srv .st b{font-size:clamp(14px,calc(100cqw / var(--ch,5)),26px);white-space:nowrap}
