:root {
  --ink: #061014;
  --ink-soft: #0c191e;
  --panel: #102229;
  --paper: #e9ede5;
  --paper-muted: #aab5af;
  --cyan: #35d5e6;
  --cyan-deep: #0b8d9b;
  --orange: #f36b2b;
  --line: rgba(208, 229, 224, .18);
  --display: Bahnschrift, "DIN Alternate", "Arial Narrow", sans-serif;
  --body: "Trebuchet MS", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: var(--paper);
  background: var(--ink);
  font-family: var(--body);
  line-height: 1.5;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 20;
  box-shadow: inset 0 0 90px rgba(0,0,0,.6);
}

.grain {
  position: fixed;
  inset: 0;
  z-index: 19;
  opacity: .17;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}

a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.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; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 99; padding: .75rem 1rem; background: var(--paper); color: var(--ink); }
.skip-link:focus { top: 1rem; }

.topbar {
  position: absolute;
  inset: 0 0 auto;
  height: 84px;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 clamp(1rem, 4vw, 4.5rem);
  border-bottom: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(3,10,13,.72), transparent);
}

.brand { display: inline-flex; align-items: center; gap: .65rem; width: max-content; text-decoration: none; font: 800 1rem/1 var(--display); letter-spacing: .11em; }
.brand img { border-radius: 50%; filter: drop-shadow(0 0 13px rgba(53,213,230,.24)); }
.brand span span { color: var(--orange); }
.topbar nav { display: flex; gap: clamp(1.3rem, 3vw, 3rem); }
.topbar nav a { position: relative; text-decoration: none; text-transform: uppercase; font: 700 .72rem/1 var(--display); letter-spacing: .16em; color: rgba(233,237,229,.76); }
.topbar nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-.55rem; height:2px; background:var(--cyan); transition:right .25s ease; }
.topbar nav a:hover::after, .topbar nav a:focus-visible::after { right:0; }
.discord-link { justify-self: end; border: 1px solid var(--cyan); padding: .62rem .9rem; text-decoration: none; text-transform: uppercase; font: 700 .68rem/1 var(--display); letter-spacing: .12em; }
.is-disabled { opacity: .55; cursor: not-allowed; }

.hero {
  position: relative;
  overflow: clip;
  min-height: min(890px, 100svh);
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(310px, .6fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 7rem);
  padding: 150px clamp(1.25rem, 6vw, 7rem) clamp(4rem, 9vh, 7rem);
  isolation: isolate;
}

