/* Shared three-ring live display: online, joining and connection status. */
.wh-site .rl-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:100%;min-width:0}
.wh-site .rl-dial{--rl-ring-colour:var(--wh-accent);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;justify-self:center;isolation:isolate;container-type:inline-size;aspect-ratio:1;width:100%;max-width:132px;min-width:0;border-radius:50%;color:#fff;background:radial-gradient(circle,#15202755 35%,#090e12 68%);font-variant-numeric:tabular-nums;text-align:center;box-sizing:border-box}
.wh-site .rl-dial::before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -2deg,var(--rl-ring-colour) 0deg 41deg,transparent 41deg 45deg);mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));pointer-events:none}
.wh-site .rl-dial::after{content:'';position:absolute;inset:1px;border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--rl-ring-colour) 17%,transparent),inset 0 0 16px #0008;z-index:-1;pointer-events:none}
.wh-site .rl-dial>.rl-value{font:800 clamp(24px,35cqw,47px)/1 RustOnlineHeading,'Arial Black',Arial,sans-serif!important;letter-spacing:-.5px;color:#fff;margin:0;max-width:80%;white-space:nowrap}
.wh-site .rl-dial>.rl-value[data-digits="4"]{font-size:29cqw!important}
.wh-site .rl-dial>.rl-value[data-digits="5"],.wh-site .rl-dial>.rl-value[data-digits="6"]{font-size:24cqw!important}
.wh-site .rl-dial>.rl-dial-label{display:flex;flex-direction:column;align-items:center;max-width:78%;font:800 clamp(10px,11cqw,14px)/1.08 RustOnlineHeading,'Arial Black',Arial,sans-serif;color:#e9f0f5;letter-spacing:.15px;text-transform:uppercase;margin:0;padding:0;white-space:nowrap}
.wh-site .rl-dial-label>span:empty{display:none}
.wh-site .rl-joining-dial{--rl-ring-colour:#e9ad41}
.wh-site .rl-joining-dial::before{opacity:.48}
.wh-site .rl-connection-dial{--rl-ring-colour:#55dc83;gap:5px}
.wh-site .rl-connection-dial::before{background:var(--rl-ring-colour);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.wh-site .rl-signal{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:18px;width:26px;color:var(--rl-ring-colour)}
.wh-site .rl-signal i{display:block;width:5px;height:50%;background:currentColor;border-radius:1px}
.wh-site .rl-signal i:nth-child(2){height:75%}.wh-site .rl-signal i:nth-child(3){height:100%}
.wh-site .wn-card-copy:has(>.rl-status) h3{min-height:1.25em;margin-bottom:14px}
.wh-site .wn-status.rl-status{display:block;padding:14px 12px;border-color:#344b59;border-radius:8px;background:linear-gradient(120deg,#15232b,#0c161d);min-height:0;line-height:1.2}
.wh-site .rl-status .rl-rings{gap:9px}
.wh-site .rl-status .rl-connection-dial>.rl-value{font-size:clamp(14px,22cqw,28px)!important;letter-spacing:0;text-transform:uppercase}
.wh-site .rl-status .rl-connection-dial>.rl-dial-label{font-size:clamp(8px,9cqw,11px)}
.wh-site .wh-population.rl-population{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:430px;max-width:100%;flex:0 1 430px;min-width:0}
.wh-site .rl-network-count,.wh-site .rl-hub-scope{font:600 12px/1.5 Arial,sans-serif;color:#afc3d2;letter-spacing:0;text-transform:none}
.wh-site .rl-network-count{padding-left:5px}
.wh-site .rl-player-header .wh-section-heading{gap:30px;align-items:center;justify-content:flex-start}
.wh-site .rl-player-header h2{position:relative;padding-top:17px;letter-spacing:.2px;min-width:0;flex:0 1 330px}
.wh-site .rl-player-header h2::before{content:'';position:absolute;left:0;top:0;width:36px;height:3px;border-radius:2px;background:var(--wh-accent);box-shadow:0 0 16px color-mix(in srgb,var(--wh-accent) 35%,transparent)}
.wh-site .rl-hub-scope{display:block;margin-top:9px;max-width:340px}
.wh-site .wh-section-heading>.rl-online-summary{display:block;flex:0 1 430px;width:430px;max-width:100%;min-width:0;padding:0;margin:0;letter-spacing:0;box-sizing:border-box;color:#fff}
.wh-site .rl-online-summary .rl-rings{gap:15px}
/* Coverage is independent per server. A healthy empty server remains green. */
.wh-site [data-rl-state=mixed] .rl-connection-dial{--rl-ring-colour:#e9ad41}
.wh-site [data-rl-state=offline] .rl-connection-dial{--rl-ring-colour:#df837c}
.wh-site [data-rl-state=unknown] .rl-connection-dial{--rl-ring-colour:#8b9ba6}
.wh-site :is([data-rl-state=offline],[data-rl-state=unknown]) :is(.rl-online-dial,.rl-joining-dial){--rl-ring-colour:#647580}
.wh-site .rl-status[data-rl-state=offline]{border-color:#614747;background:linear-gradient(115deg,#211e21,#11191f)}
.wh-site :is([data-rl-state=live],[data-rl-state=mixed]) .rl-online-dial::before{animation:rl-live-turn 24s linear infinite}
.wh-site [data-rl-state=live] .rl-signal{animation:rl-signal-pulse 3s ease-in-out infinite}
.wh-site .rl-loading .rl-joining-dial::before{opacity:1;animation:rl-live-turn 1.6s linear infinite;filter:brightness(1.15)}
.wh-site .rl-loading .rl-online-dial::before{animation:rl-live-turn 1.6s linear infinite!important}
.wh-site .rl-loading .rl-joining-dial::after{animation:rl-loading-glow 1.8s ease-in-out infinite}
.wh-site .rl-activity-join{--rl-activity-colour:var(--wh-accent)}
.wh-site .rl-activity-leave{--rl-activity-colour:#b7d6eb}
.wh-site .wn-server-card.rl-activity-join,.wh-site .wn-server-card.rl-activity-leave{animation:rl-card-glow 2.2s ease-out}
.wh-site :is(.rl-activity-join,.rl-activity-leave) .rl-online-dial::before{animation:rl-event-turn 1.25s cubic-bezier(.15,.7,.2,1);background:repeating-conic-gradient(var(--rl-activity-colour) 0deg 41deg,transparent 41deg 45deg);filter:brightness(1.3)}
.wh-site :is(.rl-activity-join,.rl-activity-leave) .rl-online-dial::after{animation:rl-dial-glow 2.2s ease-out}
.wh-site .rl-player-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.wh-site .rl-player-list .rl-player{position:relative;min-width:0;min-height:80px;padding:10px 12px;gap:12px;border-color:#304653;background:linear-gradient(120deg,#152129,#0e161b)}
.wh-site .rl-player-list .rl-player img{width:52px;height:52px;padding:0;border-radius:7px;object-fit:cover;flex:none;box-shadow:0 0 0 1px #5a72843d}
.wh-site .rl-player-list .rl-player>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.wh-site .rl-player strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:700 13px/1.3 Arial,sans-serif;color:#f1f5f8;overflow-wrap:anywhere}
.wh-site .rl-player small{font:400 10px/1.3 Arial,sans-serif;color:#9fb6c7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.wh-site .rl-player small[hidden]{display:none}
.wh-site .rl-media{overflow:hidden;position:relative;width:100%;flex:none;isolation:isolate}
.wh-site .rl-media .wn-card-choice{width:100%}
.wh-site .rl-popup{--rl-event:#ffad74;display:flex;align-items:center;gap:12px;position:absolute;left:11px;right:11px;bottom:10px;z-index:5;min-height:98px;padding:9px 12px 9px 9px;border:1px solid color-mix(in srgb,var(--wh-accent) 75%,#eeb68e);border-radius:8px;background:linear-gradient(115deg,#241c17f5,#0d151bf5);box-shadow:0 7px 22px #0007,inset 0 1px 0 #ffffff0b;pointer-events:none;overflow:hidden;box-sizing:border-box}
.wh-site .rl-popup[hidden]{display:none!important}
.wh-site .rl-popup::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--rl-event);box-shadow:0 0 15px var(--rl-event)}
.wh-site .rl-popup::after{content:'';position:absolute;inset:-50% -40%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#ffffff0d 50%,transparent 57%);transform:translateX(-100%);opacity:0}
.wh-site .rl-popup.rl-departure{--rl-event:#bfd6e9;border-color:#66859b;background:linear-gradient(115deg,#1b2933f5,#0c151cf5)}
.wh-site .rl-portrait{position:relative;flex:none;padding:3px;border:1px solid color-mix(in srgb,var(--rl-event) 65%,transparent);border-radius:8px;background:#0d1216}
.wh-site .rl-portrait>img{display:block;width:72px;height:72px;object-fit:cover;object-position:center;border-radius:5px;transform:none!important;transition:none!important}
.wh-site .rl-event-mark{position:absolute;bottom:-4px;right:-4px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #151b1f;border-radius:50%;background:var(--rl-event);color:#111b21;font:800 19px/1 Arial,sans-serif}
.wh-site .rl-popup-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.wh-site .rl-popup-label{color:var(--rl-event);font:800 10px/1.2 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}
.wh-site .rl-popup-name{font:800 21px/1.1 RustOnlineHeading,'Arial Black',Arial,sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-transform:none}
.wh-site .rl-popup-time{font:400 11px/1.2 Arial,sans-serif;color:#c1cbd2}

/* On a site without server cards, named activity has its own space in the player header. */
.wh-site .rl-hub-activity{position:relative;min-width:0;width:100%;height:102px;max-width:420px}
.wh-site .rl-hub-activity[hidden]{display:none}
.wh-site .rl-hub-popup{inset:0;min-height:102px;max-width:100%;margin:0}
.wh-site .rl-hub-popup .rl-popup-name{font:800 23px/1.1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:0}
.wh-site .rl-hub-popup .rl-popup-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wh-site .rl-avatar-loading .rl-portrait{animation:rl-loading-glow 1.8s ease-in-out infinite}
.wh-site .rl-avatar-loading .rl-portrait::after{content:'';position:absolute;inset:1px;border:2px solid transparent;border-top-color:var(--rl-event);border-radius:7px;animation:rl-live-turn 1.5s linear infinite}
.wh-site .rl-popup.rl-enter{animation:rl-popup-in .55s cubic-bezier(.2,.8,.2,1)}
.wh-site .rl-popup.rl-enter::after{animation:rl-shine 1.1s ease-out}
.wh-site .rl-popup.rl-enter .rl-portrait{animation:rl-portrait-in .65s cubic-bezier(.2,.8,.2,1)}
.wh-site .rl-popup.rl-exit{animation:rl-popup-out .3s ease-in forwards}
.wh-site .rl-count-change{animation:rl-number .45s ease-out}
.wh-site .rl-player-new{animation:rl-player-highlight 1.3s ease-out}
.rl-screen-reader{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes rl-popup-in{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes rl-popup-out{to{transform:translateY(9px);opacity:0}}
@keyframes rl-portrait-in{0%{transform:scale(.87)}65%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes rl-shine{0%{transform:translateX(-75%);opacity:0}20%{opacity:1}100%{transform:translateX(75%);opacity:0}}
@keyframes rl-number{from{transform:translateY(6px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes rl-player-highlight{from{background:color-mix(in srgb,var(--wh-accent) 25%,#10191e)}to{background:#10191e}}
@keyframes rl-live-turn{to{transform:rotate(360deg)}}
@keyframes rl-event-turn{from{transform:rotate(-300deg)}to{transform:rotate(0deg)}}
@keyframes rl-card-glow{0%,70%{border-color:var(--rl-activity-colour);box-shadow:0 0 26px color-mix(in srgb,var(--rl-activity-colour) 40%,transparent)}100%{box-shadow:0 0 0 transparent}}
@keyframes rl-dial-glow{0%,45%{box-shadow:0 0 28px color-mix(in srgb,var(--rl-activity-colour) 65%,transparent)}100%{box-shadow:0 0 16px color-mix(in srgb,var(--wh-accent) 15%,transparent)}}
@keyframes rl-loading-glow{0%,100%{box-shadow:0 0 8px #edb44420}50%{box-shadow:0 0 25px #edb44460}}
@keyframes rl-signal-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@container(max-width:300px){.wh-site .wn-status.rl-status{padding:12px 8px}.wh-site .rl-status .rl-rings{gap:7px}.wh-site .rl-status .rl-signal{height:13px;gap:2px}.wh-site .rl-status .rl-signal i{width:4px}}
@media(max-width:800px){.wh-site .rl-player-header .wh-section-heading{flex-wrap:wrap;gap:20px}.wh-site .rl-hub-popup .rl-popup-name{font-size:21px}}
@media(max-width:650px){.wh-site .wh-population.rl-population{flex:none;width:100%;max-width:430px}.wh-site .rl-player-header .wh-section-heading{align-items:flex-start;gap:22px}.wh-site .wh-section-heading>.rl-online-summary{flex:none;width:100%;max-width:430px}.wh-site .rl-rings,.wh-site .rl-online-summary .rl-rings{gap:10px}.wh-site .rl-player-header h2{font-size:28px;flex:none}.wh-site .rl-network-count,.wh-site .rl-hub-scope{font-size:11px}.wh-site .rl-popup{min-height:88px}}
@media(max-width:450px){.wh-site .rl-player-list{grid-template-columns:1fr}.wh-site .rl-player-list .rl-player{min-height:76px}}
@media(max-width:380px){.wh-site .rl-popup{left:8px;right:8px;gap:10px}.wh-site .rl-popup-name{font-size:19px}.wh-site .rl-rings,.wh-site .rl-online-summary .rl-rings{gap:8px}}
@media(prefers-reduced-motion:reduce){.wh-site .rl-dial::before,.wh-site .rl-loading .rl-dial::before,.wh-site .rl-dial::after,.wh-site .rl-signal,.wh-site .wn-server-card.rl-activity-join,.wh-site .wn-server-card.rl-activity-leave,.wh-site .rl-popup,.wh-site .rl-popup::after,.wh-site .rl-popup .rl-portrait,.wh-site .rl-avatar-loading .rl-portrait::after,.wh-site .rl-count-change,.wh-site .rl-player-new{animation:none!important;transition:none!important;filter:none!important}}

/* Style 2: selectable independently for each section. */
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary){--rl-panel-status:#55dc83;overflow:hidden}
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary)[data-rl-state=mixed]{--rl-panel-status:#e9ad41}
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary)[data-rl-state=offline]{--rl-panel-status:#df837c}
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary)[data-rl-state=unknown]{--rl-panel-status:#9aaab6}
.wh-site .rl-panels{position:relative;display:grid;min-width:0;width:100%;box-sizing:border-box;container-type:inline-size}
.wh-site .rl-metric{display:flex;min-width:0;align-items:center;gap:12px;font-variant-numeric:tabular-nums;color:#f6f8fa}
.wh-site .rl-metric>.rl-value{font:800 56px/1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:-.5px;margin:0;padding:0;white-space:nowrap;color:inherit}
.wh-site .rl-panel-label{display:flex;flex-direction:column;flex:none;font:800 13px/1.1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:.1px;text-transform:uppercase;color:#b8cad8}
.wh-site .rl-panel-label>span:empty{display:none}
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary) .rl-signal{color:var(--rl-panel-status);flex:none}
.wh-site .rl-joining-panel>.rl-value{color:#97a6af}
.wh-site .rl-loading .rl-joining-panel>.rl-value{color:#efb34e}
/* A light trace indicates pending arrivals, never a capacity or progress gauge. */
.wh-site .rl-panels::before,.wh-site .rl-panels::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:#40515c66}
.wh-site .rl-panels::after{right:auto;width:28%;height:2px;background:linear-gradient(90deg,transparent,#ffbe52,transparent);box-shadow:0 0 10px #edb44444;opacity:0}
.wh-site .rl-loading .rl-panels::after{opacity:1;animation:rl-panel-sweep 1.8s linear infinite}
.wh-site .rl-activity-join .rl-panel-card,.wh-site .rl-panel-hero.rl-activity-join{border-color:color-mix(in srgb,var(--wh-accent) 70%,#455665)}
.wh-site .rl-activity-leave .rl-panel-card,.wh-site .rl-panel-hero.rl-activity-leave{border-color:#799bb3}
.wh-site .rl-activity-join .rl-panels::after,.wh-site .rl-panel-hero.rl-activity-join .rl-panels::after{opacity:1;animation:rl-panel-sweep 1.1s ease-out 2}
.wh-site .rl-activity-leave .rl-panels::after,.wh-site .rl-panel-hero.rl-activity-leave .rl-panels::after{opacity:1;animation:rl-panel-sweep 1.1s ease-out 2;background:linear-gradient(90deg,transparent,#bdd9ed,transparent)}
.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary)[data-rl-state=offline] .rl-panels::after,.wh-site :is(.rl-panel-card,.rl-panel-hero,.rl-panel-summary)[data-rl-state=unknown] .rl-panels::after{animation:none;opacity:0}
/* Card: dominant population, quiet live status, and a separate pending count. */
.wh-site .wn-status.rl-status.rl-panel-card{padding:15px 14px 13px;border-color:#344b59;background:linear-gradient(125deg,#17252e,#0a1319);border-radius:7px}
.wh-site .rl-panel-card .rl-panels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:16px;row-gap:8px;min-height:95px;padding-bottom:9px}
.wh-site .rl-panel-card .rl-online-panel{grid-column:1;grid-row:1/3;gap:8px;align-items:center;padding-right:12px;border-right:1px solid #53677280}
.wh-site .rl-panel-card .rl-online-panel>.rl-value{font-size:clamp(38px,20cqw,76px)}
.wh-site .rl-panel-card .rl-online-panel>.rl-value[data-digits="4"]{font-size:15cqw}
.wh-site .rl-panel-card .rl-online-panel>.rl-value[data-digits="5"],.wh-site .rl-panel-card .rl-online-panel>.rl-value[data-digits="6"]{font-size:12cqw}
.wh-site .rl-panel-card .rl-panel-label{font-size:clamp(10px,3.7cqw,13px)}
.wh-site .rl-panel-card .rl-connection-panel{grid-column:2;grid-row:1;gap:8px;align-self:end;color:var(--rl-panel-status)}
.wh-site .rl-panel-card .rl-connection-panel>.rl-value{font-size:clamp(16px,6.5cqw,25px);letter-spacing:0;text-transform:uppercase}
.wh-site .rl-panel-card .rl-connection-panel>.rl-panel-label{display:none}
.wh-site .rl-panel-card .rl-joining-panel{grid-column:2;grid-row:2;gap:9px;align-self:start}
.wh-site .rl-panel-card .rl-joining-panel>.rl-value{font-size:clamp(26px,11cqw,40px)}
.wh-site .rl-panel-card .rl-joining-panel>.rl-value[data-digits="4"],.wh-site .rl-panel-card .rl-joining-panel>.rl-value[data-digits="5"],.wh-site .rl-panel-card .rl-joining-panel>.rl-value[data-digits="6"]{font-size:8cqw}
/* Hero: a full-width ribbon; no caption beneath it. */
.wh-site .wh-population.rl-population.rl-panel-hero{width:100%;max-width:none;flex:1 1 100%;display:block;border:1px solid #53606a;border-bottom-color:color-mix(in srgb,var(--wh-accent) 65%,#53606a);border-radius:8px;background:linear-gradient(120deg,#16212bea,#0b1017f0);box-shadow:0 8px 25px #0005,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(12px);box-sizing:border-box}
.wh-site .rl-panel-hero .rl-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:20px 26px;min-height:112px}
.wh-site .rl-panel-hero .rl-metric{position:relative;gap:16px;container-type:inline-size;justify-content:center}
.wh-site .rl-panel-hero .rl-metric:not(:first-child)::before{content:'';position:absolute;left:-13px;top:10%;height:80%;width:1px;background:#64778377}
.wh-site .rl-panel-hero .rl-online-panel::before{content:'';height:50px;width:4px;flex:none;background:var(--wh-accent);box-shadow:0 0 13px color-mix(in srgb,var(--wh-accent) 60%,transparent);border-radius:2px;margin-right:4px}
.wh-site .rl-panel-hero .rl-metric>.rl-value{font-size:clamp(36px,25cqw,82px)}
.wh-site .rl-panel-hero .rl-connection-panel>.rl-value{font-size:clamp(30px,20cqw,68px)}
.wh-site .rl-panel-hero .rl-metric>.rl-value[data-digits="4"]{font-size:21cqw}
.wh-site .rl-panel-hero .rl-metric>.rl-value[data-digits="5"],.wh-site .rl-panel-hero .rl-metric>.rl-value[data-digits="6"]{font-size:17cqw}
.wh-site .rl-panel-hero .rl-metric>.rl-panel-label{font:800 clamp(11px,6.5cqw,19px)/1.12 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:.15px;margin:0;color:#c4d3de;text-transform:uppercase}
.wh-site .rl-panel-hero .rl-signal{height:30px;width:29px;gap:4px}
.wh-site .rl-panel-hero .rl-signal i{width:7px}
.wh-site .rl-panel-hero .rl-joining-panel>.rl-value{color:#fff}
.wh-site .rl-panel-hero.rl-loading .rl-joining-panel>.rl-value{color:#ffd48a}
.wh-site .rl-panel-hero .rl-panels::before{background:transparent}
.wh-site .rl-panel-hero .rl-panels::after{bottom:0}
@keyframes rl-panel-sweep{from{transform:translateX(-110%)}to{transform:translateX(365%)}}
@container(max-width:300px){.wh-site .wn-status.rl-status.rl-panel-card{padding:13px 11px 11px}.wh-site .rl-panel-card .rl-panels{column-gap:12px;min-height:86px}.wh-site .rl-panel-card .rl-online-panel{gap:6px;padding-right:9px}.wh-site .rl-panel-card .rl-signal{height:16px;width:20px;gap:3px}.wh-site .rl-panel-card .rl-signal i{width:4px}}
@media(max-width:1000px){.wh-site .rl-panel-hero .rl-panels{gap:18px;padding:18px;min-height:100px}.wh-site .rl-panel-hero .rl-metric{gap:11px}.wh-site .rl-panel-hero .rl-metric:not(:first-child)::before{left:-10px}.wh-site .rl-panel-hero .rl-online-panel::before{width:3px;height:36px;margin-right:0}.wh-site .rl-panel-hero .rl-signal{height:23px;width:24px;gap:3px}.wh-site .rl-panel-hero .rl-signal i{width:6px}}
@media(max-width:650px){.wh-site .wh-population.rl-population.rl-panel-hero{flex:none;width:100%;max-width:none}.wh-site .rl-panel-hero .rl-panels{gap:14px;padding:16px 12px;min-height:100px}.wh-site .rl-panel-hero .rl-metric{flex-direction:column;gap:6px}.wh-site .rl-panel-hero .rl-metric>.rl-value,.wh-site .rl-panel-hero .rl-connection-panel>.rl-value{font-size:clamp(30px,38cqw,46px)}.wh-site .rl-panel-hero .rl-metric>.rl-panel-label{font-size:clamp(10px,13cqw,13px);align-items:center;text-align:center}.wh-site .rl-panel-hero .rl-metric:not(:first-child)::before{left:-8px}.wh-site .rl-panel-hero .rl-online-panel::before{position:absolute;left:0;top:12%;height:76%;width:2px}.wh-site .rl-panel-hero .rl-signal{display:none}.wh-site .rl-panel-hero .rl-connection-panel>.rl-value{color:var(--rl-panel-status)}}
@media(prefers-reduced-motion:reduce){.wh-site .rl-panels::after{animation:none!important}.wh-site .rl-loading .rl-panels::after{opacity:1;transform:translateX(125%);box-shadow:none}}

/* Saved visibility applies before scripts load and survives legacy count refreshes. */
.rl-hide-hero .wh-site [data-wh-hero-bottom],.rl-hide-cards .wh-site [data-wn-card] .wn-status,.rl-hide-cards .wh-site [data-wn-card] .rl-popup,.rl-hide-players .wh-site [data-wh-online-summary]{display:none!important}
/* Optional Style 2 in the player hub; rings remain its initial choice. */
.wh-site .wh-section-heading>.rl-online-summary.rl-panel-summary{border:1px solid #425663;border-radius:7px;background:linear-gradient(120deg,#17262eea,#0b141bf0);padding:16px;box-shadow:0 8px 22px #0003}
.wh-site .rl-panel-summary .rl-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:10px}
.wh-site .rl-panel-summary .rl-metric{flex-direction:column;justify-content:center;gap:8px;container-type:inline-size;padding:2px 0}
.wh-site .rl-panel-summary .rl-metric+.rl-metric{border-left:1px solid #52657480}
.wh-site .rl-panel-summary .rl-metric>.rl-value{font-size:clamp(25px,37cqw,45px)}
.wh-site .rl-panel-summary .rl-metric>.rl-value[data-digits="4"]{font-size:30cqw}
.wh-site .rl-panel-summary .rl-metric>.rl-value[data-digits="5"],.wh-site .rl-panel-summary .rl-metric>.rl-value[data-digits="6"]{font-size:24cqw}
.wh-site .rl-panel-summary .rl-panel-label{font-size:clamp(9px,12cqw,13px);align-items:center;text-align:center}
.wh-site .rl-panel-summary .rl-signal{display:none}
.wh-site .rl-panel-summary .rl-connection-panel>.rl-value{color:var(--rl-panel-status)}

/* Single-server activity lives in the player header, never in the hero. */
.wh-site .rl-hub-live .wh-section-heading{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(290px,1.05fr) minmax(280px,1fr);gap:24px;align-items:center}
.wh-site .rl-hub-live .wh-section-heading>h2{width:auto;min-width:0;font-size:clamp(26px,2.4vw,34px)}
.wh-site .rl-hub-live .wh-section-heading>.rl-online-summary{width:100%;max-width:430px}
.wh-site .rl-hub-live .rl-hub-activity{justify-self:end}
.wh-site .rl-hub-popup{left:0;right:0;top:0;bottom:0}
@media(max-width:1000px) and (min-width:651px){
 .wh-site .rl-hub-live .wh-section-heading{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:16px 24px}
 .wh-site .rl-hub-live .wh-section-heading>h2{grid-column:1;grid-row:1}
 .wh-site .rl-hub-live .wh-section-heading>.rl-online-summary{grid-column:1;grid-row:2}
 .wh-site .rl-hub-live .rl-hub-activity{grid-column:2;grid-row:1/3}
}
@media(max-width:650px){
 .wh-site .rl-hub-live .wh-section-heading{grid-template-columns:minmax(0,1fr);gap:20px}
 .wh-site .rl-hub-live .rl-hub-activity{justify-self:start;max-width:430px}
 .wh-site .rl-hub-popup .rl-popup-name{font-size:21px}
}

/* Style 3 — Blackout: occupancy is independent from pending arrivals and feed health. */
.wh-site :is(.rl-blackout-card,.rl-blackout-hero,.rl-blackout-summary){--rl-block-status:#4cdb89;color:#f7f8fa;text-transform:none;font-family:Arial,sans-serif;box-sizing:border-box}
.wh-site .wn-status.rl-status.rl-blackout-card,.wh-site .wh-population.rl-population.rl-blackout-hero,.wh-site .wh-section-heading>.rl-online-summary.rl-blackout-summary{display:block;padding:20px;border:1px solid #343638;border-radius:8px;background:linear-gradient(120deg,#0d0f10,#050607);box-shadow:0 7px 22px #0004,inset 0 1px 0 #ffffff06}
.wh-site .wh-population.rl-population.rl-blackout-hero{width:100%;max-width:none;flex:1 1 100%;padding:22px 26px}
.wh-site .rl-blocks{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 12px;align-items:center;min-width:0;width:100%;container-type:inline-size;box-sizing:border-box;line-height:1.2;font-variant-numeric:tabular-nums}
.wh-site .rl-block-online{grid-area:1/1;min-width:0}
.wh-site .rl-block-number{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
.wh-site .rl-block-number>.rl-value{font:800 clamp(32px,15cqw,56px)/1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:-.6px;color:#f5f6f7;margin:0}
.wh-site .rl-block-number>.rl-value[data-digits="4"]{font-size:12cqw}
.wh-site .rl-block-number>.rl-value[data-digits="5"],.wh-site .rl-block-number>.rl-value[data-digits="6"]{font-size:10cqw}
.wh-site .rl-block-limit{font:500 clamp(12px,5cqw,19px)/1 Arial,sans-serif;color:#8d9298;letter-spacing:0}
.wh-site .rl-block-label{display:block;font:700 10px/1.25 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#abb1b8;white-space:nowrap}
.wh-site .rl-block-online>.rl-block-label{margin-top:7px}
.wh-site .rl-block-gauge{display:grid;gap:12px;grid-column:1/-1;grid-row:2;min-width:0}
.wh-site .rl-capacity-track{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:4px;height:16px;min-width:0}
.wh-site .rl-capacity-track>i{display:block;min-width:0;border-radius:2px;background:#202326;box-shadow:inset 0 0 0 1px #ffffff03;transition:background-color .35s,box-shadow .35s}
.wh-site .rl-capacity-track>i.is-filled{background:var(--rl-block-colour);box-shadow:0 0 9px color-mix(in srgb,var(--rl-block-colour) 18%,transparent)}
.wh-site .rl-capacity-label{font:700 10px/1.4 Arial,sans-serif;color:#a3aab2;text-transform:uppercase;letter-spacing:.08em;min-width:0}
.wh-site .rl-block-joining{grid-area:2/2;align-self:end;display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.wh-site .rl-block-joining>.rl-value{font:700 14px/1 Arial,sans-serif;color:#bcc2c9;margin:0}
.wh-site .rl-block-joining>.rl-block-label{font-size:9px}
.wh-site .rl-block-connection{grid-area:1/2;display:grid;grid-template-columns:auto auto;gap:6px;justify-content:end;align-items:center;min-width:0;color:var(--rl-block-status)}
.wh-site .rl-block-connection>.rl-value{font:800 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:inherit;margin:0;white-space:nowrap}
.wh-site .rl-block-connection>.rl-block-label{display:none}
.wh-site .rl-status-light{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px color-mix(in srgb,currentColor 30%,transparent)}
.wh-site .rl-blackout[data-rl-state=mixed]{--rl-block-status:#e9b85b}
.wh-site .rl-blackout[data-rl-state=offline]{--rl-block-status:#e58e86}
.wh-site .rl-blackout[data-rl-state=unknown]{--rl-block-status:#9ba2aa}
.wh-site .rl-blackout-card .rl-block-gauge .rl-capacity-label{max-width:58%}
.wh-site .rl-blackout.rl-loading .rl-block-joining>.rl-value{color:#ffcc75}
.wh-site .rl-blackout.rl-loading .rl-block-joining{animation:rl-block-arrival 1.6s ease-in-out infinite}
.wh-site .rl-blackout[data-rl-state=live] .rl-status-light{animation:rl-signal-pulse 3s ease-in-out infinite}
/* A wide hero ribbon stays at the existing bottom anchor. */
.wh-site .rl-blackout-hero .rl-blocks{grid-template-columns:minmax(150px,.85fr) minmax(140px,2fr) minmax(90px,.55fr) minmax(100px,.6fr);column-gap:28px;min-height:62px}
.wh-site .rl-blackout-hero .rl-block-number>.rl-value{font-size:54px}
.wh-site .rl-blackout-hero .rl-block-number>.rl-value[data-digits="5"],.wh-site .rl-blackout-hero .rl-block-number>.rl-value[data-digits="6"]{font-size:40px}
.wh-site .rl-blackout-hero .rl-block-limit{font-size:18px}
.wh-site .rl-blackout-hero .rl-block-gauge{grid-area:1/2;gap:10px}
.wh-site .rl-blackout-hero .rl-capacity-track{height:20px;gap:5px}
.wh-site .rl-blackout-hero .rl-block-joining{grid-area:1/3;align-self:center;align-items:center;flex-direction:column;gap:9px;border-left:1px solid #303235;padding-left:24px}
.wh-site .rl-blackout-hero .rl-block-joining>.rl-value{font:800 34px/1 RustOnlineHeading,'Arial Black',Arial,sans-serif}
.wh-site .rl-blackout-hero .rl-block-connection{grid-area:1/4;justify-content:center;gap:9px}
.wh-site .rl-blackout-hero .rl-block-connection>.rl-value{font:800 30px/1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:0}
.wh-site .rl-blackout-hero .rl-block-connection>.rl-block-label{display:block;grid-column:1/-1;text-align:center}
/* The hub keeps room for the single-server arrival popup beside its summary. */
.wh-site .wh-section-heading>.rl-online-summary.rl-blackout-summary{padding:18px}
.wh-site .rl-blackout-summary .rl-blocks{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.8fr);gap:16px 12px}
.wh-site .rl-blackout-summary .rl-block-number{gap:5px}
.wh-site .rl-blackout-summary .rl-block-number>.rl-value{font-size:clamp(28px,10cqw,42px)}
.wh-site .rl-blackout-summary .rl-block-limit{font-size:clamp(10px,4cqw,15px)}
.wh-site .rl-blackout-summary .rl-block-label{font-size:clamp(7px,2.6cqw,10px);letter-spacing:.035em}
.wh-site .rl-blackout-summary .rl-block-joining{grid-area:1/2;flex-direction:column;align-items:center;gap:8px;align-self:center}
.wh-site .rl-blackout-summary .rl-block-joining>.rl-value{font:800 clamp(25px,8cqw,34px)/1 RustOnlineHeading,'Arial Black',Arial,sans-serif}
.wh-site .rl-blackout-summary .rl-block-connection{grid-area:1/3;justify-content:center;gap:8px 5px}
.wh-site .rl-blackout-summary .rl-block-connection>.rl-value{font:800 clamp(20px,7cqw,29px)/1 RustOnlineHeading,'Arial Black',Arial,sans-serif;letter-spacing:0}
.wh-site .rl-blackout-summary .rl-block-connection>.rl-block-label{display:block;grid-column:1/-1;text-align:center}
.wh-site .rl-blackout-summary .rl-capacity-track{height:12px;gap:3px}
.wh-site .rl-blackout-summary .rl-block-gauge{gap:8px}
@keyframes rl-block-arrival{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:1000px){.wh-site .rl-blackout-hero .rl-blocks{grid-template-columns:minmax(115px,.9fr) minmax(90px,1.7fr) minmax(65px,.5fr) minmax(70px,.6fr);column-gap:18px}.wh-site .rl-blackout-hero .rl-block-joining{padding-left:15px}.wh-site .rl-blackout-hero .rl-block-number>.rl-value{font-size:46px}.wh-site .rl-blackout-hero .rl-capacity-track{gap:3px}}
@media(max-width:750px){
 .wh-site .wh-population.rl-population.rl-blackout-hero{padding:16px 18px}
 .wh-site .rl-blackout-hero .rl-blocks{grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr) minmax(0,.75fr);gap:16px 12px}
 .wh-site .rl-blackout-hero .rl-block-gauge{grid-column:1/-1;grid-row:2;gap:8px}
 .wh-site .rl-blackout-hero .rl-capacity-track{height:12px;gap:4px}
 .wh-site .rl-blackout-hero .rl-block-joining{grid-area:1/2;padding:0;border:0}
 .wh-site .rl-blackout-hero .rl-block-connection{grid-area:1/3;gap:8px 5px}
 .wh-site .rl-blackout-hero .rl-block-number>.rl-value{font-size:clamp(30px,12cqw,44px)}
 .wh-site .rl-blackout-hero .rl-block-limit{font-size:clamp(11px,4cqw,16px)}
 .wh-site .rl-blackout-hero .rl-block-label{font-size:clamp(7px,2.6cqw,10px);letter-spacing:.025em}
 .wh-site .rl-blackout-hero .rl-block-joining>.rl-value{font-size:28px}
 .wh-site .rl-blackout-hero .rl-block-connection>.rl-value{font-size:26px}
}
@media(max-width:380px){.wh-site .wn-status.rl-status.rl-blackout-card{padding:15px}.wh-site .rl-capacity-track{gap:3px}.wh-site .rl-blackout-hero .rl-block-number{gap:4px}.wh-site .rl-blackout-hero .rl-capacity-track{gap:3px}.wh-site .rl-blackout-summary .rl-status-light{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.wh-site .rl-blackout .rl-block-joining,.wh-site .rl-blackout .rl-status-light{animation:none!important}.wh-site .rl-capacity-track>i{transition:none}}

/* Pending arrivals chase from the last occupied block into the next empty block. */
.wh-site .rl-capacity-track>i{position:relative;isolation:isolate}
.wh-site .rl-capacity-track>i:is(.is-joining-edge,.is-joining-next)::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}
.wh-site .rl-loading .rl-capacity-track>i.is-joining-edge::after{background:#fff2c3;box-shadow:0 0 12px #ffe3a2b3;animation:rl-capacity-edge .95s ease-in-out infinite}
.wh-site .rl-loading .rl-capacity-track>i.is-joining-next::after{background:#ffc568;box-shadow:0 0 13px #ffc568b3,inset 0 0 0 1px #fff0cc;animation:rl-capacity-next .95s ease-in-out infinite}
@keyframes rl-capacity-edge{0%,48%,100%{opacity:0}18%,30%{opacity:.85}}
@keyframes rl-capacity-next{0%,32%,100%{opacity:0}54%,70%{opacity:.95}}
@media(prefers-reduced-motion:reduce){.wh-site .rl-capacity-track>i::after{animation:none!important;opacity:0!important}}

/* Style 4 — Slim strip: one quiet row, with room for the artwork. */
.wh-site .rl-slim{--rl-slim-status:#52d891;container-type:inline-size;color:#f4f5f6;font-family:Arial,sans-serif;box-sizing:border-box}
.wh-site .wn-status.rl-status.rl-slim-card,.wh-site .wh-population.rl-population.rl-slim-hero,.wh-site .wh-section-heading>.rl-online-summary.rl-slim-summary{position:relative;display:block;min-height:0;padding:0 10px;border:1px solid #333638;border-left:3px solid var(--wh-accent);border-radius:7px;background:linear-gradient(115deg,#0c0e10f2,#08090bea);box-shadow:0 3px 12px #0003;overflow:hidden;line-height:1;text-transform:none}
.wh-site .wh-population.rl-population.rl-slim-hero,.wh-site .wh-section-heading>.rl-online-summary.rl-slim-summary{width:380px;max-width:100%;flex:0 1 auto}
.wh-site .rl-slim-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;min-width:0;height:46px}
.wh-site .rl-slim-item{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(3px,1.3cqw,6px);min-width:0;height:28px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wh-site .rl-slim-item+.rl-slim-item{border-left:1px solid #363b40}
.wh-site .rl-slim-item>.rl-value{display:block;margin:0;padding:0;max-width:none;color:#f4f5f6;font:700 clamp(16px,6cqw,22px)/1 Arial,sans-serif;letter-spacing:-.4px;white-space:nowrap;text-transform:uppercase}
.wh-site .rl-slim-item>.rl-value[data-digits="4"]{font-size:clamp(12px,4.5cqw,18px)}
.wh-site .rl-slim-item>.rl-value[data-digits="5"],.wh-site .rl-slim-item>.rl-value[data-digits="6"]{font-size:clamp(10px,3.9cqw,16px)}
.wh-site .rl-slim-label{display:block;margin:0;padding:0;font:700 clamp(8px,2.6cqw,10px)/1 Arial,sans-serif;letter-spacing:0;color:#b5bcc3;text-transform:uppercase}
.wh-site .rl-slim-joining>.rl-value{color:#919aa3}
.wh-site .rl-slim-connection>.rl-value{color:var(--rl-slim-status);letter-spacing:0}
.wh-site .rl-slim-dot{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--rl-slim-status)}
.wh-site .rl-slim-card .rl-slim-connection>.rl-value{font-size:clamp(9px,3.2cqw,12px);letter-spacing:.25px}
.wh-site .rl-slim-card .rl-slim-caption{display:none}
.wh-site .rl-slim[data-rl-state=mixed]{--rl-slim-status:#e9b85b}
.wh-site .rl-slim[data-rl-state=offline]{--rl-slim-status:#dc948e}
.wh-site .rl-slim[data-rl-state=unknown]{--rl-slim-status:#9ba2aa}
.wh-site .rl-slim[data-rl-state=live] .rl-slim-dot{animation:rl-signal-pulse 3s ease-in-out infinite}
.wh-site .rl-slim.rl-loading .rl-slim-joining>.rl-value{color:#ffd084}
.wh-site .rl-slim-joining::after{content:'';position:absolute;left:10%;bottom:-5px;width:25%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#ffd084);box-shadow:0 0 6px #ffcb6b55;opacity:0;pointer-events:none}
.wh-site .rl-slim.rl-loading .rl-slim-joining::after{animation:rl-slim-arrival 1.3s ease-in-out infinite}
.wh-site .rl-slim:is([data-rl-state=offline],[data-rl-state=unknown]) .rl-slim-joining::after{animation:none;opacity:0}
.wh-site .rl-slim.rl-activity-join,.wh-site .rl-activity-join .rl-slim-card{border-color:color-mix(in srgb,var(--wh-accent) 55%,#333638)}
.wh-site .rl-slim.rl-activity-leave,.wh-site .rl-activity-leave .rl-slim-card{border-color:#799bb3}
@keyframes rl-slim-arrival{0%{transform:translateX(0);opacity:.15}45%{opacity:1}100%{transform:translateX(220%);opacity:0}}
@media(prefers-reduced-motion:reduce){.wh-site .rl-slim-dot,.wh-site .rl-slim-joining::after{animation:none!important}.wh-site .rl-slim.rl-loading .rl-slim-joining::after{opacity:.8;transform:none;box-shadow:none}}

/* Players summary OFF keeps the roster and single-server activity visible. */
.rl-hide-players .wh-site .rl-hub-live .wh-section-heading{grid-template-columns:minmax(0,1fr) minmax(280px,430px)}
.rl-hide-players .wh-site .rl-hub-live .rl-hub-activity{grid-column:2;grid-row:1}
@media(max-width:650px){
 .rl-hide-players .wh-site .rl-hub-live .wh-section-heading{grid-template-columns:minmax(0,1fr)}
 .rl-hide-players .wh-site .rl-hub-live .rl-hub-activity{grid-column:1;grid-row:2}
}