:root{
  --bg:#0E0E11;
  --surface:#16161B;
  --surface-2:#1B1B22;
  --border:#26262E;
  --border-soft:#1F1F27;
  --orange:#FF9F1C;
  --green:#2EE06A;
  --blue:#22A7F0;
  --purple:#A855F7;
  --pink:#F0468B;
  --amber:#FFC857;
  --text:#D6D6DE;
  --dim:#7A7A88;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--mono);font-size:14px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px 64px}

.top{border-bottom:1px solid var(--border);margin-bottom:28px}
.brand{display:flex;align-items:center;gap:14px;padding:22px 0 16px;flex-wrap:wrap}
.glyph{
  width:38px;height:38px;flex:0 0 38px;border:2px solid var(--orange);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--orange);font-weight:700;font-size:18px;
}
.brand h1{margin:0;font-size:19px;letter-spacing:.16em;color:var(--orange);font-weight:600}
.brand .sub{margin:2px 0 0;font-size:11px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.flags{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.flag{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--border);border-radius:3px;padding:3px 8px;color:var(--dim);
}
.flag.k{color:var(--orange);border-color:rgba(255,159,28,.35)}

nav{display:flex;gap:2px;flex-wrap:wrap;padding-bottom:0}
nav a{
  padding:9px 16px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--dim);border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;
}
nav a:hover{color:var(--text);text-decoration:none;background:var(--surface)}
nav a.on{
  color:var(--orange);background:var(--surface);
  border-color:var(--border);border-bottom:1px solid var(--surface);margin-bottom:-1px;
}
nav a.ext{
  margin-left:auto;margin-bottom:0;border-radius:5px;
  border:1px solid rgba(177,76,255,.45);
  background:linear-gradient(120deg,rgba(255,46,136,.16),rgba(42,245,255,.14));
  color:#F2A6FF;font-weight:600;
  text-shadow:0 0 12px rgba(255,46,136,.55);
  box-shadow:0 0 16px rgba(177,76,255,.20),inset 0 1px 0 rgba(255,255,255,.07);
  transition:color .2s,border-color .2s,box-shadow .2s,background .2s}
nav a.ext:hover{
  color:#fff;border-color:#2AF5FF;text-decoration:none;
  background:linear-gradient(120deg,rgba(255,46,136,.30),rgba(42,245,255,.26));
  box-shadow:0 0 24px rgba(42,245,255,.45),0 0 44px rgba(255,46,136,.28),
    inset 0 1px 0 rgba(255,255,255,.14)}

.card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:6px;margin-bottom:22px;overflow:hidden;
}
.card > h2{
  margin:0;padding:13px 18px;font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--orange);
  background:var(--surface-2);border-bottom:1px solid var(--border);
}
.card .body{padding:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lead{color:var(--dim);margin:0 0 16px}

.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}
.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:13px 15px}
.chip .k{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);display:block}
.chip .v{font-size:20px;font-weight:600;color:var(--orange);display:block;margin-top:5px;word-break:break-all}
.chip.g .v{color:var(--green)}
.chip.b .v{color:var(--blue)}
.chip.p .v{color:var(--pink)}
.chip.u .v{color:var(--purple)}
.chip .n{font-size:11px;color:var(--dim);display:block;margin-top:3px}

table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}
table:last-child{margin-bottom:0}
th{
  background:var(--surface-2);color:var(--dim);text-align:left;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  padding:10px 13px;border:1px solid var(--border);
}
td{padding:9px 13px;border:1px solid var(--border-soft);vertical-align:top;word-break:break-all}
tr:hover td{background:rgba(255,159,28,.03)}
.good{color:var(--green)}
.highlight{color:var(--orange)}
.red{color:var(--pink)}
.okay{color:var(--amber)}
.bad{color:var(--pink)}
.dim{color:var(--dim)}

.endpoint{border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:18px}
.endpoint > .h{
  padding:11px 15px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;background:var(--surface-2);border-bottom:1px solid var(--border);
}
.endpoint.clear > .h{color:var(--blue)}
.endpoint.tor > .h{color:var(--purple)}
.endpoint table{margin:0;font-size:13px}
.endpoint td:first-child{color:var(--dim);width:150px;white-space:nowrap}

.warning,.note{
  border-left:3px solid var(--amber);background:rgba(255,200,87,.06);
  padding:11px 15px;margin:16px 0 0;color:var(--amber);font-size:12.5px;border-radius:0 4px 4px 0;
}
.note{border-left-color:var(--blue);background:rgba(34,167,240,.06);color:var(--blue)}
.danger{
  border-left:3px solid var(--pink);background:rgba(240,70,139,.07);
  padding:11px 15px;margin:16px 0 0;color:var(--pink);font-size:12.5px;border-radius:0 4px 4px 0;
}

.luckwrap{margin:18px 0 6px}
.luckbar{
  height:26px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:4px;overflow:hidden;position:relative;
}
.luckfill{
  height:100%;border-radius:3px 0 0 3px;
  background:linear-gradient(90deg,#E4610F,var(--orange),var(--amber));
  box-shadow:0 0 14px rgba(255,159,28,.45);
}
.luckends{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:6px}
.luckends .mid{color:var(--orange)}

.addr{
  background:var(--surface-2);border:1px solid var(--border);border-radius:4px;
  padding:13px 15px;color:var(--orange);word-break:break-all;font-size:13px;
}
.policy{color:var(--text)}
.policy b{color:var(--orange)}

footer{
  margin-top:34px;padding-top:18px;border-top:1px solid var(--border);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:11px;color:var(--dim);
}
@media (max-width:760px){
  .grid2{grid-template-columns:1fr}
  nav a.ext{margin-left:0}
  .endpoint td:first-child{width:auto}
}