/* Private service health and invitation-only game access. */
:root{--status-good:#a2c295;--status-bad:#e0a093;--status-warn:#dfbe84}
:root[data-theme=light]{--status-good:#3e6838;--status-bad:#9b4434;--status-warn:#78531e}
.status-overview{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.status-overview i,.realm-status-badge i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}
.status-overview[data-status=ready]{color:var(--status-good)}
.status-overview[data-status=unavailable]{color:var(--status-bad)}
.status-overview[data-status=full]{color:var(--status-warn)}
.connection-section{padding-block:74px 65px;border-bottom:1px solid var(--line)}
.connection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:34px}
.connection-heading .eyebrow{margin-bottom:18px}
.connection-heading h2{font-size:42px}
.connection-heading>p{max-width:405px;font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:3px}
.connection-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:stretch}
.realm-live-card,.connection-guide{border:1px solid var(--line);padding:29px;background:var(--surface);min-width:0}
.connection-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}
.connection-card-top h3{font-size:26px;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pvp-label{font-family:var(--sans);font-size:9px;letter-spacing:.8px;color:var(--accent);padding:4px 8px;border:1px solid var(--line)}
.scope-label{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;white-space:nowrap}
.realm-status-badge{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;letter-spacing:.2px;font-weight:500}
.realm-live-card[data-status=ready] .realm-status-badge{color:var(--status-good)}
.realm-live-card[data-status=unavailable] .realm-status-badge{color:var(--status-bad)}
.realm-live-card[data-status=full] .realm-status-badge{color:var(--status-warn)}
.realm-status-badge i{box-shadow:0 0 0 4px var(--bg-alt)}
.realm-status-summary{font-size:11px;color:var(--muted);line-height:1.8;min-height:40px;margin:11px 0 18px}
.connection-checks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.connection-checks li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.connection-checks li>div{min-width:0}
.connection-checks strong{font-size:11px;font-weight:500}
.check-detail{font-size:10px;color:var(--muted);line-height:1.65;margin:3px 0 0;overflow-wrap:anywhere}
.check-value{flex-shrink:0;color:var(--muted);font-size:9px}
.connection-checks [data-status=ready] .check-value{color:var(--status-good)}
.connection-checks [data-status=unavailable] .check-value,.connection-checks [data-status=missing] .check-value{color:var(--status-bad)}
.connection-checks [data-status=full] .check-value{color:var(--status-warn)}
.server-load{font-size:10px;color:var(--muted);margin:12px 0 0}
.connection-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}
.connection-card-footer>p{font-size:11px;margin:0}
.connection-card-footer .meta-label{font-size:7px;margin-bottom:3px}
.realm-freshness{color:var(--muted);font-size:9px;display:block}
.connection-card-footer .button{gap:9px;font-size:10px;padding-inline:12px;min-height:38px}
.connection-card-footer .button svg{width:14px;height:14px}
.connection-card-footer .button:disabled{color:var(--muted);border-color:var(--line);transform:none}
.connection-footnote{font-size:9px;color:var(--muted);line-height:1.7;margin:16px 0 0}
.connection-guide>.meta-label{margin-bottom:13px}
.connection-guide h3{font-size:26px;margin-bottom:14px}
.connection-guide>p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:19px}



.connection-next{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:18px}
.connection-step-number{font-family:var(--serif);font-size:20px;color:var(--accent)}
.connection-next p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}
.connection-next strong{color:var(--ink);font-weight:500}
.connection-help{margin-top:19px;font-size:10px;color:var(--muted)}
.connection-help summary{cursor:pointer;color:var(--accent);font-size:10px}
.connection-help p{line-height:1.8;margin:10px 0 0}
.connection-help a{text-decoration:underline;text-underline-offset:3px}
.test-profile{margin-top:27px;padding:25px 0 0}
.test-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.test-profile-heading h3{font-size:23px;margin:0}
.test-profile-heading p{font-size:9px;line-height:1.7;color:var(--muted);max-width:365px;margin:0}
.test-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding-block:17px;border-block:1px solid var(--line)}
.test-profile-facts>div{padding-left:23px;border-left:1px solid var(--line)}
.test-profile-facts>div:first-child{padding-left:0;border:0}
.test-profile-facts dt{font-size:8px;color:var(--muted);margin-bottom:5px}
.test-profile-facts dd{font-size:16px;color:var(--accent);margin:0}
.test-profile-facts dd span{font-size:10px;color:var(--muted)}
.reset-explanation{font-size:10px;line-height:1.9;color:var(--muted);margin:15px 0 0;max-width:890px}
.reset-explanation code{color:var(--ink)}
.connection-no-script{border:1px solid var(--line);padding:15px;font-size:12px}
.status-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.timeline .complete .phase-label,.timeline .complete .phase-tag{color:var(--status-good)}
@media(min-width:851px){.main-nav{gap:24px}}
@media(min-width:851px) and (max-width:1100px){.main-nav{gap:17px}.main-nav a{font-size:11px}.header-actions{gap:10px}.header-cta{padding-inline:12px;gap:12px}}
@media(min-width:621px) and (max-width:850px){.main-nav{gap:12px}.main-nav a{font-size:10px}}
@media(max-width:850px){.connection-heading{gap:30px}.connection-heading h2{font-size:37px}.connection-heading>p{max-width:300px}.connection-layout{grid-template-columns:1fr;gap:20px}.realm-live-card,.connection-guide{padding:27px}.realm-status-summary{min-height:0}.connection-guide h3{max-width:none}.test-profile-heading{align-items:flex-start}.test-profile-heading p{max-width:290px}.test-profile-facts>div{padding-left:15px}.test-profile-facts dd{font-size:14px}.test-profile-facts dd span{display:block}}
@media(max-width:620px){.connection-section{padding-block:55px}.connection-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:26px}.connection-heading h2{font-size:35px}.connection-heading>p{max-width:none}.realm-live-card,.connection-guide{padding:22px 19px}.connection-card-top{gap:9px}.connection-card-top h3{font-size:25px;gap:9px}.scope-label{font-size:7px;padding:4px 6px}.connection-guide h3{font-size:25px}.connection-checks li{gap:12px}.connection-checks strong{font-size:11px}.check-detail{font-size:10px}.check-value{font-size:9px}.connection-card-footer{gap:10px}.connection-footnote{font-size:9px}.test-profile-heading{flex-direction:column;gap:10px;margin-bottom:17px}.test-profile-heading p{max-width:none}.test-profile-facts{grid-template-columns:1fr 1fr;padding-block:0}.test-profile-facts>div{padding:14px 0 14px 18px;border-bottom:1px solid var(--line)}.test-profile-facts>div:first-child{border-bottom:1px solid var(--line)}.test-profile-facts>div:nth-child(3){border:0;padding-left:0}.test-profile-facts>div:nth-child(4){border-bottom:0}.test-profile-facts dt{font-size:8px}.test-profile-facts dd{font-size:16px}.test-profile-facts dd span{display:inline;font-size:9px}.reset-explanation{font-size:10px}.hero-status{flex-wrap:wrap;row-gap:6px}}

.game-access-note{font-size:12px;line-height:1.8;color:var(--muted);padding:14px 0 14px 13px;border-left:2px solid var(--accent);margin:0 0 23px}.game-access-note strong{display:block;color:var(--ink);font-weight:500}.connection-next+.connection-next{margin-top:18px}
