/* 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 */
.mods{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.mod{display:flex;gap:12px;padding:14px;align-items:flex-start}
.mod[hidden]{display:none}
.mod img{border-radius:9px;border:1px solid var(--line2);background:#1c1e22;flex:none;object-fit:cover;image-rendering:pixelated}
.mod .noicon{width:40px;height:40px;border-radius:9px;border:1px solid var(--line2);background:#1c1e22;display:grid;place-items:center;color:var(--mu);flex:none}
.mod h3{font:700 15px/1.3 var(--display);letter-spacing:-.01em}
.mod p{color:var(--mu);font-size:13px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mod>div{min-width:0}
.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}