/* Server detail page (Night shift). Page-only styles. */
.sv-page .dh{min-height:300px}
.sv-acts{display:flex;gap:10px;flex-wrap:wrap}
.sv-big{display:block;font:800 clamp(30px,3.4vw,46px)/1 var(--display);letter-spacing:-.03em}
.state{white-space:nowrap}
.sv-page .tile b{font-size:clamp(22px,2.2vw,28px)}
.sv-page .tile .unit{display:block}

/* awards */
.rl img,td.nm img{image-rendering:pixelated}

/* roster */
.rl small{color:var(--mu);font-weight:500;font-size:13px}
.rl li[hidden]{display:none}

/* vault hunters table */
td.nm button{cursor:pointer}
td.nm button:focus-visible{outline:2px solid var(--g)}
td.nm button img{border-radius:7px}

/* cobblemon bars should not need JS */
.sv-page .pk li .t i{width:var(--w)}
.sv-page .pk li{grid-template-columns:28px minmax(0,150px) 1fr auto}
@media(max-width:520px){.sv-page .pk li{grid-template-columns:24px minmax(0,96px) 1fr auto}}

/* drawer: hidden state is not focusable */
.drawer[aria-hidden=true]{visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.drawer:focus{outline:none}
.drawer .mini .st b{font-size:22px}
.drawer .tal li{grid-template-columns:22px minmax(0,150px) 1fr 3ch}

/* mods */
.dps li[hidden]{display:none}
.sv-page .tw{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.sv-page .chip[aria-current=page]{background:var(--g);color:var(--g-ink);border-color:var(--g);box-shadow:0 0 18px rgba(77,220,50,.3)}
a.chip:hover{color:var(--tx);border-color:var(--line2)}
.sv-page .chip[aria-current=page]:hover{color:var(--g-ink)}
.sv-page [hidden]{display:none!important}

/* full ranking for one award, opened from its card */
.award.rankable{cursor:pointer}
.award.rankable:focus-visible{outline:2px solid var(--g);outline-offset:3px}
.rk-dialog{margin:auto;width:min(480px,calc(100vw - 32px));max-height:min(80vh,720px);padding:20px 22px;border:1px solid var(--bd,#2a2f2a);border-radius:18px;background:var(--bg2,#12161a);color:var(--tx);overflow:auto}
.rk-dialog::backdrop{background:rgba(0,0,0,.65)}
.rk-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rk-head h3{margin:0;font:700 20px var(--display)}
.rk-close{all:unset;cursor:pointer;font-size:26px;line-height:1;padding:0 6px;color:var(--mu)}
.rk-close:hover,.rk-close:focus-visible{color:var(--tx)}
.rk-sub{margin:4px 0 14px;font:600 12px var(--text);color:var(--mu)}
.rk-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rk-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px}
.rk-list li:nth-child(odd){background:rgba(255,255,255,.03)}
.rk-list li:nth-child(-n+3){background:rgba(77,220,50,.08)}
.rk-n{font:700 13px var(--display);color:var(--mu)}
.rk-list li:nth-child(-n+3) .rk-n{color:var(--g)}
.rk-list a{display:flex;align-items:center;gap:8px;color:var(--tx);text-decoration:none;font:600 14px var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-list a:hover{text-decoration:underline}
.rk-list img{border-radius:4px;image-rendering:pixelated}
.rk-list b{font:700 14px var(--display);font-variant-numeric:tabular-nums}
.rk-list .rk-hid{display:flex;align-items:center;gap:8px;color:var(--mu);font:600 14px var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* stoneblock 4 */
.sb-chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(14px,1.6vw,22px);align-items:start}
.sb-group{padding:24px}
.sv-page .sb-group .pk li{grid-template-columns:minmax(0,150px) 1fr auto}
@media(max-width:520px){.sv-page .sb-group .pk li{grid-template-columns:minmax(0,104px) 1fr auto}}
.sv-page .sb-group .pk b{display:inline;margin:0;min-width:7ch;font:700 14px/1.2 var(--text);letter-spacing:0;font-variant-numeric:tabular-nums;text-align:right}
.sb-group .pk li{font-weight:600}
.sb-team{display:flex;gap:12px;align-items:center;font-weight:700}
.sb-faces{display:flex;gap:4px}
.sb-faces a{display:block}
.sb-faces img{border-radius:7px;image-rendering:pixelated;display:block}
.sb-islands{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(12px,1.4vw,18px)}
.sb-islands li{border-left:4px solid var(--tc,var(--g));padding:18px 18px 16px;display:grid;gap:12px;align-content:start}
.sb-ihead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sv-page .sb-ihead b{display:block;font:700 16px/1.25 var(--display);letter-spacing:-.01em;margin:0;overflow-wrap:anywhere}
.sb-ihead .mono{margin:0}
.sb-faces-lg{flex-wrap:wrap}
.sb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;margin:0}
.sb-facts dt{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.sb-facts dd{margin:2px 0 0;font:700 15px var(--display);font-variant-numeric:tabular-nums}
.mods-table th[scope=row]{text-align:left;font:700 15px var(--text);white-space:nowrap;width:1%;padding-right:28px}
.mods-table td{color:var(--mu);font-size:14px;max-width:0;width:100%}
.mods-table .clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mods-table .mn{display:flex;align-items:center;gap:12px}
.mods-table .mn img,.mods-table .noicon{width:32px;height:32px;border-radius:8px;border:1px solid var(--line2);background:#1c1e22;flex:none;object-fit:cover;image-rendering:pixelated}
.mods-table .noicon{display:grid;place-items:center;color:var(--mu)}
.mods-table{min-width:0}
.mods-table thead th{text-align:left;width:auto}
.mods-table td{white-space:normal}
@media(max-width:640px){
  .mods-table thead{display:none}
  .mods-table,.mods-table tbody{display:block}
  .mods-table tr{display:block;padding:12px 14px}
  .mods-table th[scope=row]{display:block;width:auto;padding:0;white-space:normal}
  .mods-table td{display:block;max-width:none;width:auto;padding:4px 0 0 44px}
}
.mods-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0 14px}
.mods-size{display:flex;align-items:center;gap:10px}
.mods-size select{font:600 13px var(--text);color:var(--tx);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:8px 14px}
.mods-foot{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:16px}
.pager{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pager .chip{cursor:pointer}
.pager .chip:disabled{opacity:.4;cursor:default}
.pager-gap{color:var(--mu);padding:0 4px}
.mods-types{display:flex;gap:8px;flex-wrap:wrap}
.mods-types .chip{cursor:pointer}
.mods-types .chip b{color:var(--g);font-weight:800}
.mods-types .chip[aria-pressed=true] b{color:var(--g-ink)}
.mods-table .tag{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);border:1px solid var(--line2);border-radius:99px;padding:2px 8px;margin-left:4px}