/* Cached metrics never override the saved Live Server style. */
/* Hosted website cards only. Directory, owner panels and other live placements retain their styles. */
/* The original section banner in website-servers/page.css owns the heading. */
.wh-site .wn-premium{--wn-gap:18px;--wn-visible:3;min-width:0}
.wn-carousel-frame{position:relative;min-width:0}
.wn-premium.is-carousel .wn-carousel-frame{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}
.wn-carousel-viewport{min-width:0;padding:8px 0 12px;margin-top:-8px}
.wn-premium.is-carousel .wn-carousel-viewport{overflow:hidden;touch-action:pan-y}
.wh-site .wn-premium .wn-cards{display:flex;flex-wrap:wrap;gap:var(--wn-gap);align-items:stretch;justify-content:center}
.wh-site .wn-premium.is-carousel .wn-cards{flex-wrap:nowrap;justify-content:flex-start}
.wh-site .wn-premium .wn-cards>.wn-server-card{flex:0 0 calc((100% - 2 * var(--wn-gap)) / 3);margin:0;min-width:0;border:1px solid #343a3d;border-radius:8px;background:linear-gradient(140deg,#111719,#090c0e 76%);box-shadow:0 7px 20px #0005;isolation:isolate}
.wh-site .wn-premium.is-carousel .wn-cards>.wn-server-card{flex-basis:calc((100% - (var(--wn-visible) - 1) * var(--wn-gap)) / var(--wn-visible))}
.wh-site .wn-premium .wn-server-card.is-selected{border-color:var(--wh-accent);box-shadow:inset 0 0 0 1px var(--wh-accent),0 0 18px color-mix(in srgb,var(--wh-accent) 15%,transparent)}
.wn-premium .wn-selected-label{border-radius:2px;font-size:10px;padding:5px 9px;top:12px;right:12px}
.wn-premium .wn-card-art{position:relative;aspect-ratio:16/9;isolation:isolate}
.wn-premium .wn-card-art::after{content:'';position:absolute;inset:65% 0 -1px;background:linear-gradient(transparent,#101618);pointer-events:none}
.wn-premium .wn-card-art img{width:100%;height:100%;object-fit:cover;object-position:var(--wn-x,50%) var(--wn-y,50%)}
.wh-site .wn-premium .wn-card-copy{padding:6px 20px 19px;container-type:inline-size}
.wh-site .wn-premium .wn-card-copy h3{font:800 22px/1.3 RustOnlineHeading,'Arial Black',Arial,sans-serif;margin:0 0 15px;padding:0 0 13px;border-bottom:1px solid #ffffff0b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;letter-spacing:.15px}
.wh-site .wn-premium .wn-status[data-wn-premium]:not(.rl-status){display:block;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:1.25;color:#f4f7f8;--wn-signal:#9eabb4}
.wh-site .wn-premium .wn-status[data-wn-premium]:not(.rl-status)[data-state=online]{--wn-signal:#40df91}
.wh-site .wn-premium .wn-status[data-wn-premium]:not(.rl-status)[data-state=offline]{--wn-signal:#d8a17a}
.wn-premium-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wn-premium-number{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;line-height:1}
.wn-premium-number [data-wn-count]{font:800 48px/1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:.2px;color:#f5f8fa}
.wn-premium-number [data-rl-capacity]{font:400 16px/1.2 RustOnlineHeading,Arial,sans-serif;color:#94a3ad;white-space:nowrap}
.wn-premium-caption{display:block;margin-top:5px;color:#a8b3bc;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}
.wn-premium-signal{display:flex;align-items:center;gap:7px;color:var(--wn-signal);font:800 14px/1.1 RustOnlineHeading,Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px}
.wn-premium-signal>i{display:flex;align-items:flex-end;gap:2px;height:16px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--wn-signal) 25%,transparent))}
.wn-premium-signal b{width:4px;height:6px;background:currentColor}.wn-premium-signal b:nth-child(2){height:11px}.wn-premium-signal b:nth-child(3){height:16px}
.wn-premium .wn-capacity-track{display:block;height:9px;margin:16px 0 9px;overflow:hidden;border-radius:2px;background:#242b2f;box-shadow:inset 0 1px 2px #0005}
.wn-premium .wn-capacity-track>i{display:block;height:100%;width:var(--wn-fill,0%);background:linear-gradient(90deg,#20c875,#4ce49a);border-radius:1px;transition:width .3s ease}
.wn-premium-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a5b1ba;font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-variant-numeric:tabular-nums;min-height:15px}
.wn-premium-joining{display:none;white-space:nowrap}.wn-premium-joining strong{font:inherit;color:#d2dae0}
.wn-premium .rl-status .wn-premium-joining{display:inline}.wn-premium .rl-status .wn-cached-caption{display:none}
.wh-site .wn-premium .wn-card-primary{margin:17px 0 0;padding:0;flex:1;align-items:flex-end}
.wh-site .wn-premium .wn-card-primary .wh-button{position:relative;min-height:46px;width:100%;border-radius:4px;font-size:12px;letter-spacing:.6px;border:1px solid color-mix(in srgb,var(--wh-accent) 65%,#fff);box-shadow:inset 0 1px 0 #ffffff30,0 5px 16px color-mix(in srgb,var(--wh-accent) 12%,transparent);background-image:linear-gradient(#ffffff0c,#00000010)}
.wn-premium .wn-card-primary img{width:24px;height:24px}
.wn-carousel-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:60px;border:1px solid color-mix(in srgb,var(--wh-accent) 58%,#3b4248);border-radius:5px;color:var(--wh-accent);background:linear-gradient(145deg,#202527,#0c1012);box-shadow:inset 0 1px 0 #ffffff0e,0 3px 15px #0005;cursor:pointer;padding:8px;touch-action:manipulation}
.wn-carousel-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.wn-carousel-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wn-carousel-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wh-site .wn-dedicated-vote{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;margin:20px 0;border-color:#35424a;border-left:3px solid var(--wh-accent);background:linear-gradient(130deg,#152026,#0d1316)}
.wn-vote-eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#9faeb9;text-transform:uppercase}
.wh-site .wn-dedicated-vote h2{font-size:23px;margin:5px 0 4px;overflow-wrap:anywhere}.wn-dedicated-vote p{font-size:12px;color:#aab8c0;margin:0}.wn-dedicated-vote>.wh-button{flex:none}
@media(hover:hover) and (pointer:fine){
 .wh-site .wn-premium .wn-server-card:is(:hover,:focus-within){border-color:var(--wh-accent);box-shadow:0 10px 22px #0007,0 0 18px color-mix(in srgb,var(--wh-accent) 20%,transparent)}
 .wn-carousel-arrow:hover{border-color:var(--wh-accent);filter:brightness(1.3);box-shadow:0 0 16px color-mix(in srgb,var(--wh-accent) 22%,transparent)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .wn-premium .wn-server-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.wn-premium .wn-server-card:hover{transform:translateY(-4px)}
 .wn-carousel-arrow{transition:filter .2s,box-shadow .2s}.wn-premium .wn-card-art img{transition:transform .45s ease}
}
@media(max-width:950px){.wh-site .wn-premium .wn-cards>.wn-server-card{flex-basis:calc((100% - var(--wn-gap))/2)}.wh-site .wn-premium .wn-card-copy{padding:6px 16px 17px}}
@media(max-width:650px){
 .wh-site .wn-premium{--wn-gap:12px}.wh-site .wn-premium .wn-cards>.wn-server-card{flex-basis:100%}
 .wn-premium.is-carousel .wn-carousel-frame{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.wn-carousel-arrow{width:30px;height:50px;padding:4px}.wn-carousel-arrow svg{width:23px;height:23px}
 .wh-site .wn-premium .wn-card-copy{padding:6px 14px 16px}.wh-site .wn-premium .wn-card-copy h3{font-size:21px}
 .wn-premium-number [data-wn-count]{font-size:43px}.wn-premium-caption{font-size:9px}.wn-premium-signal{font-size:12px}.wn-premium-bottom{font-size:8px}
 .wn-premium .wn-card-art img{object-position:var(--wn-mobile-x,50%) var(--wn-mobile-y,50%)}
 .wh-site .wn-dedicated-vote{flex-direction:column;align-items:stretch;gap:15px;padding:19px}.wh-site .wn-dedicated-vote h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.wn-premium *, .wn-premium *::before{animation:none!important;transition:none!important}.wn-premium .wn-server-card:hover{transform:none}}