.hero-backdrop {
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image:
    linear-gradient(90deg, rgba(3,10,13,.96) 0%, rgba(3,10,13,.64) 52%, rgba(3,10,13,.42) 100%),
    linear-gradient(0deg, var(--ink) 0%, transparent 40%),
    url('/assets/playnexus-rust-header-512x256.png');
  background-size: cover;
  background-position: center;
  transform: scale(1.015);
  animation: settle 1.4s cubic-bezier(.2,.7,.2,1) both;
}
.hero-grid { position:absolute; inset:84px 0 0; z-index:-2; opacity:.18; background-image:linear-gradient(rgba(53,213,230,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,230,.18) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,black,transparent 70%); }
.hero-content { max-width: 880px; animation: rise .8s .15s both; }
.eyebrow { margin:0 0 1.25rem; color:var(--cyan); text-transform:uppercase; font:700 .72rem/1.2 var(--display); letter-spacing:.22em; }
.live-dot { display:inline-block; width:8px; height:8px; margin-right:.65rem; border-radius:50%; background:var(--paper-muted); box-shadow:0 0 0 5px rgba(170,181,175,.12); }
.live-dot.online { background:#48e893; box-shadow:0 0 0 5px rgba(72,232,147,.13),0 0 20px #48e893; }
.hero h1 { margin:0; max-width:980px; font:900 clamp(4rem,9.2vw,9rem)/.82 var(--display); letter-spacing:-.055em; text-transform:uppercase; text-wrap:balance; }
.hero h1 em { color:transparent; -webkit-text-stroke:1.5px var(--orange); font-style:normal; filter:drop-shadow(0 0 28px rgba(243,107,43,.2)); }
.hero-copy { max-width:650px; margin:2rem 0 2.3rem; font-size:clamp(1rem,1.8vw,1.25rem); color:rgba(233,237,229,.78); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:.8rem; }
.primary-action { appearance:none; border:0; min-width:min(100%,390px); padding:1rem 1.2rem; color:var(--ink); background:var(--orange); text-align:left; cursor:pointer; box-shadow:10px 10px 0 rgba(0,0,0,.28); transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.primary-action:hover,.primary-action:focus-visible { transform:translate(-3px,-3px); box-shadow:13px 13px 0 rgba(0,0,0,.35); background:#ff7a38; }
.primary-action span { display:block; margin-bottom:.25rem; text-transform:uppercase; font:900 .88rem/1 var(--display); letter-spacing:.12em; }
.primary-action code { font-size:.78rem; color:#391608; }
.secondary-action { display:grid; place-items:center; padding:1rem 1.25rem; border:1px solid rgba(233,237,229,.46); text-decoration:none; text-transform:uppercase; font:800 .73rem/1 var(--display); letter-spacing:.13em; backdrop-filter:blur(8px); }

.status-panel { position:relative; align-self:end; padding:1.2rem; border:1px solid rgba(53,213,230,.38); background:rgba(5,16,20,.78); backdrop-filter:blur(15px); box-shadow:0 25px 70px rgba(0,0,0,.36); animation:rise .8s .32s both; }
.status-panel::before { content:""; position:absolute; inset:-1px auto auto -1px; width:42%; height:3px; background:var(--cyan); }
.status-heading { display:flex; justify-content:space-between; gap:1rem; padding-bottom:.8rem; border-bottom:1px solid var(--line); color:var(--paper-muted); font:700 .62rem/1 var(--display); letter-spacing:.14em; }
.status-main { padding:1.4rem 0; }
.status-word { display:block; font:900 clamp(2rem,4vw,3.25rem)/1 var(--display); letter-spacing:-.03em; }
.status-word.online { color:#48e893; }
.status-word.unknown { color:#f7b84b; }
.status-ping { color:var(--paper-muted); font-size:.76rem; }
.status-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin:0; }
.status-stats div { padding:.7rem .55rem; background:rgba(255,255,255,.035); }
.status-stats dt { color:var(--paper-muted); text-transform:uppercase; font:700 .56rem/1 var(--display); letter-spacing:.12em; }
.status-stats dd { overflow:hidden; margin:.45rem 0 0; text-overflow:ellipsis; white-space:nowrap; font:800 .79rem/1 var(--display); }

.signal-strip { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-around; gap:1rem; min-height:60px; padding:.8rem 3vw; color:var(--ink); background:var(--cyan); overflow:hidden; font:900 clamp(.62rem,1vw,.78rem)/1 var(--display); letter-spacing:.14em; }
.signal-strip i { width:5px; height:5px; flex:0 0 auto; background:var(--orange); transform:rotate(45deg); }

.section { padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,7rem); }
.section-heading { display:grid; grid-template-columns:minmax(100px,.35fr) minmax(280px,1fr) minmax(220px,.5fr); align-items:end; gap:2rem; margin-bottom:clamp(3rem,6vw,5rem); }
.section-heading p { margin:0; color:var(--orange); font:800 .68rem/1 var(--display); letter-spacing:.18em; }
.section-heading h2 { margin:0; font:900 clamp(2.4rem,5vw,5rem)/.92 var(--display); letter-spacing:-.04em; text-transform:uppercase; }
.section-heading > span { color:var(--paper-muted); font-size:.88rem; }

.servers { color:var(--ink); background:var(--paper); }
.server-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1.2rem; }
.server-card { position:relative; min-height:500px; padding:clamp(1.5rem,3vw,3rem); overflow:hidden; border:1px solid rgba(6,16,20,.2); }
.server-card .card-index { position:absolute; right:1rem; bottom:-2rem; color:rgba(6,16,20,.05); font:900 15rem/1 var(--display); }
.active-server { color:var(--paper); background:var(--ink-soft); box-shadow:18px 18px 0 rgba(6,16,20,.12); }
.active-server::after { content:""; position:absolute; width:240px; height:240px; right:-80px; top:-100px; border:1px solid var(--cyan); border-radius:50%; box-shadow:0 0 0 24px rgba(53,213,230,.04),0 0 0 54px rgba(53,213,230,.025); }
.future-server { background:transparent; }
.card-topline { position:relative; z-index:1; display:flex; justify-content:space-between; gap:1rem; color:var(--paper-muted); text-transform:uppercase; font:700 .61rem/1 var(--display); letter-spacing:.13em; }
.future-server .card-topline { color:#526068; }
.pill { padding:.42rem .65rem; color:var(--ink); background:var(--cyan); }
.pill.ghost { color:var(--ink); background:transparent; border:1px solid rgba(6,16,20,.32); }
.server-card h3 { position:relative; z-index:1; margin:3.5rem 0 1.2rem; font:900 clamp(3rem,6vw,6.5rem)/.82 var(--display); letter-spacing:-.05em; text-transform:uppercase; }
.server-card > p { position:relative; z-index:1; max-width:560px; color:var(--paper-muted); }
.future-server > p { color:#47545a; }
.server-card ul { position:relative; z-index:1; list-style:none; max-width:560px; margin:2.5rem 0; padding:0; border-top:1px solid var(--line); }
.server-card li { display:flex; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px solid var(--line); font-size:.82rem; }
.server-card li span { color:var(--paper-muted); }
.server-card li strong { min-width:0; text-align:right; overflow-wrap:anywhere; }
.copy-small { position:relative; z-index:1; padding:.75rem 1rem; color:var(--paper); background:transparent; border:1px solid var(--orange); cursor:pointer; text-transform:uppercase; font:800 .68rem/1 var(--display); letter-spacing:.12em; }
.future-mark { position:absolute; left:clamp(1.5rem,3vw,3rem); bottom:clamp(1.5rem,3vw,3rem); padding:.65rem .9rem; border:1px solid rgba(6,16,20,.25); font:800 .66rem/1 var(--display); letter-spacing:.15em; }

.wipe-section { position:relative; background:var(--orange); color:var(--ink); overflow:hidden; }
.wipe-section::before { content:"WIPE"; position:absolute; right:-.03em; bottom:-.22em; color:rgba(6,16,20,.055); font:900 min(32vw,30rem)/1 var(--display); letter-spacing:-.08em; }
.section-heading.light p { color:var(--ink); }
.section-heading.light > span { color:rgba(6,16,20,.68); }
.wipe-track { position:relative; z-index:1; display:grid; grid-template-columns:1fr minmax(80px,.35fr) 1fr; align-items:center; max-width:1040px; margin:0 auto; }
.wipe-track article { padding:1.5rem; border:2px solid var(--ink); background:rgba(233,237,229,.13); }
.wipe-track .day { display:block; font:900 1rem/1 var(--display); letter-spacing:.2em; }
.wipe-track strong { display:block; margin:.45rem 0; font:900 clamp(3rem,7vw,6.5rem)/.85 var(--display); letter-spacing:-.06em; }
.wipe-track p { margin:.5rem 0 0; font:900 1.2rem/1 var(--display); text-transform:uppercase; }
.wipe-track small { color:rgba(6,16,20,.63); }
.track-line { height:2px; background:var(--ink); }
.track-line span { display:block; width:12px; height:12px; margin:-5px auto 0; background:var(--ink); transform:rotate(45deg); }
.schedule-gate { position:relative; z-index:1; max-width:680px; margin:2rem auto 0; text-align:center; font-size:.8rem; color:rgba(6,16,20,.7); }

.rules { background:#dbe0d9; color:var(--ink); }
.rule-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(6,16,20,.28); border-left:1px solid rgba(6,16,20,.28); }
.rule-grid article { min-height:310px; padding:1.6rem; border-right:1px solid rgba(6,16,20,.28); border-bottom:1px solid rgba(6,16,20,.28); transition:background .25s ease,color .25s ease; }
.rule-grid article:hover { color:var(--paper); background:var(--ink); }
.rule-grid b { color:var(--orange); font:900 .72rem/1 var(--display); letter-spacing:.16em; }
.rule-grid h3 { margin:5rem 0 1rem; font:900 1.45rem/1 var(--display); text-transform:uppercase; }
.rule-grid p { margin:0; color:#556269; font-size:.86rem; }
.rule-grid article:hover p { color:var(--paper-muted); }

.telemetry { position:relative; overflow:hidden; background:#071014; }
.telemetry::before { content:"DATA"; position:absolute; right:-.04em; top:.05em; color:rgba(53,213,230,.035); font:900 min(27vw,25rem)/1 var(--display); letter-spacing:-.08em; }
.telemetry-heading { position:relative; z-index:1; }
.telemetry-statusline { position:relative; z-index:1; display:flex; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border:1px solid rgba(53,213,230,.35); color:var(--paper-muted); font:700 .63rem/1 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.telemetry-state { color:#f7b84b; }
.telemetry-layout { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:1rem; margin-top:1rem; }
.telemetry-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.telemetry-metrics article { min-height:180px; padding:1.25rem; background:var(--ink-soft); }
.telemetry-metrics span,.panel-label span { color:var(--cyan); font:800 .62rem/1 var(--display); letter-spacing:.14em; }
.telemetry-metrics strong { display:block; margin:2rem 0 .4rem; font:900 clamp(2.8rem,6vw,5.5rem)/.8 var(--display); letter-spacing:-.06em; }
.telemetry-metrics small { color:var(--paper-muted); }
.heatmap-panel,.player-panel,.scope-panel { border:1px solid var(--line); background:rgba(12,25,30,.74); }
.heatmap-panel { grid-row:span 2; padding:1rem; }
.panel-label { display:flex; justify-content:space-between; gap:1rem; color:var(--paper-muted); font:700 .58rem/1 var(--display); letter-spacing:.1em; }
.panel-label b { font-weight:700; }
.heatmap-canvas { position:relative; min-height:350px; margin:1rem 0; overflow:hidden; border:1px solid rgba(53,213,230,.2); background-image:linear-gradient(rgba(53,213,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,230,.08) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(243,107,43,.1),transparent 62%); background-size:10% 10%,10% 10%,100% 100%; }
.heatmap-empty { position:absolute; inset:0; display:grid; place-items:center; padding:1rem; color:rgba(170,181,175,.55); text-align:center; font:800 .68rem/1.3 var(--display); letter-spacing:.16em; }
.heat-cell { position:absolute; left:var(--cell-x); top:var(--cell-z); width:clamp(18px,4vw,48px); aspect-ratio:1; border-radius:50%; background:rgba(243,107,43,var(--heat)); box-shadow:0 0 42px rgba(243,107,43,var(--heat)); transform:translate(-50%,-50%); }
.heatmap-panel > p { margin:0; color:var(--paper-muted); font-size:.72rem; }
.player-panel { grid-column:1; padding:1rem; }
.scope-panel { grid-column:1 / -1; padding:1rem; }
.telemetry-table-scroll { margin-top:.9rem; overflow-x:auto; }
.telemetry-table { width:100%; border-collapse:collapse; color:var(--paper); font:700 .64rem/1.25 var(--display); letter-spacing:.04em; white-space:nowrap; }
.telemetry-table th,.telemetry-table td { padding:.7rem .65rem; border-top:1px solid var(--line); text-align:right; }
.telemetry-table th { color:var(--cyan); font-size:.56rem; letter-spacing:.1em; text-transform:uppercase; }
.telemetry-table th:first-child,.telemetry-table td:first-child { text-align:left; }
.telemetry-table .empty-row td { color:var(--paper-muted); text-align:left; }
.privacy-contract { position:relative; z-index:1; margin:1.2rem 0 0; color:rgba(233,237,229,.54); text-align:center; font:800 .62rem/1.4 var(--display); letter-spacing:.16em; }

.telemetry-summary-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); margin-top:1rem; border:1px solid var(--line); background:var(--line); gap:1px; }
.telemetry-summary-grid article { position:relative; min-height:220px; padding:1.3rem; overflow:hidden; background:var(--ink-soft); }
.telemetry-summary-grid article::after { content:""; position:absolute; right:-2.5rem; bottom:-3.5rem; width:9rem; aspect-ratio:1; border:1px solid rgba(53,213,230,.12); border-radius:50%; box-shadow:0 0 0 1rem rgba(53,213,230,.025),0 0 0 2.5rem rgba(53,213,230,.018); }
.telemetry-summary-grid span,.telemetry-summary-action > div > span { color:var(--cyan); font:800 .62rem/1 var(--display); letter-spacing:.14em; }
.telemetry-summary-grid strong { position:relative; z-index:1; display:block; margin:3.2rem 0 .55rem; font:900 clamp(3rem,6vw,6rem)/.8 var(--display); letter-spacing:-.065em; }
.telemetry-summary-grid small { color:var(--paper-muted); }
.telemetry-summary-action { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:1rem; padding:1.25rem 1.4rem; border:1px solid rgba(243,107,43,.45); background:linear-gradient(100deg,rgba(243,107,43,.09),transparent 55%); }
.telemetry-summary-action p { max-width:690px; margin:.45rem 0 0; color:var(--paper-muted); font-size:.8rem; }
.dashboard-link { flex:0 0 auto; padding:.85rem 1rem; color:var(--ink); background:var(--cyan); text-decoration:none; text-transform:uppercase; font:900 .68rem/1 var(--display); letter-spacing:.1em; transition:transform .2s ease,box-shadow .2s ease; }
.dashboard-link:hover,.dashboard-link:focus-visible { transform:translate(-3px,-3px); box-shadow:7px 7px 0 rgba(243,107,43,.55); }

/* Server Intelligence — the dense, privacy-safe operational view. */
.dashboard-page { background:#050d10; }
.dashboard-topbar { position:absolute; background:rgba(5,13,16,.84); backdrop-filter:blur(14px); }
.dashboard-hero { position:relative; isolation:isolate; min-height:630px; padding:150px clamp(1.25rem,6vw,7rem) 5rem; overflow:hidden; background:radial-gradient(circle at 82% 26%,rgba(53,213,230,.13),transparent 27%),linear-gradient(135deg,#071014 0%,#0b1a20 56%,#071014 100%); }
.dashboard-hero::before { content:"PN//01"; position:absolute; z-index:-1; right:-.04em; bottom:-.18em; color:rgba(233,237,229,.025); font:900 clamp(12rem,29vw,31rem)/1 var(--display); letter-spacing:-.11em; }
.dashboard-hero::after { content:""; position:absolute; z-index:-1; top:84px; right:8%; width:min(34vw,470px); height:1px; background:linear-gradient(90deg,transparent,var(--orange)); box-shadow:0 112px 0 rgba(243,107,43,.28),0 224px 0 rgba(243,107,43,.16); transform:rotate(-38deg); transform-origin:right; }
.dashboard-hero-grid { position:absolute; z-index:-2; inset:84px 0 0; opacity:.22; background-image:linear-gradient(rgba(53,213,230,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,230,.12) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,black,transparent 78%); }
.dashboard-kicker { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-bottom:clamp(3rem,7vw,6rem); animation:rise .7s .08s both; }
.dashboard-kicker .eyebrow { margin:0; }
.dashboard-coordinate { color:var(--paper-muted); font:700 .62rem/1 var(--display); letter-spacing:.18em; }
.dashboard-title-row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr); align-items:end; gap:clamp(2rem,7vw,8rem); }
.dashboard-title-row > div { animation:rise .8s .16s both; }
.dashboard-title-row h1 { margin:0; font:900 clamp(4.2rem,10vw,10rem)/.78 var(--display); letter-spacing:-.065em; text-transform:uppercase; }
.dashboard-title-row h1 em { color:transparent; -webkit-text-stroke:1.5px var(--cyan); font-style:normal; }
.dashboard-title-row > div > p { max-width:700px; margin:2rem 0 0; color:var(--paper-muted); font-size:clamp(.95rem,1.4vw,1.15rem); }
.command-module { position:relative; padding:1.25rem; border:1px solid rgba(243,107,43,.52); background:rgba(5,13,16,.82); box-shadow:14px 14px 0 rgba(0,0,0,.3); animation:rise .8s .3s both; }
.command-module::before { content:""; position:absolute; inset:-1px auto auto -1px; width:38%; height:3px; background:var(--orange); }
.command-module > span { color:var(--orange); font:800 .62rem/1 var(--display); letter-spacing:.16em; }
.command-module code { display:block; margin:1.4rem 0; padding:.8rem; overflow-wrap:anywhere; color:var(--cyan); background:rgba(53,213,230,.06); font-size:.75rem; }
.command-module button { width:100%; padding:.75rem 1rem; border:1px solid var(--paper-muted); color:var(--paper); background:transparent; cursor:pointer; text-transform:uppercase; font:800 .65rem/1 var(--display); letter-spacing:.13em; }
.command-module button:hover,.command-module button:focus-visible { color:var(--ink); background:var(--paper); }

.dashboard-livebar { position:relative; z-index:2; display:grid; grid-template-columns:minmax(190px,.6fr) 1.4fr; align-items:stretch; margin:-1px 0 0; border-top:1px solid rgba(53,213,230,.32); border-bottom:1px solid rgba(53,213,230,.32); background:#09161b; }
.livebar-state { display:flex; flex-direction:column; justify-content:center; padding:1.25rem clamp(1.25rem,6vw,7rem); border-right:1px solid var(--line); }
.livebar-state .status-word { font-size:clamp(2rem,4vw,3.5rem); }
.livebar-state small { color:var(--paper-muted); }
.dashboard-livebar dl { display:grid; grid-template-columns:repeat(4,1fr); margin:0; }
.dashboard-livebar dl div { min-width:0; padding:1.25rem; border-right:1px solid var(--line); }
.dashboard-livebar dt { color:var(--cyan); text-transform:uppercase; font:800 .56rem/1 var(--display); letter-spacing:.13em; }
.dashboard-livebar dd { margin:.65rem 0 0; overflow:hidden; color:var(--paper); text-overflow:ellipsis; white-space:nowrap; font:800 .77rem/1 var(--display); }

.battlemetrics-strip { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1rem; padding:1rem clamp(1.25rem,6vw,7rem); border-bottom:1px solid rgba(243,107,43,.34); background:linear-gradient(100deg,rgba(243,107,43,.12),rgba(53,213,230,.035) 58%,transparent); }
.battlemetrics-strip img { border:1px solid rgba(53,213,230,.42); border-radius:50%; box-shadow:0 0 22px rgba(53,213,230,.13); }
.battlemetrics-strip div { min-width:0; }
.battlemetrics-strip span,.battlemetrics-strip strong,.battlemetrics-strip small { display:block; }
.battlemetrics-strip div > span { color:var(--orange); font:900 .56rem/1 var(--display); letter-spacing:.16em; }
.battlemetrics-strip strong { margin:.35rem 0; color:var(--paper); font:900 clamp(1rem,2vw,1.35rem)/1 var(--display); letter-spacing:.04em; }
.battlemetrics-strip small { color:var(--paper-muted); font-size:.72rem; }
.battlemetrics-strip > a { padding:.78rem .9rem; border:1px solid var(--cyan); color:var(--cyan); text-decoration:none; text-transform:uppercase; white-space:nowrap; font:900 .62rem/1 var(--display); letter-spacing:.1em; transition:color .2s ease,background .2s ease,transform .2s ease; }
.battlemetrics-strip > a:hover,.battlemetrics-strip > a:focus-visible { color:var(--ink); background:var(--cyan); transform:translateY(-2px); }

.server-intel { color:var(--ink); background:var(--paper); }
.server-intel-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); gap:1rem; }
.map-intel-panel,.server-spec-panel { min-width:0; padding:1.25rem; }
.map-intel-panel { color:var(--paper); background:var(--ink-soft); box-shadow:16px 16px 0 rgba(6,16,20,.12); }
.map-preview-frame { position:relative; display:grid; place-items:center; min-height:520px; margin:1rem 0; overflow:hidden; border:1px solid rgba(53,213,230,.24); background-color:#09171c; background-image:linear-gradient(rgba(53,213,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,230,.07) 1px,transparent 1px),radial-gradient(circle at 48% 48%,rgba(53,213,230,.12),transparent 55%); background-size:32px 32px,32px 32px,100% 100%; }
.map-preview-frame::before,.map-preview-frame::after { content:""; position:absolute; z-index:2; width:70px; height:70px; border-color:var(--orange); pointer-events:none; }
.map-preview-frame::before { top:12px; left:12px; border-top:2px solid; border-left:2px solid; }
.map-preview-frame::after { right:12px; bottom:12px; border-right:2px solid; border-bottom:2px solid; }
.map-preview-frame img { width:100%; height:100%; min-height:520px; object-fit:contain; background:#071014; }
.map-preview-frame img[hidden],.map-preview-empty[hidden] { display:none !important; }
.map-preview-empty { display:flex; flex-direction:column; align-items:center; max-width:360px; padding:2rem; text-align:center; }
.map-preview-empty > span { color:rgba(53,213,230,.1); font:900 clamp(5rem,11vw,10rem)/.8 var(--display); letter-spacing:-.1em; }
.map-preview-empty strong { margin-top:-.35rem; color:var(--cyan); font:900 .72rem/1.3 var(--display); letter-spacing:.16em; }
.map-preview-empty small,.map-preview-caption { color:var(--paper-muted); font-size:.72rem; }
.map-preview-caption { margin:0; }
.server-spec-panel { position:relative; overflow:hidden; color:var(--paper); background:var(--orange); }
.server-spec-panel::after { content:"02"; position:absolute; right:-.04em; bottom:-.17em; color:rgba(6,16,20,.08); font:900 18rem/1 var(--display); letter-spacing:-.1em; }
.server-spec-panel .panel-label { position:relative; z-index:1; color:rgba(6,16,20,.7); }
.server-spec-panel .panel-label span { color:var(--ink); }
.server-spec-panel h3 { position:relative; z-index:1; margin:3.4rem 0 2rem; color:var(--ink); font:900 clamp(3.5rem,7vw,7rem)/.78 var(--display); letter-spacing:-.065em; text-transform:uppercase; }
.server-spec-list { position:relative; z-index:1; margin:0; border-top:1px solid rgba(6,16,20,.28); }
.server-spec-list div { display:flex; justify-content:space-between; gap:1.25rem; padding:.7rem 0; border-bottom:1px solid rgba(6,16,20,.28); }
.server-spec-list dt { color:rgba(6,16,20,.68); font-size:.75rem; }
.server-spec-list dd { min-width:0; margin:0; text-align:right; overflow-wrap:anywhere; font:800 .76rem/1.3 var(--display); }

.dashboard-telemetry { background:#071014; }
.dashboard-metrics { position:relative; z-index:1; grid-template-columns:repeat(4,1fr); margin-top:1rem; }
.dashboard-metrics article { min-height:190px; }
.dashboard-metrics strong { font-size:clamp(2.7rem,5vw,5rem); }
.dashboard-analysis-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr); gap:1rem; margin-top:1rem; }
.dashboard-analysis-grid .heatmap-panel { grid-row:auto; }
.method-panel { padding:1rem; border:1px solid var(--line); background:var(--orange); color:var(--ink); }
.method-panel > span { font:900 .62rem/1 var(--display); letter-spacing:.15em; }
.method-panel ol { list-style:none; margin:3rem 0 0; padding:0; }
.method-panel li { display:grid; grid-template-columns:2.4rem 1fr; gap:1rem; padding:1.15rem 0; border-top:1px solid rgba(6,16,20,.3); }
.method-panel li > b { font:900 .7rem/1 var(--display); }
.method-panel li strong,.method-panel li small { display:block; }
.method-panel li strong { text-transform:uppercase; font:900 .82rem/1 var(--display); letter-spacing:.06em; }
.method-panel li small { margin-top:.45rem; color:rgba(6,16,20,.68); }
.dashboard-table-panel { position:relative; z-index:1; margin-top:1rem; }
.dashboard-table-panel.player-panel,.dashboard-table-panel.scope-panel { grid-column:auto; }
.dashboard-return { display:flex; align-items:end; justify-content:space-between; gap:2rem; padding:clamp(4rem,8vw,7rem) clamp(1.25rem,6vw,7rem); color:var(--ink); background:var(--cyan); }
.dashboard-return > div > span { font:800 .65rem/1 var(--display); letter-spacing:.16em; }
.dashboard-return h2 { margin:.8rem 0 0; font:900 clamp(3.2rem,8vw,8rem)/.78 var(--display); letter-spacing:-.06em; text-transform:uppercase; }
.dashboard-return .primary-action { color:var(--paper); background:var(--ink); }
.dashboard-return .primary-action code { color:var(--paper-muted); }

/* Player Field Guide — a dense, printable contract rather than a marketing FAQ. */
.guide-page { background:#050d10; }
.guide-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.55fr); align-items:end; gap:clamp(3rem,8vw,10rem); min-height:760px; padding:150px clamp(1.25rem,6vw,7rem) 6rem; overflow:hidden; background:linear-gradient(104deg,rgba(5,13,16,.98) 0%,rgba(5,13,16,.76) 56%,rgba(5,13,16,.89) 100%),url('/assets/playnexus-rust-header-512x256.png') center/cover; }
.guide-hero::before { content:"FIELD//01"; position:absolute; z-index:-1; right:-.02em; bottom:-.17em; color:rgba(233,237,229,.035); font:900 clamp(9rem,23vw,24rem)/1 var(--display); letter-spacing:-.1em; }
.guide-grid { position:absolute; z-index:-2; inset:84px 0 0; opacity:.25; background-image:linear-gradient(rgba(53,213,230,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(53,213,230,.12) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,black 0 52%,transparent 84%); }
.guide-hero-copy { animation:rise .8s .1s both; }
.guide-hero-copy h1 { margin:0; font:900 clamp(4.5rem,10vw,10.5rem)/.78 var(--display); letter-spacing:-.068em; text-transform:uppercase; }
.guide-hero-copy h1 em { color:transparent; -webkit-text-stroke:1.5px var(--cyan); font-style:normal; }
.guide-hero-copy > p:last-child { max-width:680px; margin:2rem 0 0; color:var(--paper-muted); font-size:clamp(1rem,1.4vw,1.15rem); }
.guide-connect { position:relative; padding:1.4rem; border:1px solid rgba(243,107,43,.55); background:rgba(5,13,16,.9); box-shadow:16px 16px 0 rgba(0,0,0,.36); animation:rise .8s .28s both; }
.guide-connect::before { content:""; position:absolute; inset:-1px auto auto -1px; width:44%; height:3px; background:var(--orange); }
.guide-connect > span { color:var(--orange); font:900 .62rem/1 var(--display); letter-spacing:.17em; }
.guide-connect > strong { display:block; margin:2.8rem 0 .8rem; color:var(--paper); font:900 clamp(5rem,10vw,8.5rem)/.72 var(--display); letter-spacing:-.08em; }
.guide-connect p { margin:0 0 1rem; color:var(--paper-muted); font-size:.8rem; }
.guide-connect code { display:block; padding:.8rem; overflow-wrap:anywhere; border:1px solid rgba(53,213,230,.25); color:var(--cyan); background:rgba(53,213,230,.06); font-size:.73rem; }
.guide-connect button { width:100%; margin-top:.75rem; padding:.85rem; border:0; color:var(--ink); background:var(--orange); cursor:pointer; text-transform:uppercase; font:900 .67rem/1 var(--display); letter-spacing:.13em; }
.guide-signal { display:grid; grid-template-columns:repeat(4,1fr); color:var(--ink); background:var(--cyan); }
.guide-signal span { padding:1rem; border-right:1px solid rgba(6,16,20,.24); text-align:center; font:900 .66rem/1 var(--display); letter-spacing:.14em; }
.guide-format { color:var(--ink); background:var(--paper); }
.format-ledger { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid rgba(6,16,20,.22); background:rgba(6,16,20,.22); }
.format-ledger article { position:relative; min-height:360px; padding:1.35rem; overflow:hidden; background:#e1e6de; }
.format-ledger article::after { content:""; position:absolute; right:-3rem; bottom:-3rem; width:9rem; height:9rem; border:1px solid rgba(6,16,20,.1); transform:rotate(45deg); }
.format-ledger span { color:var(--orange); font:900 .6rem/1 var(--display); letter-spacing:.16em; }
.format-ledger strong { display:block; margin:5rem 0 1.2rem; font:900 clamp(3.8rem,7vw,7rem)/.75 var(--display); letter-spacing:-.07em; }
.format-ledger p { position:relative; z-index:1; margin:0; color:#536168; font-size:.83rem; }
.guide-commands { position:relative; overflow:hidden; color:var(--ink); background:var(--orange); }
.guide-commands::after { content:"/HELP"; position:absolute; right:-.04em; bottom:-.23em; color:rgba(6,16,20,.06); font:900 min(30vw,28rem)/1 var(--display); letter-spacing:-.09em; }
.command-ledger { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; max-width:1100px; margin:auto; border-top:2px solid var(--ink); }
.command-ledger article { display:grid; grid-template-columns:minmax(130px,.35fr) 1fr; gap:1.2rem; min-height:135px; padding:1.25rem; border-right:1px solid rgba(6,16,20,.25); border-bottom:1px solid rgba(6,16,20,.25); }
.command-ledger code { align-self:start; width:max-content; max-width:100%; padding:.48rem .6rem; overflow-wrap:anywhere; color:var(--paper); background:var(--ink); font:800 .72rem/1 var(--display); }
.command-ledger strong { display:block; text-transform:uppercase; font:900 .88rem/1 var(--display); letter-spacing:.08em; }
.command-ledger p { margin:.6rem 0 0; color:rgba(6,16,20,.66); font-size:.78rem; }
.guide-rules { color:var(--paper); background:#071014; }
.rule-rails { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.rule-rails article { min-height:330px; padding:1.4rem; background:var(--ink-soft); }
.rule-rails b { color:var(--cyan); font:900 .63rem/1 var(--display); letter-spacing:.17em; }
.rule-rails h3 { margin:5rem 0 1rem; text-transform:uppercase; font:900 1.25rem/1 var(--display); letter-spacing:-.02em; }
.rule-rails p { margin:0; color:var(--paper-muted); font-size:.82rem; }
.guide-wipe { position:relative; overflow:hidden; color:var(--ink); background:#dbe0d9; }
.guide-wipe::before { content:"04"; position:absolute; right:-.03em; top:-.18em; color:rgba(6,16,20,.045); font:900 min(33vw,32rem)/1 var(--display); letter-spacing:-.1em; }
.guide-wipe .section-heading.light p { color:var(--orange); }
.guide-wipe .section-heading.light > span { color:#536168; }
.protocol-line { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-top:2px solid var(--ink); }
.protocol-line li { min-height:290px; padding:1.3rem; border-right:1px solid rgba(6,16,20,.24); border-bottom:1px solid rgba(6,16,20,.24); }
.protocol-line span { display:block; width:max-content; padding:.45rem .55rem; color:var(--paper); background:var(--ink); font:900 .62rem/1 var(--display); }
.protocol-line strong { display:block; margin:4rem 0 .8rem; text-transform:uppercase; font:900 1.2rem/1 var(--display); letter-spacing:.05em; }
.protocol-line p { color:#566269; font-size:.8rem; }
.protocol-note { position:relative; z-index:1; max-width:760px; margin:2rem 0 0 auto; padding-left:1rem; border-left:3px solid var(--orange); color:#566269; font-size:.8rem; }
.guide-support { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr); gap:clamp(3rem,8vw,10rem); background:var(--cyan); color:var(--ink); }
.guide-support h2 { margin:0; text-transform:uppercase; font:900 clamp(3rem,7vw,7rem)/.8 var(--display); letter-spacing:-.06em; }
.guide-support .eyebrow { color:var(--ink); }
.support-routes { border-top:2px solid var(--ink); }
.support-routes article { display:grid; grid-template-columns:minmax(140px,.45fr) 1fr; gap:1.5rem; padding:1.15rem 0; border-bottom:1px solid rgba(6,16,20,.28); }
.support-routes span { font:900 .62rem/1.3 var(--display); letter-spacing:.12em; }
.support-routes p { margin:0; font-size:.8rem; }
.support-routes a { text-decoration-thickness:2px; text-underline-offset:3px; }
.guide-actions { grid-column:2; display:flex; flex-wrap:wrap; align-items:stretch; gap:.8rem; }
.guide-actions .dashboard-link { display:grid; place-items:center; border:1px solid var(--ink); background:transparent; }
.guide-actions .primary-action { color:var(--paper); background:var(--ink); }
.guide-actions .primary-action code { color:var(--paper-muted); }

.closing { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:clamp(4rem,9vw,8rem) clamp(1.25rem,6vw,7rem); background:var(--ink); }
.closing h2 { margin:0; font:900 clamp(3.3rem,8vw,8rem)/.86 var(--display); text-transform:uppercase; letter-spacing:-.06em; }
.closing-action { flex:0 1 390px; }
footer { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding:1.4rem clamp(1.25rem,6vw,7rem); border-top:1px solid var(--line); color:var(--paper-muted); font-size:.7rem; }
.footer-brand { color:var(--paper); }

.toast { position:fixed; left:50%; bottom:1.5rem; z-index:30; padding:.8rem 1rem; color:var(--ink); background:var(--cyan); box-shadow:0 10px 30px rgba(0,0,0,.35); transform:translate(-50%,calc(100% + 3rem)); transition:transform .25s ease; font:800 .72rem/1 var(--display); letter-spacing:.08em; }
.toast.show { transform:translate(-50%,0); }

@keyframes rise { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes settle { from { opacity:.45; transform:scale(1.08); } to { opacity:1; transform:scale(1.015); } }

@media (max-width: 900px) {
  .topbar { grid-template-columns:1fr auto; }
  .topbar nav { position:absolute; top:100%; left:0; right:0; display:flex; gap:1.35rem; padding:.78rem max(1rem,4vw); overflow-x:auto; border-bottom:1px solid rgba(255,255,255,.14); background:rgba(5,13,16,.94); scrollbar-width:none; }
  .topbar nav::-webkit-scrollbar { display:none; }
  .topbar nav a { flex:0 0 auto; }
  .hero { grid-template-columns:1fr; align-items:end; padding-top:130px; }
  .status-panel { width:min(100%,520px); }
  .section-heading { grid-template-columns:1fr; gap:.9rem; }
  .server-grid { grid-template-columns:1fr; }
  .rule-grid { grid-template-columns:repeat(2,1fr); }
  .telemetry-layout { grid-template-columns:1fr; }
  .heatmap-panel { grid-row:auto; }
  .player-panel { grid-column:auto; }
  .scope-panel { grid-column:auto; }
  .telemetry-summary-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-title-row { grid-template-columns:1fr; }
  .command-module { width:min(100%,480px); }
  .dashboard-livebar { grid-template-columns:1fr; }
  .livebar-state { border-right:0; border-bottom:1px solid var(--line); }
  .server-intel-grid { grid-template-columns:1fr; }
  .dashboard-metrics { grid-template-columns:repeat(2,1fr); }
  .dashboard-analysis-grid { grid-template-columns:1fr; }
  .dashboard-return { align-items:flex-start; flex-direction:column; }
  .guide-hero { grid-template-columns:1fr; }
  .guide-connect { width:min(100%,500px); }
  .guide-signal { grid-template-columns:1fr 1fr; }
  .format-ledger,.rule-rails,.protocol-line { grid-template-columns:1fr 1fr; }
  .guide-support { grid-template-columns:1fr; }
  .guide-actions { grid-column:1; }
  .closing { align-items:flex-start; flex-direction:column; }
  .closing-action { flex:auto; width:min(100%,390px); }
}

@media (max-width: 560px) {
  .topbar { height:70px; padding:0 .9rem; }
  .brand img { width:34px; height:34px; }
  .discord-link { padding:.55rem .6rem; font-size:.58rem; }
  .hero { min-height:900px; padding:115px 1rem 3rem; }
  .hero h1 { font-size:clamp(3.4rem,18vw,5.2rem); }
  .hero-actions { flex-direction:column; }
  .primary-action,.secondary-action { width:100%; }
  .status-stats { grid-template-columns:1fr; }
  .signal-strip { justify-content:flex-start; overflow:hidden; }
  .signal-strip span { white-space:nowrap; }
  .section { padding:4.5rem 1rem; }
  .server-card { min-height:540px; padding:1.35rem; }
  .wipe-track { grid-template-columns:1fr; gap:1rem; }
  .track-line { width:2px; height:40px; margin:auto; }
  .track-line span { margin:14px 0 0 -5px; }
  .rule-grid { grid-template-columns:1fr; }
  .rule-grid article { min-height:240px; }
  .rule-grid h3 { margin-top:3rem; }
  .closing { padding:4rem 1rem; }
  .telemetry-metrics article { min-height:145px; }
  .heatmap-canvas { min-height:300px; }
  .telemetry-summary-grid { grid-template-columns:1fr 1fr; }
  .telemetry-summary-grid article { min-height:165px; padding:1rem; }
  .telemetry-summary-grid strong { margin-top:2.2rem; }
  .telemetry-summary-action { align-items:stretch; flex-direction:column; }
  .dashboard-link { width:100%; text-align:center; }
  .dashboard-hero { min-height:720px; padding:115px 1rem 4rem; }
  .dashboard-kicker { align-items:flex-start; flex-direction:column; gap:.8rem; margin-bottom:3.4rem; }
  .dashboard-title-row h1 { font-size:clamp(3.6rem,20vw,5.2rem); }
  .dashboard-livebar dl { grid-template-columns:1fr 1fr; }
  .dashboard-livebar dl div { border-bottom:1px solid var(--line); }
  .battlemetrics-strip { grid-template-columns:auto 1fr; }
  .battlemetrics-strip > a { grid-column:1 / -1; text-align:center; }
  .livebar-state { padding:1.25rem 1rem; }
  .map-intel-panel,.server-spec-panel { padding:1rem; }
  .map-preview-frame,.map-preview-frame img { min-height:330px; }
  .server-spec-panel h3 { font-size:clamp(3.6rem,18vw,5.5rem); }
  .dashboard-metrics article { min-height:150px; }
  .dashboard-return { padding:4rem 1rem; }
  .guide-hero { min-height:900px; padding:115px 1rem 4rem; }
  .guide-hero-copy h1 { font-size:clamp(3.7rem,19vw,5.5rem); }
  .guide-signal { grid-template-columns:1fr; }
  .guide-signal span { border-right:0; border-bottom:1px solid rgba(6,16,20,.24); }
  .format-ledger,.rule-rails,.protocol-line,.command-ledger { grid-template-columns:1fr; }
  .format-ledger article { min-height:270px; }
  .format-ledger strong { margin-top:3.3rem; }
  .command-ledger article { grid-template-columns:1fr; min-height:150px; }
  .rule-rails article,.protocol-line li { min-height:245px; }
  .rule-rails h3,.protocol-line strong { margin-top:3rem; }
  .guide-support { padding:4rem 1rem; }
  .guide-support h2 { font-size:clamp(3rem,16vw,5rem); }
  .support-routes article { grid-template-columns:1fr; gap:.7rem; }
  .guide-actions { flex-direction:column; }
  .guide-actions > * { width:100%; }
  footer { align-items:flex-start; flex-direction:column; padding:1.5rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}