.page-servers{background:#070808}
.server-page{min-height:100vh;background:radial-gradient(circle at 72% 8%,rgba(239,59,50,.07),transparent 22%),#070808}
.server-hero{position:relative;padding:72px 5vw 54px;border-bottom:1px solid var(--line);overflow:hidden}
.server-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(255,255,255,.02) 50%,transparent 50.3%);background-size:104px 104px;mask-image:linear-gradient(#000,transparent)}
.server-kicker{position:relative;font:10px monospace;letter-spacing:.2em;color:#8d9698}.server-kicker b{color:var(--red);font-weight:400}
.server-hero h1{position:relative;margin:24px 0 18px;font:900 clamp(56px,9vw,132px)/.78 Impact,Arial Black,sans-serif;letter-spacing:-.04em;transform:skew(-5deg);max-width:1100px}.server-hero h1 em{font-style:normal;color:var(--red)}
.server-hero-copy{position:relative;max-width:850px;color:#9aa1a2;font:14px/1.75 monospace;margin:0}
.network-summary{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:38px;border:1px solid var(--line);background:#090a0a;max-width:980px}
.network-summary div{padding:15px 17px;border-right:1px solid var(--line);font:9px monospace;letter-spacing:.11em;color:#646d6f}.network-summary div:last-child{border-right:0}.network-summary b{display:block;color:#e7e7e2;font:13px monospace;margin-top:7px;letter-spacing:.04em}.network-summary .warn b{color:#d0877f}
.server-list-wrap{padding:54px 5vw 72px;border-bottom:1px solid var(--line)}
.server-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}.server-section-head h2{font:700 28px monospace;margin:0}.server-section-head span{font:9px monospace;letter-spacing:.15em;color:#6f797b}
.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.server-card{appearance:none;text-align:left;color:inherit;cursor:pointer;position:relative;min-height:355px;padding:0;border:1px solid var(--line);background:#090a0a;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}
.server-card:hover,.server-card:focus-visible{transform:translateY(-4px);border-color:#596163;background:#0c0e0e;outline:none}.server-card.selected{border-color:var(--red);box-shadow:0 0 0 1px rgba(239,59,50,.2),0 20px 60px rgba(0,0,0,.28)}
.server-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 40%),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.012) 39px 40px);pointer-events:none}.server-card.danger:after{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border:1px solid rgba(239,59,50,.28);border-radius:50%;box-shadow:0 0 50px rgba(239,59,50,.07)}
.card-top{position:relative;padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.server-code{font:10px monospace;color:var(--red);letter-spacing:.14em}.server-class{font:9px monospace;letter-spacing:.1em;color:#7f888a}.server-class.lore{color:#d17a73}.server-class.open{color:#65c781}
.card-body{position:relative;padding:23px 20px 82px}.card-body h3{font:900 clamp(34px,3.2vw,54px)/.86 Impact,Arial Black,sans-serif;letter-spacing:-.025em;margin:5px 0 14px;transform:skew(-3deg)}.card-mode{font:9px monospace;letter-spacing:.12em;color:#6d7678;margin-bottom:24px}.card-lead{font:12px/1.65 monospace;color:#9aa1a2;max-width:520px}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:24px}.card-stats div{background:#080909;padding:12px;font:8px monospace;letter-spacing:.1em;color:#5f686a}.card-stats b{display:block;margin-top:5px;color:#d5d6d1;font-size:10px;font-weight:400}.card-bottom{position:absolute;left:0;right:0;bottom:0;height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:9px monospace;letter-spacing:.1em;color:#737c7e}.card-bottom b{color:#fff;font-weight:400}.card-arrow{font-size:23px;color:var(--red)}
.server-detail{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b0c0c,#070808)}.server-detail[hidden]{display:none}.detail-shell{padding:52px 5vw 76px}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.detail-close{cursor:pointer;border:1px solid var(--line2);background:#090a0a;color:#a7adae;padding:10px 13px;font:10px monospace;letter-spacing:.1em}.detail-close:hover{border-color:#858e90;color:#fff}.detail-id{font:9px monospace;color:#697274;letter-spacing:.16em}
.detail-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;align-items:stretch}.detail-title{border-left:4px solid var(--red);padding:9px 0 12px 25px}.detail-title .eyeline{font:10px monospace;color:#8a9395;letter-spacing:.15em}.detail-title h2{font:900 clamp(52px,7vw,105px)/.8 Impact,Arial Black,sans-serif;margin:17px 0 16px;transform:skew(-4deg)}.detail-title p{max-width:820px;color:#989fa1;font:13px/1.7 monospace;margin:0}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.metric{background:#090a0a;padding:15px}.metric span{display:block;font:8px monospace;letter-spacing:.13em;color:#5e6769}.metric b{display:block;margin-top:8px;font:11px monospace;font-weight:400;color:#ecece8}.metric b.good{color:var(--green)}.metric b.warn{color:#d97e76}
.story-block{margin-top:30px;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:22px}.story-label{font:10px monospace;letter-spacing:.16em;color:var(--red);padding-top:5px}.story-copy{color:#959d9f;font:13px/1.8 monospace;max-width:1000px}
.pulse-block{margin-top:48px;border:1px solid var(--line);background:#080909}.pulse-head{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font:9px monospace;letter-spacing:.12em;color:#6c7577}.pulse-head strong{color:#d9dad4;font-weight:400}.pulse-status{color:#c97b74}.pulse-road-wrap{overflow-x:auto;padding:36px 26px 30px}.pulse-road{position:relative;display:flex;align-items:center;justify-content:space-between;gap:52px;min-width:760px;padding:16px 28px}.pulse-road:before{content:"";position:absolute;left:24px;right:24px;top:50%;height:4px;transform:translateY(-50%);background:linear-gradient(90deg,#374042,#626b6d 17%,#333a3c 44%,#1f2425 70%,#151818);box-shadow:0 0 0 1px #111 inset}.pulse-road:after{content:"";position:absolute;left:24px;right:24px;top:calc(50% - 12px);height:24px;opacity:.13;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--red) 13px 14px,transparent 15px 24px);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.pulse-node{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid #545e60;background:#0b0d0d;color:#8f989a;display:grid;place-items:center;font:12px monospace;cursor:pointer;flex:0 0 auto;transition:.2s}.pulse-node:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #293032}.pulse-node.known{border-color:var(--red);color:#fff;box-shadow:0 0 22px rgba(239,59,50,.16)}.pulse-node.known:after{content:"";position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red)}.pulse-node.locked{border-style:dashed;color:#596163;background:#080909}.pulse-node:hover,.pulse-node:focus-visible{transform:scale(1.08);outline:none;border-color:#eee}.pulse-node.active{box-shadow:0 0 0 3px rgba(239,59,50,.12),0 0 22px rgba(239,59,50,.2)}
.event-view{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);border-top:1px solid var(--line);min-height:180px}.event-meta{padding:22px;border-right:1px solid var(--line);font:9px monospace;color:#687174;letter-spacing:.1em}.event-meta b{display:block;margin:8px 0 16px;color:#d7d8d3;font:18px monospace;letter-spacing:.02em}.event-state{color:var(--red)}.event-content{padding:22px;color:#9aa1a2;font:12px/1.7 monospace}.event-content p{margin:0}.event-chat-block{margin-top:18px;border:1px solid var(--line);background:#070808}.event-chat{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 11px;border-bottom:1px solid #171a1a;font:9px/1.5 monospace}.event-chat:last-child{border-bottom:0}.event-chat b{color:#c96d66;font-weight:400}.event-chat span{color:#8e9799}.event-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.event-file{border:1px solid var(--line);padding:10px 12px;color:#60696b;font:9px monospace;min-height:42px}.event-media-card{margin:0;border:1px solid var(--line);background:#070808;overflow:hidden}.event-media-card img,.event-media-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050606}.event-media-card figcaption{padding:9px 10px;font:8px monospace;color:#687173;letter-spacing:.06em}
.detail-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:20px}.feed-panel,.signal-panel{border:1px solid var(--line);background:#080909}.panel-head{padding:15px 17px;border-bottom:1px solid var(--line);font:9px monospace;letter-spacing:.13em;color:#7a8385;display:flex;justify-content:space-between}.panel-head b{color:#d8d9d4;font-weight:400}.feed-list{padding:7px 17px 16px}.feed-line{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #171a1a;font:10px/1.4 monospace;color:#848d8f}.feed-line:last-child{border-bottom:0}.feed-time{color:#4f585a}.feed-line.system .feed-text{color:#c8cbc7}.feed-line.danger .feed-text{color:#d2746d}
.signal-body{padding:20px 18px 22px}.signal-label{font:9px monospace;letter-spacing:.14em;color:#b95c56}.countdown{font:700 clamp(26px,4vw,52px)/1 monospace;color:#e7e7e2;margin:14px 0 12px;letter-spacing:.04em}.signal-note{font:10px/1.6 monospace;color:#697274}.signal-bars{height:44px;display:flex;align-items:center;gap:3px;margin-top:18px;overflow:hidden}.signal-bars i{display:block;width:3px;background:#70312e;opacity:.8;animation:serverPulse 1.6s ease-in-out infinite alternate}.signal-bars i:nth-child(3n){background:#b83a34}.signal-bars i:nth-child(4n){animation-delay:-.8s}@keyframes serverPulse{from{transform:scaleY(.35);opacity:.35}to{transform:scaleY(1);opacity:.9}}
.network-bottom{padding:68px 5vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.network-feed,.community-card{border:1px solid var(--line);background:#090a0a;padding:24px}.network-feed h2,.community-card h2{font:700 20px monospace;margin:0 0 17px}.network-feed p,.community-card p{color:#828b8d;font:12px/1.7 monospace}.global-log{margin-top:23px;border-top:1px solid var(--line)}.global-row{display:grid;grid-template-columns:95px 120px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #171a1a;font:9px monospace;color:#737c7e}.global-row b{font-weight:400;color:#c6c9c5}.global-row .red{color:#cc6a64}.community-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.community-tags span{border:1px solid var(--line2);padding:7px 9px;font:8px monospace;letter-spacing:.1em;color:#858e90}.coming{display:inline-flex;border:1px solid #5c2a27;color:#d56f68;padding:10px 13px;font:9px monospace;letter-spacing:.12em}
@media(max-width:1100px){.server-grid{grid-template-columns:1fr}.server-card{min-height:300px}.card-body h3{font-size:48px}.detail-head,.detail-lower{grid-template-columns:1fr}.network-summary{grid-template-columns:1fr 1fr}.detail-metrics{min-height:200px}.story-block{grid-template-columns:1fr}.network-bottom{grid-template-columns:1fr}}
@media(max-width:720px){.event-media{grid-template-columns:1fr}.event-chat{grid-template-columns:78px 1fr}.server-hero{padding:50px 22px 38px}.server-list-wrap,.detail-shell,.network-bottom{padding-left:22px;padding-right:22px}.server-section-head{align-items:flex-start;flex-direction:column}.network-summary{grid-template-columns:1fr}.network-summary div{border-right:0;border-bottom:1px solid var(--line)}.network-summary div:last-child{border-bottom:0}.server-card{min-height:0}.card-body{padding-bottom:76px}.detail-title{padding-left:18px}.detail-title h2{font-size:56px}.detail-metrics{grid-template-columns:1fr 1fr}.event-view{grid-template-columns:1fr}.event-meta{border-right:0;border-bottom:1px solid var(--line)}.global-row{grid-template-columns:68px 1fr}.global-row span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.signal-bars i{animation:none}}