/* Realm board: the Depot's existing ink, brass and bone palette. */
.maintenance-notices{display:grid;gap:12px;margin-bottom:32px}
.maintenance-notices[hidden]{display:none}
.maintenance-card{border:1px solid var(--line);border-left:3px solid var(--brass-hi);background:linear-gradient(110deg,rgba(224,184,102,.10),var(--surface));padding:20px 24px;overflow-wrap:anywhere}
.maintenance-card[data-phase=completed],.maintenance-card[data-phase=cancelled]{border-left-color:var(--teal)}
.maintenance-card .eyebrow{color:var(--brass-hi);font-size:10px}
.maintenance-card h2{font:600 27px/1.2 var(--serif);color:var(--bone-hi);margin:8px 0}
.maintenance-card p{font-size:14px;color:var(--parch-2);margin:6px 0}
.maintenance-card .maintenance-meta{font-size:12px;color:var(--ash)}
.maintenance-card a{color:var(--brass-hi);text-decoration:underline;text-underline-offset:3px}
.maintenance-card details{margin:12px 0;font-size:13px;color:var(--parch-2)}
.maintenance-card summary{cursor:pointer;width:fit-content;padding:5px 0}
.maintenance-card .maintenance-quote{white-space:pre-line;max-width:920px}
.maintenance-card[data-stale=true]{border-left-color:var(--ash)}
@media(max-width:600px){.maintenance-card{padding:18px}.maintenance-card h2{font-size:24px}}
.status-main{padding:146px var(--edge) 80px;min-height:80vh;background:radial-gradient(ellipse at 85% 0,rgba(111,168,168,.10),transparent 48%)}
.status-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}
.status-intro h1{font:500 clamp(48px,5vw,76px)/1.05 var(--serif);color:var(--bone-hi);margin:14px 0 20px}
.status-intro .lede{max-width:650px;font-size:18px;color:var(--parch-2)}
.status-context{font:500 11px var(--caps);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line);padding:12px 16px;color:var(--brass-hi)}
.status-overview{border:1px solid var(--line);border-left:3px solid var(--brass);background:var(--surface);padding:26px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px}
.status-overview[data-state=online]{border-left-color:var(--teal)}
.status-overview[data-state=offline]{border-left-color:#e39189}
.status-overview h2{font:600 30px var(--serif);color:var(--bone-hi);margin:6px 0 9px}
.status-overview p{color:var(--parch-2);font-size:14px;max-width:740px}
.status-overview .eyebrow{font-size:10px;color:var(--ash)}
.status-refresh{align-self:center;min-height:44px;padding:0 18px;font-size:13px;cursor:pointer}
.status-refresh:disabled{opacity:.6;cursor:wait}
.status-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line-soft);padding-top:14px;color:var(--ash);font-size:12px}
.status-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0;font-size:12px;color:var(--ash)}
.status-checks li::before{content:'·';margin-right:7px;color:var(--brass-hi)}
.status-checks li[data-state=responding]::before{content:'✓';color:var(--teal)}
.status-section-heading{margin:45px 0 22px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.status-section-heading h2{font:600 30px var(--serif);color:var(--bone-hi)}
.status-section-heading p{font-size:12px;color:var(--ash)}
.ruleset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ruleset-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:27px 24px 25px;border:1px solid var(--line);background:linear-gradient(140deg,var(--surface-2),var(--ink));border-top:2px solid var(--rule-accent,var(--brass))}
.ruleset-card::after{content:'';position:absolute;right:10px;bottom:10px;width:9px;height:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ruleset-card[data-ruleset=pve]{--rule-accent:var(--teal)}
.ruleset-card[data-ruleset=pvp]{--rule-accent:#c97771}
.ruleset-card[data-ruleset=rp]{--rule-accent:#b4a0d4}
.ruleset-card[data-ruleset=hardcore]{--rule-accent:var(--brass)}
.ruleset-icon{width:38px;height:38px;color:var(--rule-accent);margin-bottom:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.ruleset-card h3{font:600 34px var(--serif);color:var(--bone-hi)}
.ruleset-subtitle{font-size:12px;color:var(--ash);margin:3px 0 23px}
.ruleset-state{font-size:13px;font-weight:500;color:var(--parch);display:flex;gap:8px;align-items:center;margin-bottom:12px}
.ruleset-state::before{content:'';flex:none;width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.ruleset-card[data-ruleset=hardcore] .ruleset-state{color:var(--brass-hi)}
.ruleset-note{font-size:13px;line-height:1.65;color:var(--ash);margin-bottom:24px}
.ruleset-foot{font-size:11px;color:var(--ash);border-top:1px solid var(--line-soft);padding-top:14px;margin-top:auto}
.status-coverage{margin-top:20px;padding-left:14px;border-left:1px solid var(--line);font-size:13px;color:var(--ash);max-width:950px}
.status-sources{display:grid;grid-template-columns:1fr 1fr;gap:54px;border-top:1px solid var(--line);padding-top:34px;margin-top:44px}
.status-sources h2{font:600 28px var(--serif);color:var(--bone-hi);margin-bottom:14px}
.status-sources p{font-size:14px;color:var(--ash);line-height:1.75;margin-bottom:13px;max-width:600px}
.status-sources a,.status-coverage a{color:var(--brass-hi);text-decoration:underline;text-underline-offset:3px}
.status-notice{color:var(--brass-hi)!important}
@media(max-width:1100px){.ruleset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-main{padding-top:126px}}
@media(max-width:760px){.status-main{padding:104px var(--edge) 48px}.status-intro{align-items:start;flex-direction:column;gap:20px;margin-bottom:26px}.status-intro h1{font-size:49px}.status-intro .lede{font-size:16px}.status-overview{padding:22px 20px;grid-template-columns:minmax(0,1fr)}.status-refresh{justify-self:start}.status-meta{flex-direction:column}.status-section-heading{align-items:start;flex-direction:column;gap:6px;margin-top:32px}.status-sources{grid-template-columns:1fr;gap:24px}.ruleset-card{padding:22px 18px}.ruleset-card h3{font-size:30px}.ruleset-icon{margin-bottom:20px}}
@media(max-width:430px){.ruleset-grid{grid-template-columns:minmax(0,1fr)}.ruleset-card{padding:23px}.ruleset-icon{position:absolute;right:23px;top:26px;width:32px;height:32px}.ruleset-subtitle{margin-bottom:20px}.ruleset-note{margin-bottom:20px}}

.status-overview{grid-template-columns:88px minmax(0,1fr) auto;border-left-color:var(--signal,var(--brass))!important}
.status-beacon{width:76px;height:76px;align-self:center;border-radius:50%;border:8px solid var(--surface);outline:1px solid color-mix(in srgb,var(--signal,#e7bc59) 42%,transparent);background:radial-gradient(circle at 36% 30%,#fff9,var(--signal,#e7bc59) 65%);box-shadow:0 0 32px color-mix(in srgb,var(--signal,#e7bc59) 22%,transparent),inset 0 0 15px #0003}
.status-alert{margin-top:16px;padding:14px 18px;border:1px solid var(--brass);background:rgba(199,154,75,.07);color:var(--brass-hi);font-size:14px}
.status-alert[hidden]{display:none}
.status-history{padding:24px 28px;border:1px solid var(--line);background:var(--surface)}
.status-history-bars{display:flex;gap:3px;height:34px;margin-bottom:10px}
.status-history-bar{flex:1;min-width:0;background:#70d694;border-radius:2px;opacity:.85}
.status-history-bar[data-state=degraded],.status-history-bar[data-state=name-reservation]{background:#e7bc59}
.status-history-bar[data-state=offline]{background:#f07d77}
.status-history-bar[data-state=unknown]{background:#596169}
.status-history-bar[data-gap=true]{background-image:repeating-linear-gradient(135deg,transparent,transparent 3px,#0e101299 3px,#0e101299 5px)}
.status-history-scale,.status-history-legend{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ash)}
.status-history-legend{justify-content:start;flex-wrap:wrap;margin-top:18px;gap:10px 22px}
.status-history-legend span{display:flex;gap:8px;align-items:center}
.status-history-legend i{width:8px;height:8px}
.status-gap-key{background:repeating-linear-gradient(135deg,#596169,#596169 2px,#0e1012 2px,#0e1012 4px);display:inline-block}
.status-history h3{font:600 25px var(--serif);color:var(--bone-hi);margin:26px 0 10px}
.status-history-note{font-size:12px;color:var(--ash);margin-top:14px}
.status-events li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft);font-size:13px;color:var(--parch)}
.status-events time{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--ash)}
@media(max-width:760px){.status-overview{grid-template-columns:62px minmax(0,1fr);gap:18px}.status-beacon{width:54px;height:54px;border-width:6px}.status-overview h2{font-size:28px}.status-refresh{grid-column:1/-1}.status-history{padding:20px}.status-history-bars{gap:2px;height:30px}.status-events li{flex-wrap:wrap}.status-events time{width:100%;margin-left:22px}}

/* Connection detail and the launch realm directory share the existing Depot identity. */
.status-main{padding-top:118px}
.status-intro{margin-bottom:22px}
.status-intro h1{font-size:clamp(44px,4vw,62px);margin:10px 0 14px}
.status-jumps{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 26px;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.status-jumps a{font-size:13px;color:var(--parch-2);padding:4px 0}
.status-jumps a:hover{color:var(--brass-hi)}
.status-main section{scroll-margin-top:100px}
.status-overview{grid-template-columns:60px minmax(0,1fr) auto;padding:24px;gap:16px 22px}
.status-beacon{width:48px;height:48px;border-width:5px}
.status-probe-context{grid-column:2/-1;font-size:12px!important;color:var(--ash)!important}
.status-overview .status-checks[hidden]{display:none}
.status-section-heading .eyebrow{font-size:10px;margin:0 0 7px;color:var(--teal)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-card{padding:20px;border:1px solid var(--line);border-top:2px solid #68717b;background:var(--surface);min-width:0}
.service-card h3{font:500 15px/1.35 var(--sans);color:var(--bone-hi);margin:0 0 15px}
.service-state{font-size:14px;font-weight:600;color:var(--ash);margin-bottom:8px}
.service-card[data-state=responding]{border-top-color:#77bc9a}
.service-card[data-state=responding] .service-state{color:#8cd2ae}
.service-card[data-state=responding] .service-state::before{content:'✓ ';}
.service-card[data-state=failed]{border-top-color:#e39189;background:linear-gradient(130deg,#e391890c,var(--surface))}
.service-card[data-state=failed] .service-state{color:#f2a39b}
.service-card[data-state=failed] .service-state::before{content:'! ';}
.service-card[data-state=not-reached] .service-state::before{content:'— ';}
.service-card[data-state=waiting] .service-state{color:var(--brass-hi)}
.service-description{font-size:12px;line-height:1.6;color:var(--ash)}
.service-key{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:11px;color:var(--ash);margin-top:18px}
.realm-filters{display:flex;gap:18px;align-items:end;padding:20px;background:var(--surface);border:1px solid var(--line);margin-bottom:18px}
.realm-filters label{display:grid;gap:8px;font-size:12px;color:var(--parch-2);min-width:180px}
.realm-filters select,.realm-filters input{background:var(--ink);color:var(--bone-hi);border:1px solid var(--line);border-radius:2px;padding:11px 12px;font:14px var(--sans);min-height:44px;max-width:100%;width:100%}
.realm-filters input::placeholder{color:var(--ash)}
.realm-filters select{cursor:pointer}
.realm-filters p{margin-left:auto;padding:0 0 12px;color:var(--ash);font-size:12px}
.realm-empty{padding:15px 18px;border-left:2px solid var(--teal);background:#6fa8a80a;font-size:13px;color:var(--parch-2);margin:0 0 20px}
.ruleset-card{padding:22px;min-height:245px}
.ruleset-icon{width:28px;height:28px;margin-bottom:16px}
.ruleset-card h3{font-size:29px}
.ruleset-subtitle{margin-bottom:16px}
.ruleset-note{margin-bottom:18px}
.realm-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.realm-card{border:1px solid var(--line);padding:22px;background:var(--surface);overflow-wrap:anywhere}
.realm-card h3{font:600 27px var(--serif);color:var(--bone-hi)}
.realm-type{font-size:12px;color:var(--ash);margin:5px 0 20px}
.realm-state{font-weight:600;color:var(--brass-hi);font-size:14px}
.realm-card[data-state=online] .realm-state{color:#8cd2ae}
.realm-card[data-state=offline] .realm-state{color:#f2a39b}
.status-source-link{font-size:13px;color:var(--brass-hi);text-decoration:underline;text-underline-offset:4px}
.official-events{list-style:none;padding:0;border:1px solid var(--line);background:var(--surface);margin-top:18px}
.official-events li{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;color:var(--ash);font-size:13px}
.official-events li+li{border-top:1px solid var(--line-soft)}
.official-label{font-size:11px;color:var(--teal);margin-bottom:7px}
.official-events a{font-size:15px;color:var(--bone-hi);text-decoration:underline;text-underline-offset:4px}
.official-events time{font-size:12px;color:var(--ash);white-space:nowrap}
.history-current{font-size:14px;line-height:1.6;color:var(--parch-2);padding-bottom:20px}
.status-main [hidden]{display:none!important}
.status-main :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.realm-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.status-main{padding-top:100px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:17px}.status-overview{grid-template-columns:44px minmax(0,1fr);padding:20px;gap:14px}.status-beacon{width:38px;height:38px}.status-probe-context{grid-column:1/-1}.realm-filters{flex-wrap:wrap;padding:18px}.realm-filters label{min-width:0;flex:1 1 180px}.realm-filters p{margin-left:0;padding:0;flex-basis:100%}.official-events li{flex-direction:column;gap:10px;padding:18px}.status-intro .lede{font-size:16px}}
@media(max-width:430px){.service-grid,.realm-results{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.service-card h3{margin:0}.service-state{font-size:12px;margin:0}.service-description{grid-column:1/-1}.ruleset-card{min-height:0}.status-jumps{gap:8px 18px}.status-jumps a{font-size:12px}}

/* The first screen answers: current access, then the last 24 hours. */
.status-main{padding-top:96px;padding-bottom:40px}
.status-intro{align-items:center;gap:12px;margin:0 0 14px;flex-direction:row}
.status-intro h1{font-size:34px;line-height:1.1;margin:0}
.status-context{border:0;padding:0;font:500 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--ash)}
.maintenance-notices{gap:8px;margin-bottom:16px;grid-template-columns:minmax(0,1fr)}
.maintenance-card{padding:0;min-width:0}
.maintenance-card details{margin:0;min-width:0}
.maintenance-card summary{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:10px 14px;list-style:none}
.maintenance-card summary::-webkit-details-marker{display:none}
.maintenance-card summary>span:first-child{min-width:0;flex:1}
.maintenance-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.4 var(--sans);color:var(--bone-hi)}
.maintenance-card summary .eyebrow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--brass-hi)}
.maintenance-toggle{flex:none;font-size:12px;color:var(--brass-hi);white-space:nowrap}
.maintenance-toggle::before{content:'＋ ';}
.maintenance-card details[open] .maintenance-toggle::before{content:'− ';}
.maintenance-body{border-top:1px solid var(--line-soft);padding:12px 14px}
.maintenance-body h2{font-size:23px}
.maintenance-body a{display:inline-block;margin-top:8px}
.status-overview{padding:16px 20px;gap:10px 16px;grid-template-columns:34px minmax(0,1fr) auto}
.status-beacon{width:30px;height:30px;border-width:3px;box-shadow:none}
.status-overview h2{font-size:29px;line-height:1.15;margin:3px 0 5px}
.status-overview p{font-size:13px;line-height:1.5}
.status-meta{gap:4px 20px;padding-top:10px;font-size:11px}
.history-section>.status-section-heading{margin:18px 0 8px;flex-direction:row;align-items:baseline}
.history-section>.status-section-heading h2{font-size:25px}
.history-section>.status-section-heading p{font-size:11px}
.status-history{padding:14px 18px}
.history-current{font-size:12px;padding-bottom:10px}
.status-history-bars{height:30px;margin-bottom:6px}
.status-history-legend{margin-top:10px;gap:6px 18px}
.history-details{margin-top:10px;border-top:1px solid var(--line-soft)}
.history-details>summary{padding:10px 0 0;font-size:12px;color:var(--parch-2);cursor:pointer}
.history-details[open]>summary{padding-bottom:4px}
.status-disclosure{border-bottom:1px solid var(--line-soft)}
.history-section+.status-alert[hidden]+.sr+noscript+.status-disclosure{margin-top:16px}
.status-disclosure>summary{padding:13px 0;min-height:44px;font-size:13px;color:var(--parch-2);cursor:pointer}
.status-disclosure>section{padding:0 0 22px}
.status-disclosure .status-section-heading{margin:8px 0 16px}
.status-disclosure .status-sources{margin-top:8px;border-top:0;padding-top:8px}
.status-disclosure .status-probe-context{margin-bottom:12px}
@media(max-width:760px){
 .status-main{padding-top:90px}
 .status-intro h1{font-size:29px}
 .status-context{font-size:11px}
 .maintenance-card summary{gap:10px;padding:9px 12px}
 .maintenance-title{font-size:13px}
 .maintenance-toggle{font-size:11px}
 .status-overview{grid-template-columns:26px minmax(0,1fr) auto;padding:14px;gap:9px 10px}
 .status-beacon{width:24px;height:24px}
 .status-overview h2{font-size:25px}
 .status-refresh{grid-column:auto;padding:0 10px;font-size:11px;min-height:44px}
 .status-meta{flex-direction:column;gap:2px}
 .history-section>.status-section-heading{gap:6px;flex-wrap:wrap}
 .history-section>.status-section-heading h2{font-size:24px}
 .status-history{padding:12px 14px}
 .status-history-legend{font-size:10px;gap:6px 12px}
}
@media(max-width:430px){
 .status-overview{grid-template-columns:24px minmax(0,1fr)}
 .status-refresh{grid-column:2;grid-row:2;justify-self:start;min-height:32px}
 .status-overview h2{font-size:25px}
 .status-overview .eyebrow{font-size:9px}
 .status-meta{grid-row:3}
 .history-section>.status-section-heading p{font-size:10px}
}

/* Direct reachability and community account access are distinct evidence. */
.status-main{padding-top:88px}
.maintenance-notices{margin-bottom:10px}
.status-intro{margin-bottom:10px}
.connectivity-overview{grid-template-columns:34px minmax(0,1fr);margin-bottom:8px;padding:12px 16px;gap:7px 14px}
.connectivity-checks{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0;color:var(--parch-2);font-size:11px;line-height:1.5}
.connectivity-overview .status-meta{padding-top:7px}
.community-overview{padding:10px 14px;gap:6px 12px;grid-template-columns:20px minmax(0,1fr) auto}
.community-overview .status-beacon{width:18px;height:18px;border-width:2px}
.community-overview h2{font:500 19px/1.2 var(--sans);margin:3px 0}
.community-overview p{font-size:11px;line-height:1.4}
.community-overview .status-meta{font-size:10px;padding-top:6px}
.community-overview .eyebrow{font-size:9px;letter-spacing:.08em}
.history-section>.status-section-heading{margin-top:12px}
.status-history{padding:10px 14px}
.status-history-legend{margin-top:8px}
@media(max-width:760px){
 .status-main{padding-top:76px}
 .connectivity-overview{grid-template-columns:24px minmax(0,1fr);padding:12px;gap:6px 10px}
 .connectivity-overview h2{font-size:24px}
 .connectivity-overview p{font-size:12px}
 .connectivity-overview .status-meta{font-size:10px;gap:2px}
 .community-overview{padding:10px 12px;gap:6px 9px;grid-template-columns:18px minmax(0,1fr) auto}
 .community-overview h2{font-size:17px}
 .community-overview .status-refresh{padding:0 8px;font-size:10px;min-height:36px}
}
@media(max-width:430px){
 .connectivity-overview .status-meta{grid-row:auto}
 .community-overview .status-refresh{grid-column:3;grid-row:1;max-width:62px;white-space:normal;line-height:1.2}
 .community-overview .status-meta{grid-row:2}
 .history-current{padding-bottom:6px}
 .status-history{padding:6px 12px}
 .history-details>summary{padding-top:8px}
}

/* Owned transport history: a failed connection is not a gameplay outage. */
.status-history-bar[data-state="responding"]{background-color:#5da77a}
.status-history-bar[data-state="unreachable"],.status-history-bar[data-state="partial"]{background-color:#be9d59}