:root,
.darkscope {
  color-scheme: dark;
  --bg:#07090d;
  --bg2:#0a0d12;
  --sunken:#0d1218;
  --panel:#11151c;
  --panel2:#161b24;
  --panel3:#1c222d;
  --line:#1e2530;
  --line2:#2b3441;
  --line3:#3a4553;
  --txt:#c3cddb;
  --bright:#eef3f8;
  --dim:#68737f;
  --dim2:#8b97a5;
  --grn:#4ade80;
  --grn2:#22c55e;
  --grnbg:#0f1c14;
  --grnline:#255339;
  --cyan:#38bdf8;
  --cyanbg:#0c1a22;
  --cyanline:#1d4457;
  --amber:#fbbf24;
  --ambbg:#16120b;
  --ambline:#5a4718;
  --red:#f87171;
  --redbg:#1c1010;
  --redline:#5a2323;
  --violet:#a78bfa;
  --vibg:#120f1c;
  --viline:#3f2f66;
  --mag:#e879f9;
  --pristine:#7dd3fc;
  --luminous:#4ade80;
  --neutral:#8c98a6;
  --tarnished:#fbbf24;
  --corrupt:#f87171;
  --void:#b91c1c;
  --ok:#4ade80;
  --warn:#fbbf24;
  --bad:#f87171;
  --na:#5b6673;
  --overlay:rgba(11,15,20,.90);
  --overlay2:rgba(9,13,18,.97);
  --overlayTxt:#eef3f8;
  --overlayDim:#8b97a5;
  --scrim:rgba(6,9,13,.52);
  --scrimblur:blur(7px) saturate(.75);
  --shadow:rgba(0,0,0,.6);
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;
  --rail:352px;
  --navh:50px;
}
:root[data-theme=light] {
  color-scheme: light;
  --bg:#f7f9fb;
  --bg2:#eef2f6;
  --sunken:#e6ebf1;
  --panel:#ffffff;
  --panel2:#f2f5f9;
  --panel3:#e8edf3;
  --line:#dde4ec;
  --line2:#c5cfdb;
  --line3:#a7b4c4;
  --txt:#2b3a4a;
  --bright:#0d1620;
  --dim:#67737f;
  --dim2:#4a5866;
  --grn:#15803d;
  --grn2:#166534;
  --grnbg:#e8f6ed;
  --grnline:#a7dcbb;
  --cyan:#0369a1;
  --cyanbg:#e4f2fb;
  --cyanline:#a8d6f0;
  --amber:#a16207;
  --ambbg:#fdf6e3;
  --ambline:#e8cf94;
  --red:#c02626;
  --redbg:#fdeaea;
  --redline:#f0b4b4;
  --violet:#6d28d9;
  --vibg:#f1ecfd;
  --viline:#c9b6f5;
  --mag:#a21caf;
  --pristine:#0369a1;
  --luminous:#15803d;
  --neutral:#5b6673;
  --tarnished:#a16207;
  --corrupt:#c02626;
  --void:#7f1d1d;
  --ok:#15803d;
  --warn:#a16207;
  --bad:#c02626;
  --na:#8b97a5;
  --shadow:rgba(15,30,50,.16);
  --scrim:rgba(30,42,58,.30);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant-emoji: text;
}
html,
body {
  height: 100%;
}
body {
  background: var(--bg);
  color: var(--txt);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.5;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-thumb {
  background: var(--line2);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--line3);
}
::-webkit-scrollbar-track {
  background: transparent;
}
button,
input,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
a {
  color: var(--cyan);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
code {
  font-family: inherit;
  background: var(--sunken);
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 0 4px;
  color: var(--dim2);
}
.sp {
  flex: 1 1 auto;
}
.mut {
  color: var(--dim);
}
.br {
  color: var(--bright);
}
.gr {
  color: var(--grn);
}
.cy {
  color: var(--cyan);
}
.am {
  color: var(--amber);
}
.rd {
  color: var(--red);
}
.vi {
  color: var(--violet);
}
.mono {
  font-variant-numeric: tabular-nums;
}
.nowrap {
  white-space: nowrap;
}
#nav {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding-inline: 14px;
  height: var(--navh);
  border-bottom: 1px solid var(--line);
  background: var(--bg);
  z-index: 40;
  position: relative;
  min-width: 0;
  max-width: 100vw;
}
#nav .logo {
  color: var(--bright);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  white-space: nowrap;
  flex: 0 0 auto;
}
#nav .logo span {
  font-weight: 700;
  letter-spacing: .5px;
  font-size: 12.5px;
}
#nav .logo b {
  color: var(--grn);
  font-weight: 700;
}
#nav .logo i {
  font-style: normal;
  font-weight: 400;
  font-size: 7.5px;
  letter-spacing: 1.9px;
  color: var(--dim);
  text-transform: uppercase;
}
#tabs {
  display: flex;
  gap: 2px;
}
.tab {
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 5px 10px;
  color: var(--dim);
  cursor: pointer;
  font-size: 11.5px;
  letter-spacing: .3px;
  transition: .12s;
  white-space: nowrap;
}
.tab:hover {
  color: var(--txt);
  background: var(--sunken);
}
.tab.on {
  color: var(--bright);
  background: var(--panel2);
  border-color: var(--line2);
}
#nav .chip {
  border: 1px solid var(--line2);
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 10.5px;
  color: var(--dim2);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}
#nav .chip b {
  color: var(--bright);
  font-weight: 400;
}
#liveChip .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dim);
  flex: 0 0 auto;
}
#liveChip.on .dot {
  background: var(--grn);
  box-shadow: 0 0 7px var(--grn);
  animation: pulse 2s infinite;
}
#liveChip.err .dot {
  background: var(--red);
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .35;
  }
}
.senti {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  letter-spacing: .8px;
  color: var(--dim);
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
}
.senti .sl {
  color: var(--corrupt);
}
.senti .sr {
  color: var(--grn);
}
.strack {
  position: relative;
  flex: 0 1 132px;
  width: 132px;
  min-width: 56px;
  height: 7px;
  border-radius: 4px;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      var(--redline),
      var(--line2) 50%,
      var(--grnline));
}
.sfill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 0;
  background: rgba(255, 255, 255, .10);
}
.sneedle {
  position: absolute;
  inset-block: -3px;
  inline-size: 2px;
  background: var(--bright);
  box-shadow: 0 0 6px rgba(255, 255, 255, .85);
  inset-inline-start: 50%;
  transition: inset-inline-start .8s cubic-bezier(.2, .8, .2, 1);
}
.szero {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 50%;
  inline-size: 1px;
  background: rgba(255, 255, 255, .28);
}
.senti .sval {
  color: var(--bright);
  font-size: 11px;
  min-width: 38px;
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.ngroup {
  position: relative;
}
.gbtn .caret {
  font-style: normal;
  font-size: 8px;
  margin-inline-start: 5px;
  color: var(--dim);
  vertical-align: 1px;
}
.gdrop {
  display: none;
  position: absolute;
  top: calc(100% + 2px);
  inset-inline-start: 0;
  min-width: 172px;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 7px;
  padding: 4px;
  z-index: 70;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .6);
}
.gitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  background: none;
  border: none;
  border-radius: 5px;
  padding: 7px 10px;
  color: var(--dim2);
  font-size: 11.5px;
  cursor: pointer;
  text-align: start;
  white-space: nowrap;
}
.gitem:hover {
  color: var(--txt);
  background: var(--sunken);
}
.gitem.on {
  color: var(--bright);
  background: var(--panel2);
}
#subnav {
  flex: 0 0 auto;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 30px;
  padding-inline: 14px;
  border-bottom: 1px solid var(--line);
  background: var(--bg2);
  position: relative;
  z-index: 30;
  overflow-x: auto;
  scrollbar-width: none;
}
#subnav::-webkit-scrollbar {
  display: none;
}
#subnav:empty {
  display: none;
}
.stab {
  flex: 0 0 auto;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 3px 10px;
  color: var(--dim);
  cursor: pointer;
  font-size: 10.5px;
  letter-spacing: .3px;
  white-space: nowrap;
}
.stab:hover {
  color: var(--txt);
  background: var(--sunken);
}
.stab.on {
  color: var(--bright);
  background: var(--panel2);
  border-color: var(--line2);
}
.stab .caret {
  font-style: normal;
  font-size: 8px;
  margin-inline-start: 5px;
  color: var(--dim);
  vertical-align: 1px;
}
.sgroup {
  position: relative;
  flex: 0 0 auto;
}
.sgroup.open .gdrop {
  display: block;
}
.sgroup.open > .stab {
  color: var(--bright);
  background: var(--panel2);
  border-color: var(--line2);
}
html.mob #subnav {
  overflow: visible;
  height: 36px;
  gap: 6px;
}
html.mob .stab {
  padding: 6px 12px;
  font-size: 11px;
}
#nav #navBurger {
  display: none;
  font-size: 14px;
  padding-inline: 10px;
}
#mnavScrim {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--scrim);
  z-index: 90;
  -webkit-backdrop-filter: var(--scrimblur);
  backdrop-filter: var(--scrimblur);
}
#mnavScrim.open {
  display: block;
}
#mnav {
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  width: min(320px, 86vw);
  z-index: 95;
  background: var(--bg2);
  border-inline-start: 1px solid var(--line2);
  transform: translateX(105%);
  transition: transform .22s ease;
  display: flex;
  flex-direction: column;
  padding: 0 0 env(safe-area-inset-bottom);
}
#mnav.open {
  transform: translateX(0);
}
#mnav .mhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}
#mnav .mhead span {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .5px;
  color: var(--bright);
}
#mnav .mhead b {
  color: var(--grn);
}
#mnav .mhead button {
  background: none;
  border: none;
  color: var(--dim2);
  font-size: 22px;
  cursor: pointer;
  padding: 0 4px;
}
#mnavBody {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 10px 12px;
}
.mgroup {
  margin-bottom: 14px;
}
.mgroup u {
  display: block;
  text-decoration: none;
  font: 700 9px var(--mono);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--dim);
  padding: 6px 6px 4px;
}
.mitem {
  display: block;
  width: 100%;
  background: none;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 11px 12px;
  color: var(--dim2);
  font-size: 13px;
  text-align: start;
  cursor: pointer;
  min-height: 44px;
}
.mitem:active {
  background: var(--sunken);
}
.mitem.on {
  color: var(--bright);
  background: var(--panel2);
  border-color: var(--line2);
}
.mchips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
}
.mchips .senti {
  flex-basis: 100%;
}
.mchips .chip {
  border: 1px solid var(--line2);
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 10.5px;
  color: var(--dim2);
  display: flex;
  align-items: center;
  gap: 5px;
}
.mchips .chip b {
  color: var(--bright);
  font-weight: 400;
}
html.mob #tabs {
  display: none;
}
html.mob #nav #navBurger {
  display: flex;
  margin-inline-start: 0;
}
html.mob #nav .sp {
  display: none;
}
html.mob #bellBtn {
  margin-inline-start: auto;
}
#body {
  flex: 1 1 auto;
  display: flex;
  min-height: 0;
  position: relative;
}
#stage {
  flex: 1 1 auto;
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.view {
  position: absolute;
  inset: 0;
  display: none;
  overflow: hidden;
}
.view.on {
  display: block;
}
#view-deck.on,
#view-terminal.on,
#view-fleets.on,
#view-agents.on,
#view-method.on,
#view-botfun.on,
#view-feeds.on,
#view-flight.on,
#view-bot.on,
#view-fleetpage.on,
#view-armadas.on,
#view-armadapage.on,
#view-dictionary.on,
#view-pulse.on {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#pulseBody {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
#dictBody {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 18px 40px;
}
.vhead {
  flex: 0 0 auto;
  padding: 16px 18px 12px;
}
.vhead h1 {
  font-size: 16px;
  letter-spacing: 1.2px;
  color: var(--bright);
  font-weight: 700;
  margin-bottom: 5px;
}
.sub {
  color: var(--dim);
  font-size: 11.5px;
  max-width: 98ch;
  line-height: 1.65;
}
.sub em {
  color: var(--dim2);
  font-style: italic;
}
#sky {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: grab;
  touch-action: none;
}
#sky.drag {
  cursor: grabbing;
}
#mapHud {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 262px;
}
.hudrow {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
}
.hlab {
  font-size: 9px;
  letter-spacing: 1px;
  color: var(--dim);
}
.mbtn {
  background: var(--overlay);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 10px;
  color: var(--dim);
  cursor: pointer;
  letter-spacing: .3px;
  transition: .12s;
}
.mbtn:hover {
  border-color: var(--line3);
  color: var(--txt);
}
.mbtn[data-on="1"] {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.msel {
  background: var(--overlay);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 10px;
  color: var(--txt);
  cursor: pointer;
  flex: 1;
}
.msearch {
  background: var(--overlay);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 11px;
  color: var(--bright);
  outline: none;
  width: 100%;
}
.msearch:focus {
  border-color: var(--grnline);
}
.msearchout {
  display: none;
  flex-direction: column;
  background: var(--overlay2);
  border: 1px solid var(--line2);
  border-radius: 4px;
  max-height: 240px;
  overflow-y: auto;
}
.msearchout.on {
  display: flex;
}
.msearchout .sr {
  padding: 5px 9px;
  font-size: 10.5px;
  cursor: pointer;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 7px;
  align-items: center;
}
.msearchout .sr:hover {
  background: var(--panel2);
}
.msearchout .sr b {
  color: var(--bright);
  font-weight: 400;
}
.msearchout .k {
  font-size: 8.5px;
  letter-spacing: .6px;
  color: var(--dim);
  border: 1px solid var(--line2);
  border-radius: 2px;
  padding: 0 4px;
}
#legend {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 12px;
  z-index: 6;
  width: 262px;
  background: var(--overlay);
  border: 1px solid var(--line);
  border-radius: 6px;
  backdrop-filter: blur(6px);
  overflow: hidden;
}
.lgH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 9px;
  font-size: 9px;
  letter-spacing: 1.4px;
  color: var(--dim2);
  border-bottom: 1px solid var(--line);
  background: var(--bg2);
}
.lgH button {
  background: none;
  border: 1px solid var(--line2);
  border-radius: 3px;
  width: 17px;
  height: 17px;
  line-height: 1;
  color: var(--dim);
  cursor: pointer;
  font-size: 11px;
}
.lgBody {
  padding: 7px 9px 9px;
  max-height: min(50dvh, 420px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
#legend.min .lgBody {
  display: none;
}
.lgSec {
  font-size: 8.5px;
  letter-spacing: 1.3px;
  color: var(--dim);
  margin: 8px 0 4px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--line);
}
.lgSec:first-child {
  margin-top: 0;
}
.lgRow {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9.5px;
  color: var(--dim2);
  line-height: 1.7;
}
.lgRow > span:first-child,
.lgRow > i {
  flex: 0 0 auto;
}
.lgRow b {
  color: var(--txt);
  font-weight: 400;
}
.lgRow .lgTxt {
  flex: 1 1 auto;
  min-inline-size: 0;
}
#mReplayWrap[hidden] {
  display: none;
}
.lgRow i.sw {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: var(--c);
  flex: 0 0 auto;
}
.lgStar,
.lgSun,
.lgPlanet,
.lgRing,
.lgCore,
.lgBelt,
.lgRug,
.lgShip,
.lgOrbit,
.lgDerelict,
.lgFleet,
.lgHold,
.lgAct {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border-radius: 50%;
  position: relative;
}
.lgStar {
  background:
    radial-gradient(
      circle,
      #fff8d8,
      #c9a227 55%,
      transparent 72%);
}
.lgSun {
  background:
    radial-gradient(
      circle at 40% 38%,
      #fffdf4,
      #ffd591 45%,
      #e08a2c 75%,
      transparent 85%);
  box-shadow: 0 0 7px rgba(255, 183, 94, .6);
}
.lgShip {
  border-radius: 0;
  background: none;
  clip-path: polygon(100% 50%, 10% 100%, 35% 50%, 10% 0);
  background-color: #7f8b9c;
}
.lgOrbit {
  border-radius: 50%;
  border: 1px solid rgba(150, 170, 195, .45);
  background: none;
}
.lgDerelict {
  background: var(--na);
  opacity: .55;
}
.lgFleet {
  border-radius: 0;
  height: 0;
  border-top: 2px solid #ffb066;
  box-shadow: 0 0 5px rgba(255, 176, 102, .8);
}
.lgHold {
  border-radius: 0;
  height: 0;
  border-top: 2px dashed var(--pristine);
}
.lgFlow {
  width: 16px;
  height: 14px;
  flex: 0 0 auto;
  position: relative;
}
.lgFlow::after {
  content: "";
  position: absolute;
  inset-block-start: 6px;
  inset-inline: 0;
  height: 2px;
  border-radius: 2px;
}
.lgFlow.in::after {
  background:
    linear-gradient(
      90deg,
      rgba(96, 178, 255, 0),
      var(--cyan));
}
.lgFlow.out::after {
  background:
    linear-gradient(
      90deg,
      rgba(248, 96, 96, 0),
      var(--red));
}
.lgHot {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1.5px dashed #ffd678;
  background: rgba(255, 214, 120, .10);
}
.lgPlanet {
  background:
    radial-gradient(
      circle at 35% 32%,
      #8fd6ff,
      #2b6d96);
  box-shadow: 0 0 5px rgba(56, 189, 248, .5);
}
.lgRing {
  border: 1px solid #3fae8c;
  background: rgba(63, 174, 140, .10);
}
.lgCore {
  background:
    radial-gradient(
      circle,
      rgba(167, 139, 250, .85),
      rgba(167, 139, 250, .07) 70%);
}
.lgBelt {
  border: 1px dashed var(--na);
}
.lgRug {
  border: 1.5px solid #dc2626;
  background: rgba(220, 38, 38, .12);
}
.lgHull {
  width: 15px;
  height: 14px;
  flex: 0 0 auto;
  background-color: #8fa2b8;
}
.lgHull.skiff {
  clip-path: polygon(100% 50%, 12% 100%, 32% 50%, 12% 0);
}
.lgHull.lancer {
  clip-path: polygon(100% 50%, 56% 62%, 20% 100%, 32% 60%, 6% 50%, 32% 40%, 20% 0, 56% 38%);
}
.lgHull.bulwark {
  clip-path: polygon(100% 50%, 78% 92%, 26% 100%, 4% 62%, 4% 38%, 26% 0, 78% 8%);
}
.lgNote {
  font-size: 9px;
  color: var(--dim);
  line-height: 1.55;
  margin: 5px 0 2px;
  padding-inline-start: 7px;
  border-inline-start: 1px solid var(--line2);
}
.lgAct.buy {
  border: 2px solid var(--grn);
  background: rgba(74, 222, 128, .14);
}
.lgAct.sell {
  border: 2px solid var(--red);
  background: rgba(248, 113, 113, .14);
}
.lgAct.launch {
  background:
    radial-gradient(
      circle,
      #fff,
      rgba(255, 255, 255, .05) 70%);
}
.lgAct.post {
  border: 2px solid var(--cyan);
  background: rgba(56, 189, 248, .12);
}
.lgAct.route {
  border-radius: 0;
  height: 0;
  border-top: 2px dotted var(--violet);
}
#mapZoom {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-end: 12px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#mapZoom button {
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  background: var(--overlay);
  border: 1px solid var(--line2);
  color: var(--txt);
  border-radius: 5px;
  cursor: pointer;
}
#mapZoom button:hover {
  background: var(--panel3);
  color: #fff;
}
#mapStat {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  z-index: 6;
  background: var(--overlay);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.7;
  text-align: end;
  pointer-events: none;
}
#mapStat b {
  color: var(--txt);
  font-weight: 400;
}
.msblock {
  pointer-events: auto;
  cursor: help;
}
.mstitle {
  font-size: 8px;
  letter-spacing: 1.1px;
  color: var(--dim2);
  text-align: start;
  padding-block-end: 2px;
}
.msline {
  display: flex;
  gap: 10px;
  align-items: baseline;
  text-align: start;
  font-size: 9.5px;
  white-space: nowrap;
}
.msline span {
  color: var(--dim);
}
.msline b {
  margin-inline-start: auto;
  font-variant-numeric: tabular-nums;
}
.msline b.gr {
  color: var(--grn);
}
.msline b.am {
  color: var(--amber);
}
.mssep {
  height: 1px;
  background: var(--line);
  margin-block: 5px 4px;
}
.msdim {
  color: var(--line3);
}
.lgFlow.dim {
  opacity: .34;
}
.lgTrail {
  display: inline-block;
  width: 14px;
  height: 2px;
  background:
    linear-gradient(
      90deg,
      rgba(96, 225, 160, 0),
      #60e1a0);
  vertical-align: middle;
  border-radius: 1px;
}
.lgComet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  vertical-align: middle;
  background:
    radial-gradient(
      circle at 60% 40%,
      #eef8ff 0%,
      #a0dcff 55%,
      rgba(160, 220, 255, 0) 75%);
}
.lgHole {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  vertical-align: middle;
  background: #05070c;
  box-shadow: 0 0 0 1.5px #ffb066, 0 0 6px rgba(255, 176, 102, .6);
}
.wstar {
  flex: 0 0 auto;
  background: none;
  border: 0;
  padding: 5px 6px 5px 2px;
  margin: -4px 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  color: var(--line3);
  font-size: 12px;
  line-height: 1;
  transition: color .12s;
}
.wstar:hover {
  color: var(--amber);
}
.wstar.on {
  color: var(--amber);
}
.wstar:focus-visible {
  outline: 1px solid var(--grn);
  outline-offset: 1px;
  border-radius: 2px;
}
.ff.loading {
  opacity: .6;
  pointer-events: none;
}
#pitch {
  position: absolute;
  inset-block-end: 16px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: 7;
  max-width: min(560px, calc(100vw - 32px));
  background: var(--overlay2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 12px 34px 13px 14px;
  font-size: 11.5px;
  line-height: 1.65;
  color: var(--dim2);
  box-shadow: 0 10px 30px var(--shadow);
}
#pitch b {
  color: var(--bright);
  font-weight: 400;
}
#pitch span {
  display: block;
  margin-block-start: 6px;
  font-size: 10.5px;
  color: var(--dim);
}
#pitch .px {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 7px;
  background: none;
  border: 1px solid var(--line2);
  border-radius: 3px;
  width: 20px;
  height: 20px;
  line-height: 1;
  color: var(--dim);
  cursor: pointer;
  font-size: 12px;
}
#pitch .px:hover {
  color: var(--bright);
  border-color: var(--line3);
}
#pitch.gone {
  display: none;
}
#tooltip {
  position: absolute;
  z-index: 9;
  pointer-events: none;
  display: none;
  max-width: 262px;
  background: var(--overlay2);
  border: 1px solid var(--line2);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 10.5px;
  line-height: 1.6;
  box-shadow: 0 8px 26px var(--shadow);
}
#tooltip.on {
  display: block;
}
#tooltip .tt {
  color: var(--bright);
  font-size: 12px;
  margin-bottom: 2px;
}
#tooltip .tr {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--dim);
}
#tooltip .tr b {
  color: var(--txt);
  font-weight: 400;
}
#tooltip .vd {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--line);
  font-size: 9.5px;
  letter-spacing: .6px;
}
.tbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--line);
  background: var(--bg2);
  flex-wrap: wrap;
}
.tbar input[type=search] {
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 5px 9px;
  font-size: 11px;
  color: var(--bright);
  outline: none;
  width: 250px;
}
.tbar input[type=search]:focus {
  border-color: var(--grnline);
}
.tbar input[type=number] {
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 10.5px;
  color: var(--bright);
  outline: none;
  width: 74px;
}
.mini {
  font-size: 9.5px;
  letter-spacing: .6px;
  color: var(--dim);
  display: flex;
  align-items: center;
  gap: 5px;
}
.tfilters {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.ff {
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 10px;
  color: var(--dim);
  cursor: pointer;
  transition: .12s;
  white-space: nowrap;
}
.ff:hover {
  color: var(--txt);
  border-color: var(--line3);
}
.ff.on {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.tcount {
  font-size: 10px;
  color: var(--dim);
  white-space: nowrap;
}
.tscroll {
  flex: 1 1 auto;
  overflow: auto;
  min-height: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}
thead th {
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  background: var(--sunken);
  text-align: end;
  padding: 7px 9px;
  font-size: 9px;
  letter-spacing: .9px;
  color: var(--dim);
  font-weight: 400;
  border-bottom: 1px solid var(--line2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
thead th:hover {
  color: var(--txt);
}
thead th.first {
  text-align: start;
}
thead th.sorted {
  color: var(--grn);
}
thead th .ar {
  font-size: 8px;
  margin-inline-start: 3px;
}
tbody td {
  padding: 6px 9px;
  border-bottom: 1px solid var(--panel2);
  text-align: end;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
tbody td.first {
  text-align: start;
}
tbody tr {
  cursor: pointer;
  transition: background .1s;
}
tbody tr:hover {
  background: var(--panel);
}
tbody tr.sel {
  background: var(--grnbg);
  box-shadow: inset 3px 0 0 var(--grn);
}
tbody tr.flash {
  animation: rowflash 1.1s ease-out;
}
@keyframes rowflash {
  from {
    background: var(--grnbg);
  }
  to {
    background: transparent;
  }
}
.cSym {
  display: flex;
  align-items: center;
  gap: 7px;
}
.cSym img {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  background: var(--sunken);
  flex: 0 0 auto;
  object-fit: cover;
}
.cSym .ph {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  font-size: 8px;
  color: var(--bg2);
  font-weight: 700;
}
.cSym b {
  color: var(--bright);
  font-weight: 400;
}
.cSym span {
  color: var(--dim);
  font-size: 9.5px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pill {
  display: inline-block;
  font-size: 9px;
  letter-spacing: .5px;
  padding: 1px 5px;
  border-radius: 2px;
  border: 1px solid;
  white-space: nowrap;
}
.pill.CLEAN {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.pill.WATCH {
  color: var(--cyan);
  border-color: var(--cyanline);
  background: var(--cyanbg);
}
.pill.CAUTION {
  color: var(--amber);
  border-color: var(--ambline);
  background: var(--ambbg);
}
.pill.AVOID {
  color: var(--red);
  border-color: var(--redline);
  background: var(--redbg);
}
.pill.RUGGED {
  color: #fff;
  border-color: var(--redline);
  background: var(--redline);
}
.pill.DEAD {
  color: var(--dim);
  border-color: var(--line2);
  background: var(--sunken);
}
.pill.na {
  color: var(--dim);
  border-color: var(--line);
  background: transparent;
}
.rep {
  font-variant-numeric: tabular-nums;
  font-weight: 400;
}
.repbar {
  display: inline-block;
  width: 34px;
  height: 4px;
  border-radius: 2px;
  background: var(--panel3);
  position: relative;
  margin-inline-end: 6px;
  vertical-align: middle;
}
.repbar i {
  position: absolute;
  inset-block: 0;
  width: 2px;
  background: var(--c);
  border-radius: 1px;
}
.spark {
  display: block;
}
#tMore,
#aMore {
  padding: 13px;
  text-align: center;
  color: var(--dim);
  font-size: 10.5px;
}
#tMore button,
#aMore button {
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 6px 16px;
  color: var(--txt);
  cursor: pointer;
  font-size: 10.5px;
}
#tMore button:hover {
  border-color: var(--line3);
  color: var(--bright);
}
#fleetScroll,
#armadaScroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
#armadaGrid {
  padding: 0 14px 18px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
}
#fleetTop {
  padding: 0 14px 12px;
}
.fpodium {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.fpod {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px 11px;
  text-align: start;
  cursor: pointer;
  font-family: inherit;
  color: var(--txt);
}
.fpod:hover {
  border-color: var(--line3);
}
.fpod.on {
  border-color: var(--grn);
  background: var(--panel2);
}
.fpod u {
  display: block;
  text-decoration: none;
  font: 700 9px var(--mono);
  letter-spacing: 1.2px;
  color: var(--dim);
  margin-bottom: 6px;
}
.fpod.on u {
  color: var(--grn);
}
.fpr {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 10.5px;
  padding: 2px 0;
  min-width: 0;
}
.fpr i {
  font-style: normal;
  font: 700 9px var(--mono);
  color: var(--dim);
  flex: 0 0 12px;
}
.fpr b {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.fpr em {
  font-style: normal;
  margin-inline-start: auto;
  color: var(--dim2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fcamp {
  display: inline-block;
  margin-inline-start: 8px;
  font: 600 8.5px var(--mono);
  letter-spacing: .6px;
  border: 1px solid;
  border-radius: 9px;
  padding: 1px 7px;
  vertical-align: 2px;
  white-space: nowrap;
}
.fcard.incamp {
  box-shadow: inset 3px 0 0 var(--cc);
}
.fcsib {
  font-size: 9px;
}
#fleetGrid {
  padding: 0 14px 18px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
  gap: 10px;
  grid-auto-rows: min-content;
  align-content: start;
  align-items: start;
}
#fleetDorm {
  padding: 0 14px 18px;
}
#fleetDorm:empty {
  padding: 0;
}
.fdorm {
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 10px;
  text-align: start;
  cursor: pointer;
  background: var(--sunken);
  border: 1px dashed var(--line3);
  border-radius: 7px;
  padding: 9px 12px;
  color: var(--dim);
  font: inherit;
}
.fdorm b {
  font: 600 10px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  white-space: nowrap;
}
.fdorm span {
  font-size: 10px;
  line-height: 1.5;
}
.fdorm:hover,
.fdorm.open {
  border-color: var(--dim);
}
.fgridd {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
  gap: 10px;
  margin-top: 10px;
  grid-auto-rows: min-content;
  align-content: start;
  align-items: start;
}
.fcard {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
  cursor: pointer;
  transition: .13s;
  position: relative;
  overflow: hidden;
}
.fcard:hover {
  border-color: var(--line3);
  background: var(--panel2);
  transform: translateY(-1px);
}
.fcard:before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 2px;
  background: var(--fc,var(--neutral));
}
.fcard .fr {
  position: absolute;
  inset-block-start: 9px;
  inset-inline-end: 11px;
  font-size: 17px;
  color: var(--line2);
  font-weight: 700;
}
.fcard .fn {
  color: var(--bright);
  font-size: 13px;
  letter-spacing: .4px;
  margin-bottom: 1px;
  max-width: 82%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fcard .fm {
  font-size: 9.5px;
  color: var(--dim);
  margin-bottom: 9px;
}
.fcard .fstats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 7px;
  margin-bottom: 9px;
}
.fcard .fs {
  background: var(--sunken);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 5px 7px;
}
.fcard .fs u {
  display: block;
  font-size: 8.5px;
  letter-spacing: .8px;
  color: var(--dim);
  text-decoration: none;
  margin-bottom: 1px;
}
.fcard .fs b {
  font-size: 12.5px;
  color: var(--bright);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.fcard .fbar {
  height: 5px;
  border-radius: 3px;
  background: var(--panel2);
  position: relative;
  overflow: hidden;
  margin-bottom: 7px;
}
.fcard .fbar i {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  background: var(--fc);
  border-radius: 3px;
}
.fcard .fcrew {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.fcard .fa {
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 2px;
  background: var(--sunken);
  border: 1px solid var(--line);
  color: var(--dim2);
  max-width: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csec {
  border-block-start: 1px solid var(--line);
  margin-block-start: 18px;
  padding-block-end: 26px;
}
.vhead.sub2 {
  padding-block: 14px 10px;
}
.vhead.sub2 h1 {
  font-size: 13.5px;
  color: var(--dim2);
  letter-spacing: 1.4px;
}
.cgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 14px;
  padding: 0 14px;
}
.cgroup {
  min-width: 0;
}
.cgroup h3 {
  font-size: 9.5px;
  letter-spacing: 1.2px;
  color: var(--grn);
  font-weight: 700;
  padding-block-end: 7px;
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}
.cgroup h3.second {
  padding-block-start: 14px;
  color: var(--dim);
}
.cgroup h3 span {
  font-weight: 400;
  letter-spacing: .3px;
  color: var(--dim);
  font-size: 9.5px;
  text-transform: none;
}
.ccard {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 11px;
  margin-block-end: 7px;
  cursor: pointer;
  transition: .12s;
}
.ccard:hover {
  border-color: var(--line2);
  background: var(--panel2);
}
.ccard:focus-visible {
  outline: 1px solid var(--grn);
  outline-offset: -1px;
}
.ccard.thin {
  border-style: dashed;
  cursor: default;
  background: none;
}
.ccard.thin:hover {
  background: none;
  border-color: var(--line);
}
.cch {
  display: flex;
  gap: 7px;
  align-items: baseline;
  flex-wrap: wrap;
  margin-block-end: 4px;
}
.cch b {
  color: var(--bright);
  font-weight: 400;
  font-size: 12px;
}
.clink {
  color: var(--dim);
  font-size: 12px;
}
.cn {
  margin-inline-start: auto;
  font-size: 12px;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.cn em {
  font-style: normal;
  font-size: 8.5px;
  color: var(--dim);
  margin-inline-start: 3px;
}
.cscore {
  margin-inline-start: auto;
  font-size: 12px;
  color: var(--amber);
  font-variant-numeric: tabular-nums;
}
.cm {
  font-size: 10px;
  color: var(--dim2);
  line-height: 1.5;
}
.cm.mut {
  color: var(--dim);
}
.ctag {
  font-size: 8px;
  letter-spacing: .6px;
  padding: 1px 4px;
  border-radius: 2px;
  border: 1px solid var(--line2);
  color: var(--dim);
}
.ctag.proto {
  color: var(--cyan);
  border-color: var(--cyanline);
  background: var(--cyanbg);
}
.cchips {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-block-start: 6px;
}
.cchip {
  font-size: 9px;
  padding: 1.5px 5px;
  border-radius: 2px;
  background: var(--sunken);
  border: 1px solid var(--line);
  color: var(--dim2);
  cursor: pointer;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cchip:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.cchip.proto {
  color: var(--cyan);
  border-color: var(--cyanline);
}
.cchip i {
  font-style: normal;
  color: var(--dim);
  margin-inline-start: 3px;
  font-variant-numeric: tabular-nums;
}
.cev {
  font-size: 10px;
  color: var(--dim2);
  line-height: 1.55;
  padding-block-start: 1px;
}
.cev u {
  text-decoration: none;
  display: inline-block;
  min-width: 88px;
  font-size: 8.5px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--dim);
}
.cnone {
  border: 1px dashed var(--line2);
  border-radius: 6px;
  padding: 11px;
  font-size: 10.5px;
  color: var(--dim2);
  line-height: 1.6;
}
.cnone span {
  display: block;
  margin-block-start: 5px;
  font-size: 10px;
  color: var(--dim);
}
.cnote {
  font-size: 10px;
  color: var(--dim);
  line-height: 1.65;
  padding-block-start: 8px;
  max-width: 72ch;
}
.cnote b {
  color: var(--dim2);
  font-weight: 400;
}
#rail {
  flex: 0 0 var(--rail);
  border-inline-start: 1px solid var(--line);
  background: var(--panel);
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  transition: flex-basis .2s;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
#rail.empty {
  flex-basis: 0;
  border-inline-start: none;
}
#railBody {
  padding: 0 0 26px;
}
.rhead {
  position: sticky;
  inset-block-start: 0;
  z-index: 3;
  background: var(--sunken);
  border-bottom: 1px solid var(--line2);
  padding: 11px 13px;
}
.rhead .rx {
  position: absolute;
  inset-block-start: 9px;
  inset-inline-end: 10px;
  background: none;
  border: 1px solid var(--line2);
  border-radius: 3px;
  width: 20px;
  height: 20px;
  line-height: 1;
  color: var(--dim);
  cursor: pointer;
  font-size: 12px;
}
.rhead .rx:hover {
  color: var(--bright);
  border-color: var(--line3);
}
.rid {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding-inline-end: 26px;
}
.rid img,
.rid .ph {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  flex: 0 0 auto;
  background: var(--sunken);
  object-fit: cover;
}
.rid .ph {
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--bg2);
}
.rid h2 {
  font-size: 14.5px;
  color: var(--bright);
  letter-spacing: .3px;
  font-weight: 700;
  line-height: 1.25;
}
.rid .rsub {
  font-size: 10px;
  color: var(--dim);
  margin-top: 2px;
}
.rprice {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: 9px;
}
.rprice .pv {
  font-size: 19px;
  color: var(--bright);
  font-variant-numeric: tabular-nums;
}
.rprice .pu {
  font-size: 10px;
  color: var(--dim);
}
.rsec {
  padding: 11px 13px;
  border-bottom: 1px solid var(--line);
}
.rsec h3 {
  font-size: 9px;
  letter-spacing: 1.4px;
  color: var(--dim);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.rsec h3:after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}
.rsec h3 .tagx {
  font-size: 8px;
  letter-spacing: .6px;
  color: var(--violet);
  border: 1px solid var(--viline);
  border-radius: 2px;
  padding: 0 4px;
  background: var(--vibg);
}
.rsec h3 .tagx.inspector {
  color: var(--cyan);
  border-color: var(--cyanline);
  background: var(--cyanbg);
}
.kv {
  display: flex;
  justify-content: space-between;
  gap: 11px;
  padding: 3px 0;
  font-size: 11px;
}
.kv u {
  text-decoration: none;
  color: var(--dim);
}
.kv b {
  color: var(--txt);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  text-align: end;
}
.kv b.g {
  color: var(--grn);
}
.kv b.r {
  color: var(--red);
}
.kv b.a {
  color: var(--amber);
}
.ralert {
  display: flex;
  gap: 7px;
  align-items: baseline;
  font-size: 10.5px;
  line-height: 1.5;
  padding: 4px 0;
  border-bottom: 1px solid var(--line);
}
.ralert:last-of-type {
  border-bottom: none;
}
.ralert .rd0 {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-block-start: 5px;
}
.ralert u {
  flex: 0 0 auto;
  text-decoration: none;
  font-size: 8.5px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--dim);
  width: 76px;
}
.ralert span {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--dim2);
}
.rfine {
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.55;
  margin-block-start: 5px;
}
.rchg {
  border-inline-start: 2px solid var(--line2);
  padding-inline-start: 8px;
}
.rchg.high {
  border-color: var(--red);
}
.rchg.medium {
  border-color: var(--amber);
}
.rchgrow {
  display: flex;
  gap: 7px;
  align-items: baseline;
  font-size: 10.5px;
  line-height: 1.5;
  padding: 2.5px 0;
}
.rchgrow u {
  flex: 0 0 auto;
  text-decoration: none;
  font-size: 8.5px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--dim);
  width: 82px;
}
.rchgrow span {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--txt);
}
.rassoc {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 7px 9px;
  margin-block-end: 6px;
  background: var(--sunken);
}
.rassoc.thin {
  border-style: dashed;
  background: none;
}
.rah {
  display: flex;
  gap: 8px;
  align-items: baseline;
  font-size: 11px;
}
.rah b {
  color: var(--bright);
  font-weight: 400;
}
.rah span {
  margin-inline-start: auto;
  font-variant-numeric: tabular-nums;
  color: var(--txt);
}
.rah span.am {
  color: var(--amber);
}
.rah span.mut {
  color: var(--dim);
  font-size: 9.5px;
}
.rchips {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-block-start: 5px;
}
.rchip {
  font-size: 9px;
  padding: 1.5px 5px;
  border-radius: 2px;
  background: var(--panel2);
  border: 1px solid var(--line);
  color: var(--dim2);
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rchip:hover {
  border-color: var(--line3);
  color: var(--bright);
  text-decoration: none;
}
.rchip.proto {
  color: var(--cyan);
  border-color: var(--cyanline);
}
.rchip i {
  font-style: normal;
  color: var(--dim);
  margin-inline-start: 3px;
  font-variant-numeric: tabular-nums;
}
.agrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: 5px;
  overflow: hidden;
}
.af {
  background: var(--sunken);
  padding: 6px 8px;
  cursor: help;
  position: relative;
}
.af u {
  display: block;
  font-size: 8.5px;
  letter-spacing: .7px;
  color: var(--dim);
  text-decoration: none;
  margin-bottom: 2px;
}
.af b {
  font-size: 12px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  gap: 5px;
}
.af b:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.af.ok b {
  color: var(--ok);
}
.af.ok b:before {
  background: var(--ok);
}
.af.warn b {
  color: var(--warn);
}
.af.warn b:before {
  background: var(--warn);
}
.af.bad b {
  color: var(--bad);
}
.af.bad b:before {
  background: var(--bad);
}
.af.na b {
  color: var(--na);
}
.af.na b:before {
  background: var(--na);
}
.af.info b {
  color: var(--cyan);
}
.af.info b:before {
  background: var(--cyan);
}
.af.orig {
  background: var(--vibg);
}
.af.orig u:after {
  content: " \2605\fe0e";
  color: var(--violet);
}
.averdict {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 9px;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid;
}
.averdict .vt {
  font-size: 13px;
  letter-spacing: 1.1px;
}
.averdict .vn {
  font-size: 10px;
  line-height: 1.45;
  color: var(--dim2);
}
.averdict.CLEAN {
  border-color: var(--grnline);
  background: var(--grnbg);
}
.averdict.CLEAN .vt {
  color: var(--grn);
}
.averdict.WATCH {
  border-color: var(--cyanline);
  background: var(--cyanbg);
}
.averdict.WATCH .vt {
  color: var(--cyan);
}
.averdict.CAUTION {
  border-color: var(--ambline);
  background: var(--ambbg);
}
.averdict.CAUTION .vt {
  color: var(--amber);
}
.averdict.AVOID {
  border-color: var(--redline);
  background: var(--redbg);
}
.averdict.AVOID .vt {
  color: var(--red);
}
.averdict.RUGGED {
  border-color: var(--redline);
  background: var(--redbg);
}
.averdict.RUGGED .vt {
  color: #fca5a5;
}
.averdict.DEAD {
  border-color: var(--line2);
  background: var(--sunken);
}
.averdict.DEAD .vt {
  color: var(--dim2);
}
.repwrap {
  margin-bottom: 4px;
}
.repmeter {
  position: relative;
  height: 9px;
  border-radius: 5px;
  margin: 15px 0 4px;
  background:
    linear-gradient(
      90deg,
      var(--redline),
      var(--ambline) 32%,
      var(--line2) 50%,
      var(--grnline) 68%,
      var(--cyanline));
}
.repmeter i {
  position: absolute;
  inset-block: -3px;
  width: 3px;
  border-radius: 2px;
  background: var(--rc,var(--bright));
  transform: translateX(-1.5px);
  box-shadow: 0 0 0 1px rgba(6, 9, 13, .9), 0 0 7px rgba(255, 255, 255, .45);
}
.repmeter i::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: calc(100% + 3px);
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-block-start-color: var(--rc,var(--bright));
  filter: drop-shadow(0 1px 1px rgba(6, 9, 13, .95));
}
.repmeter u {
  position: absolute;
  inset-block: 2px;
  inset-inline-start: 50%;
  width: 1px;
  background: rgba(255, 255, 255, .28);
  transform: translateX(-.5px);
}
.repmark {
  position: absolute;
  inset: -4px 0;
  inline-size: 100%;
  block-size: calc(100% + 8px);
  overflow: visible;
  pointer-events: none;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, .35));
}
.repscale {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  letter-spacing: .7px;
  color: var(--dim);
}
.repparts {
  margin-top: 8px;
}
.pbar {
  display: grid;
  grid-template-columns: 74px 1fr 34px;
  gap: 7px;
  align-items: center;
  font-size: 9.5px;
  padding: 2px 0;
  color: var(--dim2);
}
.pbar .pt {
  height: 5px;
  border-radius: 3px;
  background: var(--panel2);
  position: relative;
  overflow: hidden;
}
.pbar .pt i {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  border-radius: 3px;
}
.pbar .pv {
  text-align: end;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.pbar.neg .pt i {
  background: var(--red);
}
.pbar.pos .pt i {
  background: var(--grn);
}
.hrow {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 3px 0;
  font-size: 10.5px;
  border-bottom: 1px solid var(--panel2);
}
.hrow:last-child {
  border-bottom: none;
}
.hrow .hn {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--txt);
}
.hrow .hp {
  color: var(--dim2);
  font-variant-numeric: tabular-nums;
  width: 48px;
  text-align: end;
}
.hrow .tg {
  font-size: 8px;
  letter-spacing: .5px;
  padding: 0 4px;
  border-radius: 2px;
  border: 1px solid;
}
.hrow .hp.g {
  color: var(--grn);
}
.hrow .hp.r {
  color: var(--red);
}
.hrow .tg + .tg {
  margin-inline-start: 3px;
}
.hrow .hn .tg {
  margin-inline-start: 4px;
}
.kv b span.g {
  color: var(--grn);
}
.kv b span.r {
  color: var(--red);
}
.rsec h3 .tagx.live {
  color: var(--grn);
  border-color: var(--grnline,#1d3a2a);
  background: var(--grnbg,#0d1f16);
}
.tg.dev {
  color: var(--amber);
  border-color: var(--ambline);
}
.tg.fleet {
  color: var(--violet);
  border-color: var(--viline);
}
.tg.snipe {
  color: var(--red);
  border-color: var(--redline);
}
.tg.ins {
  color: var(--mag);
  border-color: var(--viline);
}
.tg.bun {
  color: var(--cyan);
  border-color: var(--cyanline);
}
.rbtns {
  display: flex;
  gap: 6px;
  padding: 11px 13px;
}
.rbtns a {
  flex: 1;
  text-align: center;
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 6px;
  font-size: 10px;
  color: var(--txt);
  text-decoration: none;
}
.rbtns a:hover {
  border-color: var(--line3);
  color: var(--bright);
  text-decoration: none;
}
.feedrow {
  display: flex;
  gap: 7px;
  align-items: baseline;
  font-size: 10px;
  padding: 3px 0;
  border-bottom: 1px solid var(--panel2);
}
.feedrow .ft {
  font-size: 8.5px;
  letter-spacing: .5px;
  padding: 0 4px;
  border-radius: 2px;
  border: 1px solid;
  flex: 0 0 auto;
}
.feedrow .fw {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dim2);
}
.feedrow .fv {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  flex: 0 0 auto;
}
.desc {
  font-size: 10.5px;
  color: var(--dim2);
  line-height: 1.6;
  max-height: 112px;
  overflow-y: auto;
}
.prose {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 18px 40px;
  max-width: 104ch;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.prose h2 {
  font-size: 12.5px;
  letter-spacing: 1.1px;
  color: var(--grn);
  margin: 20px 0 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--line);
}
.prose h3 {
  font-size: 11.5px;
  color: var(--bright);
  margin: 14px 0 5px;
}
.prose p {
  font-size: 11.5px;
  color: var(--dim2);
  line-height: 1.72;
  margin-bottom: 9px;
}
.prose ul {
  margin: 0 0 10px;
  padding-inline-start: 17px;
}
.prose li {
  font-size: 11.5px;
  color: var(--dim2);
  line-height: 1.7;
  margin-bottom: 3px;
}
.prose b {
  color: var(--txt);
  font-weight: 400;
}
.prose table {
  margin: 8px 0 14px;
  font-size: 10.5px;
  border: 1px solid var(--line);
  table-layout: auto;
}
.prose th,
.prose td {
  white-space: normal;
  vertical-align: top;
  line-height: 1.55;
  padding: 5px 8px;
}
.prose td code {
  white-space: normal;
  display: inline-block;
}
.prose th {
  text-align: start;
  cursor: default;
  background: var(--sunken);
}
.prose th:hover {
  color: var(--dim);
}
.prose td {
  text-align: start;
  color: var(--dim2);
}
.prose td:first-child {
  color: var(--txt);
}
.prose .lede {
  font-size: 12px;
  color: var(--dim);
  line-height: 1.75;
  border-inline-start: 2px solid var(--grn);
  padding-inline-start: 11px;
  margin: 12px 0 4px;
}
.prose code {
  font-family: inherit;
  font-size: 10.5px;
  color: var(--bright);
  background: var(--sunken);
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 1px 5px;
  white-space: nowrap;
}
.prose sub {
  font-size: 8px;
  color: var(--dim);
}
.math {
  margin: 9px 0 13px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--bg);
  padding: 3px 0;
  overflow-x: auto;
}
.mrow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 6px 12px;
}
.mrow + .mrow {
  border-top: 1px solid var(--panel);
}
.mrow code {
  background: none;
  border: none;
  padding: 0;
  color: var(--grn);
  font-size: 11px;
  letter-spacing: .2px;
  flex: 0 0 auto;
  white-space: pre-wrap;
}
.mrow span {
  font-size: 10.5px;
  color: var(--dim);
  line-height: 1.5;
  flex: 1 1 22ch;
  min-width: 0;
  text-align: end;
  white-space: normal;
}
.mrow span code {
  color: var(--dim2);
  font-size: 10px;
}
@media (max-width: 760px) {
  .mrow span {
    text-align: start;
    flex-basis: 100%;
  }
}
.callout {
  border: 1px solid var(--ambline);
  background: var(--ambbg);
  border-radius: 5px;
  padding: 9px 11px;
  margin: 10px 0;
}
.callout b {
  color: var(--amber);
}
.callout.good {
  border-color: var(--grnline);
  background: var(--grnbg);
}
.callout.good b {
  color: var(--grn);
}
#boot {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: var(--bg);
  display: grid;
  place-items: center;
  transition: opacity .35s;
  font-size: 11px;
  color: var(--dim);
}
#boot.done {
  opacity: 0;
  pointer-events: none;
}
.bootbox {
  text-align: center;
}
.bspin {
  width: 34px;
  height: 34px;
  margin: 0 auto 13px;
  border-radius: 50%;
  border: 2px solid var(--line2);
  border-top-color: var(--grn);
  animation: spin .85s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.err {
  color: var(--red);
}
.chipbtn {
  background: none;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.4;
  min-height: 24px;
  transition: .12s;
}
.chipbtn:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.mbtn-mobile {
  display: none;
}
#mLegend {
  display: none;
}
.hudrow-mobile {
  display: none;
}
.dbody {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 18px 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.dslot {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.dslot > .dpanel {
  flex: 1 1 auto;
}
.dbody > * {
  flex: 0 0 auto;
}
.dgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}
.dgrid.top {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}
.dpanel {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dpanel > .dhead {
  flex: 0 0 auto;
}
.dpbody {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.dpanel.wide {
  grid-column: 1 / -1;
}
.dhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--bg2);
}
.dhead h2 {
  font-size: 11.5px;
  letter-spacing: 1.3px;
  color: var(--grn);
  font-weight: 700;
}
.dwin {
  font-size: 9px;
  letter-spacing: .7px;
  color: var(--dim);
  white-space: nowrap;
}
.dsub {
  font-size: 8.5px;
  letter-spacing: 1.2px;
  color: var(--dim);
  padding: 8px 12px 4px;
}
.dfoot {
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.6;
  padding: 8px 12px 10px;
  border-block-start: 1px solid var(--line);
  background: var(--bg2);
  flex: 0 0 auto;
  margin-block-start: auto;
}
.dfoot b {
  color: var(--dim2);
  font-weight: 400;
}
.dempty {
  padding: 16px 12px;
  font-size: 11px;
  color: var(--dim2);
  line-height: 1.6;
}
.dempty .mut {
  display: block;
  margin-block-start: 4px;
  font-size: 10px;
}
.dsplit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.dsplit > div {
  min-width: 0;
}
.dsplit > div + div {
  border-inline-start: 1px solid var(--line);
}
.dsplit.charts {
  gap: 0;
  padding: 4px 0;
}
.drow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  cursor: pointer;
  border-block-start: 1px solid var(--line);
  transition: background .1s;
}
.drow:first-of-type {
  border-block-start: none;
}
.drow:hover {
  background: var(--panel2);
}
.drow:focus-visible {
  outline: 1px solid var(--grn);
  outline-offset: -1px;
}
.drow.tight {
  padding: 5px 12px;
  gap: 7px;
}
.drank {
  flex: 0 0 auto;
  width: 15px;
  text-align: center;
  font-size: 9.5px;
  color: var(--dim);
  font-variant-numeric: tabular-nums;
}
.drank.top {
  color: var(--amber);
}
.dtile {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 4px;
  object-fit: cover;
  background: var(--sunken);
  border: 1px solid var(--line);
}
.dtile.round {
  border-radius: 50%;
}
.dname {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 6px;
  align-items: baseline;
  overflow: hidden;
}
@media (max-width: 560px) {
  .dname {
    min-inline-size: 72px;
  }
  .dname b {
    font-size: 10.5px;
  }
  .dnum em {
    display: none;
  }
  .dwho {
    display: none;
  }
  .daccrete {
    flex: 0 1 64px;
    min-width: 48px;
  }
}
.dname b {
  color: var(--bright);
  font-weight: 400;
  font-size: 11.5px;
  white-space: nowrap;
}
.dname i {
  font-style: normal;
  color: var(--dim);
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnum {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  text-align: end;
  min-width: 44px;
}
.dnum em {
  font-style: normal;
  color: var(--dim);
  font-size: 8.5px;
  margin-inline-start: 3px;
}
.dtmwrap {
  display: block;
  width: 100%;
  min-height: 190px;
  background: #0b0e13;
}
.dtreemap {
  display: block;
  width: 100%;
  height: auto;
  background: #0b0e13;
}
.dtreemap g:focus-visible rect,
.dtreemap g:hover rect {
  stroke: var(--grn);
  stroke-width: 1.5;
}
.daccrete {
  flex: 1 1 90px;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 70px;
}
.daccrete .bar {
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: var(--panel3);
  overflow: hidden;
}
.daccrete .bar span {
  display: block;
  height: 100%;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      #38bdf8,
      #4ade80);
}
.daccrete em {
  font-style: normal;
  font-size: 9px;
  color: var(--dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.dwho {
  flex: 0 1 auto;
  font-size: 10.5px;
  color: var(--dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dcoinlink {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--blu,#7dd3fc);
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}
.dcoinlink:hover {
  color: #bfe9ff;
}
.hbubbles {
  display: block;
  width: 100%;
  height: auto;
  background: #0b0e13;
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-block-end: 7px;
}
.hbubbles g:hover circle:first-of-type {
  stroke: var(--grn);
  stroke-width: 1.6;
}
.hbleg {
  font-size: 9px;
  color: var(--dim);
  line-height: 1.5;
  margin-block-end: 8px;
}
.cartelLink {
  display: inline-block;
  font-size: 11px;
  color: #7dd3fc;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 6px 10px;
  text-decoration: none;
}
.cartelLink:hover {
  border-color: var(--grn);
  color: #bfe9ff;
}
.fsankey {
  display: block;
  width: 100%;
  height: auto;
  background: #0b0e13;
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-block: 7px;
}
#mReplayWrap input[type=range] {
  inline-size: 110px;
  accent-color: #38bdf8;
}
.hplay {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 4px;
  color: #38bdf8;
  font: 10px var(--mono);
  padding: 2px 7px;
  cursor: pointer;
  line-height: 1.2;
}
.hplay:hover {
  border-color: #38bdf8;
}
#view-lifecycle.on {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}
.lifebody {
  flex: 0 0 auto;
  overflow: auto;
  max-block-size: 42dvh;
  padding: 10px 18px 8px;
}
.lifehead {
  padding-block-end: 4px;
}
.lhead[data-stage] {
  cursor: pointer;
}
.lhead[data-stage]:hover h2 {
  text-decoration: underline;
}
.lifegrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 1180px) {
  .lifegrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .lifegrid {
    grid-template-columns: 1fr;
  }
}
.lane {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.lhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 9px 12px;
  border-block-end: 2px solid;
}
.lhead h2 {
  margin: 0;
  font-size: 12px;
  letter-spacing: .08em;
}
.lcount {
  font-size: 15px;
  font-weight: 700;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.ldesc {
  margin: 0;
  padding: 7px 12px;
  font-size: 10px;
  color: var(--dim);
  line-height: 1.5;
  border-block-end: 1px solid var(--line);
}
.lrows {
  flex: 1 1 auto;
  min-block-size: 0;
  max-block-size: 26dvh;
  overflow: auto;
}
.lrow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  cursor: pointer;
  border-block-start: 1px solid var(--line);
}
.lrow:first-of-type {
  border-block-start: none;
}
.lrow:hover {
  background: var(--panel2);
}
.lrow .ctile {
  inline-size: 18px;
  block-size: 18px;
  border-radius: 4px;
  overflow: hidden;
  flex: 0 0 auto;
  background: var(--sunken);
}
.lrow .ctile img {
  inline-size: 100%;
  block-size: 100%;
  display: block;
}
.lname {
  flex: 1 1 auto;
  min-inline-size: 56px;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.lname b {
  font-size: 11px;
  color: var(--txt);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lname i {
  font-style: normal;
  font-size: 9px;
  color: var(--dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lane {
  container-type: inline-size;
}
@container (max-width:330px) {
  .lname i {
    display: none;
  }
  .lrow {
    gap: 6px;
    padding-inline: 9px;
  }
  .lnum {
    font-size: 10px;
  }
  .lnum em {
    display: block;
    margin-inline-start: 0;
  }
}
.lnum {
  flex: 0 0 auto;
  font-size: 10.5px;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  text-align: end;
}
.lnum em {
  font-style: normal;
  color: var(--dim);
  font-size: 8px;
  margin-inline-start: 3px;
}
.lnum.mut {
  color: var(--dim);
}
.laccrete {
  flex: 0 0 96px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.laccrete .bar {
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: var(--panel3);
  overflow: hidden;
}
.laccrete .bar span {
  display: block;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #38bdf8,
      #4ade80);
}
.laccrete em {
  font-style: normal;
  font-size: 8.5px;
  color: var(--dim);
  white-space: nowrap;
}
.lwho {
  flex: 0 0 auto;
  font-size: 9.5px;
  color: var(--dim);
}
.lmore {
  padding: 7px 12px;
  font-size: 9.5px;
  color: var(--dim);
  border-block-start: 1px solid var(--line);
  flex: 0 0 auto;
  margin-block-start: auto;
}
.lifefoot {
  margin: 14px 2px 0;
  font-size: 10px;
  color: var(--dim);
  line-height: 1.6;
}
#view-cartel.on {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}
.cbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 18px;
  border-block-end: 1px solid var(--line);
}
#cartelSearch {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--txt);
  font: 11px var(--mono);
  padding: 7px 10px;
  inline-size: 280px;
}
#cartelSearch:focus {
  outline: 1px solid var(--grn);
}
.cseeds {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.csearchWrap {
  position: relative;
}
.csearchWrap .msearchout {
  position: absolute;
  inset-block-start: calc(100% + 4px);
  inset-inline-start: 0;
  inline-size: 320px;
  max-block-size: 300px;
  overflow: auto;
  z-index: 8;
  border: 1px solid var(--line2);
  border-radius: 6px;
}
.cring {
  display: flex;
  gap: 6px;
  align-items: center;
}
.cring .mut {
  font-size: 9.5px;
}
.ckinds {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  flex-basis: 100%;
}
.ckinds .kk {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--dim);
  font: 9.5px var(--mono);
  padding: 3px 9px;
  cursor: pointer;
  opacity: .45;
}
.ckinds .kk::before {
  content: "";
  display: inline-block;
  inline-size: 7px;
  block-size: 7px;
  border-radius: 50%;
  background: var(--kc);
  margin-inline-end: 5px;
  vertical-align: 1px;
}
.ckinds .kk.on {
  opacity: 1;
  color: var(--txt);
  border-color: var(--kc);
}
.ckinds .kko {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 1px dashed var(--line3);
  border-radius: 11px;
  color: var(--dim);
  font: 9.5px var(--mono);
  padding: 3px 9px;
  cursor: help;
}
.ckinds .kko img {
  display: block;
}
.cseed {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--dim);
  font: 10px var(--mono);
  padding: 5px 10px;
  cursor: pointer;
}
.cseed:hover {
  color: var(--txt);
  border-color: var(--grn);
}
.cwrap {
  flex: 1;
  min-block-size: 0;
  position: relative;
  background: #07090d;
}
#cartelCanvas {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  cursor: grab;
}
.chint {
  padding: 7px 18px;
  font-size: 10px;
  color: var(--dim);
  border-block-start: 1px solid var(--line);
}
#cartelCard {
  position: absolute;
  z-index: 5;
  max-inline-size: 280px;
  background: rgba(10, 13, 19, .96);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  pointer-events: none;
  font: 10.5px var(--mono);
  color: var(--txt);
  box-shadow: 0 6px 24px var(--shadow);
}
#cartelCard .ccTitle {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
  margin-block-end: 5px;
}
#cartelCard .ccTitle b {
  font-size: 12px;
}
#cartelCard .ccTitle span {
  color: var(--dim);
  font-size: 9px;
}
#cartelCard .ccRoles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 9.5px;
  margin-block-end: 6px;
}
#cartelCard .ccGrid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  font-size: 10px;
}
#cartelCard .ccGrid span {
  color: var(--dim);
}
#cartelCard .ccGrid b {
  text-align: end;
  font-weight: 500;
}
#cartelCard .ccGrid b.g {
  color: #7ee2ae;
}
#cartelCard .ccGrid b.r {
  color: #ff9d9d;
}
#cartelCard .ccEdges {
  margin-block-start: 6px;
  padding-block-start: 6px;
  border-block-start: 1px solid var(--line);
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.6;
}
#cartelCard .ccEdges b {
  color: var(--txt);
  font-weight: 500;
}
#cartelCard .ccHint {
  margin-block-start: 6px;
  font-size: 8.5px;
  color: #5b6673;
}
.cngrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 6px;
  padding: 10px 12px;
}
.cncell {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid var(--line);
  border-radius: 5px;
  cursor: pointer;
}
.cncell:hover {
  background: var(--panel2);
}
.cnspark {
  inline-size: 64px;
  block-size: 22px;
  flex: 0 0 auto;
}
.cnsym {
  font-size: 10px;
  color: var(--txt);
  font-weight: 600;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cnd {
  font-size: 9.5px;
  font-variant-numeric: tabular-nums;
}
.cnd.g {
  color: #7ee2ae;
}
.cnd.r {
  color: #ff9d9d;
}
.dnum.g {
  color: var(--grn);
}
.dnum.r {
  color: var(--red);
}
.dv {
  flex: 0 0 auto;
  font-size: 8.5px;
  letter-spacing: .5px;
  min-width: 52px;
  text-align: end;
}
.dscore {
  flex: 0 0 auto;
  font-size: 11.5px;
  color: var(--amber);
  min-width: 26px;
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.dbar {
  flex: 0 0 auto;
  width: 58px;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  background: var(--sunken);
  border: 1px solid var(--line);
}
.dbar i {
  display: block;
  height: 100%;
}
.dbar i.in {
  background: var(--cyan);
}
.dbar i.out {
  background: var(--red);
}
.dcards {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.dcard {
  padding: 9px 12px;
  cursor: pointer;
  border-block-start: 1px solid var(--line);
  border-inline-start: 2px solid var(--fc,var(--line2));
  transition: background .1s;
}
.dcard:first-child {
  border-block-start: none;
}
.dcard:hover {
  background: var(--panel2);
}
.dcard:focus-visible {
  outline: 1px solid var(--grn);
  outline-offset: -1px;
}
.dcardh {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-block-end: 5px;
}
.dcardh b {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--bright);
  font-weight: 400;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dpwr {
  flex: 0 0 auto;
  font-size: 13px;
  color: var(--bright);
  font-variant-numeric: tabular-nums;
}
.dpwr em {
  font-style: normal;
  font-size: 8.5px;
  color: var(--dim);
  margin-inline-start: 3px;
}
.dpwr.g {
  color: var(--grn);
}
.dpwr.r {
  color: var(--red);
}
.dkv {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 10px;
  padding: 1.5px 0;
}
.dkv span {
  color: var(--dim);
}
.dkv b {
  color: var(--txt);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  text-align: end;
}
.dkv b.g {
  color: var(--grn);
}
.dkv b.r {
  color: var(--red);
}
.dstats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 1px;
  background: var(--line);
}
.dstats.agents {
  border-block-start: 1px solid var(--line);
}
.dstat {
  background: var(--panel);
  padding: 9px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dstat u {
  text-decoration: none;
  font-size: 8.5px;
  letter-spacing: 1.1px;
  color: var(--dim);
}
.dstat b {
  font-size: 15px;
  color: var(--bright);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.dstat i {
  font-style: normal;
  font-size: 9px;
  color: var(--dim);
  line-height: 1.5;
}
.ddelta {
  font-variant-numeric: tabular-nums;
}
.ddelta.up {
  color: var(--grn);
}
.ddelta.down {
  color: var(--red);
}
.dchart {
  padding: 9px 12px;
}
.dchart u {
  text-decoration: none;
  display: block;
  font-size: 8.5px;
  letter-spacing: 1.1px;
  color: var(--dim);
  margin-block-end: 5px;
}
.dspark {
  width: 100%;
  height: 30px;
  display: block;
  overflow: visible;
}
.dsev {
  flex: 0 0 auto;
  width: 9px;
  text-align: center;
  font-size: 8px;
  line-height: 1;
}
.dsev.r {
  color: var(--red);
}
.dsev.a {
  color: var(--amber);
}
.dsev.mut {
  color: var(--dim);
}
.dkind {
  flex: 0 0 auto;
  width: 82px;
  font-size: 8.5px;
  letter-spacing: .6px;
  color: var(--dim);
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drow.diff .dname {
  flex: 0 0 auto;
  width: 118px;
}
.drow.diff .dname b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ddetail {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 10px;
  color: var(--dim2);
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ddetail.fix {
  flex: 0 0 auto;
}
.drow.flat {
  cursor: default;
}
.drow.flat:hover {
  background: none;
}
.dmore {
  padding: 5px 12px;
  font-size: 9.5px;
  letter-spacing: .6px;
  color: var(--dim);
  border-block-start: 1px solid var(--line);
  background: var(--bg2);
}
.dnote {
  padding: 7px 12px 9px;
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.55;
  border-block-start: 1px solid var(--line);
}
.dnote b {
  color: var(--dim2);
  font-weight: 400;
}
.dchart.tall {
  padding: 11px 12px 7px;
}
.dspark.drift {
  height: 74px;
}
.dwrap {
  position: relative;
}
.dzero {
  position: absolute;
  inset-inline-start: 0;
  transform: translateY(-50%);
  font-size: 8.5px;
  color: var(--dim);
  background: var(--panel);
  padding-inline-end: 3px;
  line-height: 1;
}
.daxis {
  display: flex;
  justify-content: space-between;
  margin-block-start: 4px;
  font-size: 8.5px;
  letter-spacing: .5px;
  color: var(--dim);
  font-variant-numeric: tabular-nums;
}
.dsplit .dempty {
  padding: 12px;
}
@media (max-width: 1180px) {
  :root {
    --rail:308px;
  }
  #legend {
    display: none;
    position: absolute;
    inset-inline-start: 12px;
    inset-block-end: 12px;
    inset-block-start: auto;
    width: 288px;
    max-height: 62dvh;
    z-index: 22;
  }
  #legend.show {
    display: block;
  }
  .lgBody {
    max-height: calc(62dvh - 32px);
  }
  #mLegend {
    display: block;
    align-self: start;
  }
  .hudrow-mobile {
    display: flex;
  }
}
@media (max-width: 900px) {
  :root {
    --rail:0px;
  }
  #rail {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    flex-basis: auto;
    width: min(94vw, 352px);
    z-index: 20;
    box-shadow: -14px 0 34px var(--shadow);
  }
  #rail.empty {
    display: none;
  }
  #mapHud {
    width: 180px;
  }
  #tabs .tab {
    padding: 5px 7px;
    font-size: 10.5px;
  }
  #nav .senti {
    display: none;
  }
}
@media (max-width: 680px) {
  html,
  body {
    height: 100dvh;
  }
  body {
    font-size: 12px;
  }
  #nav {
    padding-inline-start: max(10px, env(safe-area-inset-left));
    padding-inline-end: max(10px, env(safe-area-inset-right));
  }
  #rail {
    padding-block-end: env(safe-area-inset-bottom);
  }
  #mapZoom {
    inset-inline-end: max(8px, env(safe-area-inset-right));
  }
  #nav {
    gap: 8px;
    padding-inline: 10px;
  }
  #nav .logo i {
    display: none;
  }
  #nav .logo span {
    font-size: 11.5px;
  }
  #tabs {
    display: none;
  }
  #nav .sp {
    display: none;
  }
  #bellBtn {
    margin-inline-start: auto;
  }
  #nav #navBurger {
    display: flex;
  }
  #nav #sentiment,
  #nav #scanChip,
  #nav #tiaChip,
  #nav #liveChip,
  #nav #deepChip,
  #nav #themeBtn {
    display: none;
  }
  .chip {
    min-height: 26px;
  }
  #subnav {
    padding-inline: 10px;
  }
  .stab {
    min-height: 26px;
  }
  .vhead {
    padding: 12px 12px 9px;
  }
  .vhead h1 {
    font-size: 14px;
  }
  .sub {
    font-size: 11px;
  }
  .tbar {
    flex-wrap: wrap;
    gap: 7px;
    padding: 8px 10px;
  }
  .tbar input[type=search] {
    flex: 1 1 100%;
    min-height: 34px;
  }
  .tfilters {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    max-width: 100%;
  }
  .tfilters::-webkit-scrollbar {
    display: none;
  }
  .ff {
    min-height: 30px;
    flex: 0 0 auto;
  }
  .mini {
    min-height: 30px;
  }
  .tscroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #view-terminal.on {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lifebody {
    max-block-size: none;
    overflow: visible;
    flex: 0 0 auto;
  }
  .lrows {
    max-block-size: 150px;
  }
  .tscroll {
    flex: 0 0 auto;
    block-size: calc(100dvh - 150px);
    min-block-size: 320px;
  }
  #tTable,
  #aTable {
    min-width: 760px;
  }
  #view-agents.on,
  #view-fleets.on,
  #view-method.on,
  #view-deck.on,
  #view-cartel.on,
  #view-armadas.on,
  #view-feeds.on {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #fleetScroll,
  #armadaScroll {
    flex: 0 0 auto;
    overflow-y: visible;
  }
  .fpodium {
    grid-template-columns: 1fr;
  }
  #fleetTop {
    padding-inline: 10px;
  }
  #view-method .prose,
  #view-feeds .prose {
    flex: 0 0 auto;
    overflow-y: visible;
  }
  .dbody {
    flex: 0 0 auto;
    overflow-y: visible;
    overflow-x: clip;
    overscroll-behavior: auto;
    touch-action: auto;
  }
  .dbody .dwwrap {
    max-height: none;
    overflow: visible;
  }
  .cwrap {
    flex: 0 0 auto;
    block-size: 70dvh;
    min-block-size: 320px;
  }
  #tTable th:first-child,
  #tTable td:first-child,
  #aTable th:first-child,
  #aTable td:first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 2;
    background: var(--bg2);
  }
  #tTable thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: 3;
  }
  #tTable thead th:first-child {
    z-index: 4;
  }
  #rail {
    inset-inline: 0;
    inset-block: auto 0;
    width: auto;
    height: 72dvh;
    border-inline-start: none;
    border-block-start: 1px solid var(--line2);
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
    box-shadow: 0 -16px 40px var(--shadow);
  }
  #mapHud {
    width: auto;
    inset-inline: 8px 92px;
    inset-block-start: 8px;
    gap: 5px;
  }
  #hudRows {
    display: none;
    flex-direction: column;
    gap: 5px;
  }
  #mapHud.open #hudRows {
    display: flex;
  }
  #mapHud .hudrow {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    max-width: 100%;
  }
  #mapHud .hudrow::-webkit-scrollbar {
    display: none;
  }
  #mapHud .msel {
    width: 100%;
  }
  .mbtn {
    min-height: 30px;
    flex: 0 0 auto;
  }
  .mbtn-mobile {
    display: block;
    align-self: start;
  }
  .hudrow-mobile {
    display: flex;
    gap: 5px;
  }
  .msel {
    min-height: 30px;
  }
  .msearch {
    min-height: 34px;
    font-size: 12px;
  }
  .hlab {
    display: none;
  }
  #mapZoom {
    inset-block-end: auto;
    inset-block-start: 8px;
    inset-inline-end: 8px;
    flex-direction: row;
  }
  #mapZoom button {
    width: 34px;
    height: 34px;
  }
  #mapStat {
    inset-block-start: auto;
    inset-block-end: 8px;
    inset-inline-end: 8px;
    font-size: 9px;
    padding: 5px 7px;
  }
  #tooltip {
    display: none !important;
  }
  #legend {
    inset-inline: 8px;
    width: auto;
    max-height: 56dvh;
  }
  .lgBody {
    max-height: calc(56dvh - 32px);
  }
  .fgrid {
    grid-template-columns: 1fr;
    padding: 0 10px 24px;
  }
  .cgrid {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 0 10px;
  }
  .cchip,
  .rchip {
    max-width: none;
  }
  .dbody {
    padding: 0 10px 24px;
    gap: 10px;
  }
  .dgrid,
  .dgrid.top {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .dhead {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .dhead h2 {
    white-space: nowrap;
  }
  .dwin {
    white-space: normal;
    line-height: 1.5;
    flex: 1 1 100%;
  }
  .dsplit {
    grid-template-columns: 1fr;
  }
  .dsplit > div + div {
    border-inline-start: none;
    border-block-start: 1px solid var(--line);
  }
  .dname i {
    display: none;
  }
  .dbar {
    width: 40px;
  }
  .dstat b {
    font-size: 14px;
  }
  .drow.diff {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .drow.diff .dname {
    flex: 1 1 auto;
    width: auto;
  }
  .drow.diff .ddetail {
    flex: 1 1 100%;
    white-space: normal;
    padding-inline-start: 16px;
  }
  .dsplit .drow {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .dsplit .drow .ddetail.fix {
    flex: 1 1 100%;
    padding-inline-start: 28px;
    text-align: start;
  }
  .dsplit .drow .dname {
    flex: 1 1 auto;
    min-width: 80px;
  }
  .prose {
    padding: 0 12px 32px;
  }
  .prose table {
    font-size: 10px;
  }
  #boot {
    font-size: 10.5px;
  }
}
@media (max-height: 460px) and (orientation: landscape) {
  #rail {
    height: 88dvh;
  }
  #legend {
    max-height: 80dvh;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: .01ms !important;
  }
  #liveChip.on .dot {
    animation: none;
  }
}
.dbait {
  font-size: 8px;
  letter-spacing: .8px;
  font-weight: 700;
  color: var(--red);
  border: 1px solid color-mix(in srgb, var(--red) 40%, transparent);
  background: color-mix(in srgb, var(--red) 8%, transparent);
  border-radius: 2px;
  padding: 0 4px;
  margin-inline-start: 5px;
  vertical-align: 1px;
}
.dbait.relit {
  color: var(--amber);
  border-color: color-mix(in srgb, var(--amber) 40%, transparent);
  background: color-mix(in srgb, var(--amber) 8%, transparent);
}
.dwwrap {
  max-height: 430px;
  overflow-y: auto;
}
.dwrow {
  display: grid;
  grid-template-columns: 118px 84px minmax(0, 1fr) 34px;
  gap: 8px;
  align-items: baseline;
  padding: 4px 12px;
  border-bottom: 1px solid var(--line3);
  font-size: 10.5px;
}
.dwrow:last-of-type {
  border-bottom: none;
}
.dwk {
  font: 700 8.5px var(--mono);
  letter-spacing: .6px;
  white-space: nowrap;
}
.dwc b,
.dww b,
.dhn b,
.dhsub b,
.dfch b,
.dcn b {
  cursor: pointer;
  border-bottom: 1px dashed var(--dim);
  font-weight: 600;
}
.dwc b:hover,
.dww b:hover,
.dhn b:hover,
.dhsub b:hover,
.dfch b:hover,
.dcn b:hover {
  color: var(--cyan);
  border-color: var(--cyan);
}
.dww {
  color: var(--dim2);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dwt {
  color: var(--dim);
  font-size: 9px;
  text-align: end;
  white-space: nowrap;
}
.dhrow {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) auto auto auto auto;
  gap: 10px;
  align-items: baseline;
  padding: 6px 12px;
  border-bottom: 1px solid var(--line3);
  font-size: 10.5px;
}
.dhn i {
  font-style: normal;
  font-size: 9px;
  margin-inline-start: 6px;
}
.dhv {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 10px;
}
.dhv.net {
  font-weight: 700;
}
.dhv.net.r {
  color: var(--red);
}
.dhv.net.g {
  color: var(--grn);
}
.dhsub {
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.6;
  padding: 4px 12px;
}
.dfcintro {
  padding: 9px 12px;
  font-size: 10.5px;
  color: var(--dim2);
  line-height: 1.65;
  border-bottom: 1px solid var(--line3);
}
.dfcintro b {
  color: var(--txt);
}
.dfcintro b.r {
  color: var(--red);
}
.dfcintro b.g {
  color: var(--grn);
}
.dfc {
  padding: 8px 12px;
  border-bottom: 1px solid var(--line3);
}
.dfc:last-of-type {
  border-bottom: none;
}
.dfch {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 11px;
}
.dfcs {
  color: var(--dim2);
  font-size: 10px;
}
.dfcs b {
  color: var(--red);
}
.dfcp {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 6px;
  align-items: center;
}
.dfcp u {
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: .6px;
  color: var(--dim);
  margin-inline-end: 2px;
}
.dfcbar {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 6px;
  font-size: 9px;
  color: var(--dim2);
}
.dfcbar .dbar {
  flex: 1;
  max-width: 180px;
}
.dcert {
  font: 700 8px var(--mono);
  font-style: normal;
  letter-spacing: .5px;
  color: var(--grn);
  border: 1px solid var(--grnline);
  border-radius: 3px;
  padding: 1px 5px;
  margin-inline-start: 7px;
  vertical-align: 1px;
}
.dchip {
  font: 600 9.5px var(--mono);
  color: var(--txt);
  border: 1px solid var(--line3);
  border-radius: 4px;
  padding: 2px 7px;
  cursor: pointer;
}
.dchip:hover {
  border-color: var(--cyan);
  color: var(--cyan);
}
.dchip.proto {
  color: var(--amber);
  border-color: color-mix(in srgb, var(--amber) 27%, transparent);
}
.dchip i {
  font-style: normal;
  color: var(--dim);
  margin-inline-start: 4px;
}
.dctrow {
  display: grid;
  grid-template-columns: 26px 22px minmax(0, 1fr) 44px 84px 70px;
  gap: 8px;
  align-items: center;
  padding: 6px 12px;
  border-bottom: 1px solid var(--line3);
  font-size: 10.5px;
}
.dctrow:last-of-type {
  border-bottom: none;
}
.dcr {
  color: var(--dim);
  font-size: 9px;
}
.dcv {
  font-variant-numeric: tabular-nums;
  text-align: end;
  font-size: 10px;
  white-space: nowrap;
}
.dcv.g {
  color: var(--grn);
}
.dcv.r {
  color: var(--red);
}
@media (max-width: 680px) {
  .dwrow {
    grid-template-columns: 96px 70px minmax(0, 1fr);
  }
  .dwt {
    display: none;
  }
  .dctrow {
    grid-template-columns: 22px 22px minmax(0, 1fr) 40px 70px;
  }
  .dctrow .dcv.mut {
    display: none;
  }
}
#flightBody {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
#flightBody > * {
  max-width: 1180px;
  margin-inline: auto;
}
#flightBody {
  padding: 14px 18px 40px;
}
.fhead {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0 12px;
  flex-wrap: wrap;
}
.fhead img {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}
.fhead .fid b {
  font-size: 16px;
  letter-spacing: .5px;
}
.fhead .fid span {
  color: var(--dim);
  font-size: 11px;
  margin-inline-start: 7px;
}
.fback {
  font-size: 10.5px;
  color: var(--dim2);
  text-decoration: none;
  border: 1px solid var(--line3);
  border-radius: 4px;
  padding: 3px 8px;
}
.fback:hover {
  color: var(--txt);
  border-color: var(--dim);
}
.fstats {
  font-size: 10px;
  color: var(--dim);
  font-variant-numeric: tabular-nums;
}
.fstage {
  position: relative;
  height: min(52dvh, 430px);
  border: 1px solid var(--line3);
  border-radius: 8px;
  background:
    radial-gradient(
      ellipse at 30% 0%,
      #11161f 0%,
      #0b0e13 70%);
  overflow: hidden;
}
.fstage canvas#fCv {
  display: block;
  width: 100%;
  touch-action: none;
  cursor: crosshair;
}
.fzoom {
  display: flex;
  gap: 4px;
  margin-inline-start: 8px;
}
.fzhint {
  font-size: 9px;
  color: var(--dim);
  margin-inline-start: 8px;
}
@media (max-width: 900px) {
  .fzhint {
    display: none;
  }
}
.fbadges {
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  pointer-events: none;
}
.fbadge {
  font: 600 11px/1.6 var(--mono);
  padding: 1px 8px;
  border-radius: 3px;
  width: max-content;
  background: color-mix(in srgb, var(--sunken) 87%, transparent);
  border: 1px solid var(--line3);
  transition: opacity .4s;
}
.fbadge.up {
  color: var(--grn);
  border-color: color-mix(in srgb, var(--grn) 33%, transparent);
}
.fbadge.dn {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 33%, transparent);
}
.fctl {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  background: color-mix(in srgb, var(--bg) 85%, transparent);
  border-top: 1px solid var(--line3);
}
.fbtn {
  font: 600 10px var(--mono);
  letter-spacing: .5px;
  color: var(--dim2);
  background: none;
  border: 1px solid var(--line3);
  border-radius: 4px;
  padding: 3px 9px;
  cursor: pointer;
}
.fbtn:hover {
  color: var(--txt);
}
.fbtn.on {
  color: var(--amber);
  border-color: color-mix(in srgb, var(--amber) 40%, transparent);
  background: color-mix(in srgb, var(--amber) 7%, transparent);
}
.fmodes {
  display: flex;
  gap: 4px;
  margin-inline-start: 8px;
}
.fint {
  margin-inline-start: auto;
  font-size: 9.5px;
}
.fflow {
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  padding: 16px 2px 6px;
}
.fnode {
  flex: 0 0 auto;
  min-width: 118px;
  max-width: 170px;
  text-align: start;
  cursor: pointer;
  background: var(--sunken);
  border: 1px solid var(--line3);
  border-left: 3px solid var(--fc,var(--na));
  border-radius: 6px;
  padding: 7px 9px;
  opacity: .38;
  transition: opacity .3s, box-shadow .3s;
}
.fnode.lit {
  opacity: 1;
  box-shadow: 0 0 14px -6px var(--fc);
}
.fnode u {
  display: block;
  text-decoration: none;
  font: 700 10px var(--mono);
  letter-spacing: .8px;
  color: var(--fc);
}
.fnode i {
  display: block;
  font-style: normal;
  font-size: 9.5px;
  color: var(--dim2);
  line-height: 1.45;
  margin-top: 3px;
}
.fnode s {
  display: block;
  text-decoration: none;
  font-size: 8.5px;
  color: var(--dim);
  margin-top: 3px;
}
.fconn {
  flex: 0 0 18px;
  align-self: center;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      var(--line3),
      var(--dim));
  position: relative;
}
.fconn::after {
  content: "\25b8";
  position: absolute;
  right: -2px;
  top: -7px;
  color: var(--dim);
  font-size: 9px;
}
.fops {
  margin-top: 14px;
  border: 1px solid var(--line3);
  border-radius: 8px;
  padding: 10px 12px;
}
.fopt {
  font: 600 9px var(--mono);
  letter-spacing: .9px;
  color: var(--dim);
  margin-bottom: 7px;
}
.folane {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}
.fometa {
  flex: 0 0 210px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 42px;
}
.foname {
  display: block;
  font-size: 10.5px;
  color: var(--txt);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.foname i {
  display: block;
  font-style: normal;
  font-size: 9px;
  color: var(--dim);
}
.foCv {
  flex: 1;
  min-width: 0;
  height: 34px;
}
.fotac {
  margin-top: 3px;
  overflow: hidden;
  white-space: nowrap;
}
.fotac .tacchip {
  max-width: 100%;
}
.forest {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px dashed var(--line2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
}
.forest > u {
  font: 600 8.5px var(--mono);
  letter-spacing: .9px;
  color: var(--dim);
  text-decoration: none;
  flex: 0 0 100%;
}
.forow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  min-width: 0;
}
.forow a {
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
}
.forow a:hover {
  text-decoration: underline;
}
.forow i {
  font-style: normal;
  font-size: 9px;
  color: var(--dim);
}
.ffoot {
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.6;
  margin-top: 12px;
}
@media (max-width: 680px) {
  .fstage {
    height: min(60dvh, 470px);
  }
  .fometa {
    flex-basis: 132px;
  }
  .fint {
    display: none;
  }
  .fotac {
    display: none;
  }
  .forow a {
    max-width: 120px;
  }
  .fctl {
    flex-wrap: wrap;
    row-gap: 4px;
  }
}
#connectBody.prose {
  max-width: none;
  width: 100%;
  padding: 22px 20px 60px;
}
#connectBody > * {
  max-width: 840px;
  margin-inline: auto;
}
#connectBody .lede {
  font-size: 12.5px;
  color: var(--dim2);
  line-height: 1.7;
}
.cprompt {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--amber) 27%, transparent);
  border-radius: 8px;
  background: var(--panel);
  margin: 10px 0 6px;
}
.cprompt pre {
  padding: 14px 16px;
  font-size: 10.5px;
  line-height: 1.65;
  white-space: pre-wrap;
  color: var(--txt);
  margin: 0;
}
.cbtn {
  position: absolute;
  top: 10px;
  right: 10px;
  font: 700 10px var(--mono);
  letter-spacing: .8px;
  color: #0b0e13;
  background: var(--amber);
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
}
.cbtn:hover {
  background: var(--warn);
}
.cblock {
  border: 1px solid var(--line3);
  border-radius: 6px;
  background: var(--sunken);
  padding: 10px 14px;
  font-size: 10.5px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-x: auto;
  color: var(--dim2);
}
.cblock.resp {
  color: var(--grn);
}
.ctable {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  margin: 8px 0;
}
.ctable td {
  border-bottom: 1px solid var(--line3);
  padding: 7px 8px;
  vertical-align: top;
  line-height: 1.55;
  color: var(--dim2);
}
.ctable td:first-child {
  white-space: nowrap;
  color: var(--txt);
}
.flgrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 16px;
  align-items: start;
}
.fmain {
  min-width: 0;
}
.fside {
  display: flex;
  flex-direction: column;
  gap: 11px;
  position: sticky;
  top: 8px;
}
.fside .averdict {
  margin-bottom: 0;
}
.fsbigs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.fsbig {
  border: 1px solid var(--line3);
  border-radius: 7px;
  background: var(--sunken);
  padding: 9px 11px;
}
.fsbig u {
  display: block;
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: .9px;
  color: var(--dim);
}
.fsbig b {
  display: block;
  font-size: 19px;
  letter-spacing: .3px;
  margin-top: 3px;
  font-variant-numeric: tabular-nums;
}
.fsbig.warn b {
  color: var(--red);
}
.fsbig i {
  display: block;
  font-style: normal;
  font-size: 8.5px;
  color: var(--dim);
  margin-top: 2px;
  line-height: 1.4;
}
.fsminis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.fsmini {
  border: 1px solid var(--line3);
  border-radius: 6px;
  background: var(--sunken);
  padding: 6px 8px;
  text-align: center;
}
.fsmini u {
  display: block;
  text-decoration: none;
  font-size: 8px;
  letter-spacing: .6px;
  color: var(--dim);
}
.fsmini b {
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}
.fsmini b.g {
  color: var(--grn);
}
.fsmini b.a {
  color: var(--amber);
}
.fsmini b.r {
  color: var(--red);
}
.fscard {
  border: 1px solid var(--line3);
  border-radius: 7px;
  background: var(--sunken);
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.65;
}
.fscard u {
  display: block;
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: .9px;
  color: var(--dim);
  margin-bottom: 4px;
}
.fscard p {
  margin: 0;
}
.fscard.bait {
  border-color: color-mix(in srgb, var(--red) 33%, transparent);
  background: color-mix(in srgb, var(--red) 5%, transparent);
}
.fscard.bait u {
  color: var(--red);
}
.fsnote {
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.55;
  margin: 0;
  border: 1px dashed var(--line3);
  border-radius: 7px;
  padding: 8px 11px;
}
.btnTrace {
  margin-top: 7px;
  width: 100%;
  font: 600 10.5px var(--mono);
  letter-spacing: .4px;
  color: var(--cyan);
  background: color-mix(in srgb, var(--cyan) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--cyan) 45%, transparent);
  border-radius: 6px;
  padding: 8px 10px;
  cursor: pointer;
}
.btnTrace:hover:not(:disabled) {
  background: color-mix(in srgb, var(--cyan) 15%, transparent);
}
.btnTrace:disabled {
  opacity: .6;
  cursor: default;
}
.traceOut {
  margin-top: 9px;
}
.traceOut .kv {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.traceOut .kv u {
  text-decoration: none;
  font: 600 8px var(--mono);
  letter-spacing: .8px;
  color: var(--dim);
}
.traceOut .kv b {
  font: 600 10px var(--mono);
  text-align: end;
}
.tracelist {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 2px 0 8px;
}
.trow2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  font-size: 10.5px;
  border-top: 1px solid var(--line);
  padding-top: 4px;
}
.trow2:first-child {
  border-top: none;
  padding-top: 0;
}
.trow2 a {
  color: var(--txt);
  text-decoration: none;
  font-family: var(--mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trow2 a:hover {
  color: var(--cyan);
}
.trow2 .tk {
  grid-column: 2;
  font: 700 7.5px var(--mono);
  letter-spacing: .6px;
  border: 1px solid;
  border-radius: 4px;
  padding: 1px 5px;
  white-space: nowrap;
}
.trow2 b {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.trow2 i {
  grid-column: 1/-1;
  font-style: normal;
  font-size: 8.5px;
  color: var(--dim);
  margin-top: -2px;
}
.fslinks {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fslinks a {
  font-size: 10.5px;
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid var(--line3);
  border-radius: 5px;
  padding: 6px 10px;
}
.fslinks a:hover {
  border-color: var(--cyan);
}
@media (max-width: 900px) {
  .flgrid {
    grid-template-columns: 1fr;
  }
  .fside {
    position: static;
  }
}
.fmarks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.fmark {
  position: absolute;
  top: 26px;
  transform: translateX(-50%);
  pointer-events: auto;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid var(--mc,var(--dim2));
  background: var(--sunken);
  box-shadow: 0 0 10px -2px var(--mc,transparent);
  overflow: hidden;
  transition: transform .15s;
}
.fmark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.fmark:hover {
  transform: translateX(-50%) scale(1.3);
  z-index: 3;
}
.fown {
  margin-top: 10px;
  border: 1px solid var(--line3);
  border-radius: 8px;
  padding: 8px 12px 10px;
}
.fownt {
  display: flex;
  align-items: baseline;
  font: 600 9px var(--mono);
  letter-spacing: .9px;
  color: var(--dim);
  margin-bottom: 6px;
}
.fownt i {
  font-style: normal;
  opacity: .7;
  margin-inline-start: 8px;
  letter-spacing: .3px;
}
.fownt s {
  text-decoration: none;
  margin-inline-start: auto;
  color: var(--amber);
  font-variant-numeric: tabular-nums;
  letter-spacing: .3px;
}
.fownbar {
  display: flex;
  height: 26px;
  border-radius: 5px;
  overflow: hidden;
  background: var(--sunken);
}
.fseg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 3px;
  flex-basis: 0;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  transition: flex-grow .4s ease;
}
.fseg b {
  font: 700 9.5px var(--mono);
  color: #0b0e13;
}
.fseg i {
  font-style: normal;
  font: 600 9px var(--mono);
  color: color-mix(in srgb, var(--bg) 80%, transparent);
}
.fseg.rest {
  background: var(--line2);
}
.fseg.rest.note {
  font: 600 9px var(--mono);
  color: var(--dim);
  letter-spacing: .4px;
  justify-content: flex-start;
  padding-inline-start: 10px;
}
.fsegimg {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
}
.fgly {
  font-size: 11px;
  color: #0b0e13;
}
.fseg:hover {
  filter: brightness(1.18);
}
.fnact {
  display: block;
  font-size: 9.5px;
  color: var(--cyan);
  text-decoration: none;
  margin-top: 3px;
}
.fnact:hover {
  text-decoration: underline;
}
a.foname {
  text-decoration: none;
}
a.foname:hover {
  text-decoration: underline;
}
.ffr {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 4px;
}
.ffr a {
  text-decoration: none;
}
.ffr a:hover {
  text-decoration: underline;
}
.ffr span {
  color: var(--dim);
  font-size: 9.5px;
  white-space: nowrap;
}
.fblack {
  margin-top: 14px;
  border: 1px solid var(--line3);
  border-radius: 8px;
  padding: 10px 12px;
}
.fopt i {
  font-style: normal;
  opacity: .8;
  margin-inline-start: 8px;
  letter-spacing: .3px;
}
.fbwrap {
  max-height: 340px;
  overflow: auto;
  border: 1px solid var(--line3);
  border-radius: 6px;
}
@media (max-width: 680px) {
  .fbwrap {
    max-height: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
}
.fbtable {
  width: 100%;
  border-collapse: collapse;
  font: 11px/1.5 var(--mono);
  font-variant-numeric: tabular-nums;
}
.fbtable thead th {
  position: sticky;
  top: 0;
  background: var(--sunken);
  color: var(--dim);
  font: 600 8.5px var(--mono);
  letter-spacing: .8px;
  text-align: start;
  padding: 6px 9px;
  border-bottom: 1px solid var(--line3);
  z-index: 2;
}
.fbtable td {
  padding: 4px 9px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.fbtable .bt i {
  font-style: normal;
  color: var(--dim);
  margin-inline-start: 4px;
  font-size: 9px;
}
.fbtable .bn {
  text-align: end;
}
.fbtable thead th:nth-child(3),
.fbtable thead th:nth-child(4),
.fbtable thead th:nth-child(5) {
  text-align: end;
}
.fbtable tr.bb .bk {
  color: var(--grn);
}
.fbtable tr.bs .bk {
  color: var(--red);
}
.fbtable .ba a {
  color: var(--txt);
  text-decoration: none;
  border-bottom: 1px dashed var(--dim);
}
.fbtable .ba a:hover {
  color: var(--cyan);
  border-color: var(--cyan);
}
.fbtable .bf a {
  text-decoration: none;
}
.fbtable .bf a:hover {
  text-decoration: underline;
}
@media (max-width: 680px) {
  .fbtable thead th:nth-child(4),
  .fbtable td:nth-child(4),
  .fbtable thead th:nth-child(5),
  .fbtable td:nth-child(5) {
    display: none;
  }
  .fseg b {
    font-size: 8.5px;
  }
  .fseg i {
    display: none;
  }
}
.fdoss {
  margin-top: 14px;
  border: 1px solid var(--line3);
  border-radius: 8px;
  padding: 10px 12px;
}
.fdpair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}
.fdpair .fdoss {
  min-width: 0;
}
.fdagrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fdnote {
  margin: 7px 0 0;
  font-size: 9.5px;
  color: var(--dim);
  line-height: 1.55;
}
.fst {
  font: 700 9px var(--mono);
  letter-spacing: .4px;
  white-space: nowrap;
}
.fst.g {
  color: var(--grn);
}
.fst.a {
  color: var(--amber);
}
.fst.r {
  color: var(--red);
}
.frd {
  display: grid;
  grid-template-columns: minmax(100px, 170px) 74px minmax(110px, 190px) 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 6px 0;
  border-top: 1px solid var(--line);
}
.frdw {
  font-weight: 600;
  text-decoration: none;
  color: var(--txt);
  overflow-wrap: anywhere;
}
.frdw:hover {
  text-decoration: underline;
}
.frdp {
  color: var(--dim);
  font-size: 10px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.frdt {
  color: var(--dim2);
  font-size: 10px;
  line-height: 1.5;
}
.frdr {
  font-style: normal;
  font-size: 10.5px;
  line-height: 1.55;
}
.frdr.g {
  color: var(--dim2);
}
.frdr.a {
  color: var(--amber);
}
.frdr.r {
  color: var(--red);
}
@media (max-width: 900px) {
  .fdpair {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .fdagrid {
    grid-template-columns: 1fr 1fr;
  }
  .frd {
    grid-template-columns: 1fr auto;
    row-gap: 2px;
  }
  .frdt {
    grid-column: 1;
  }
  .frdr {
    grid-column: 1/-1;
  }
}
.fdoss {
  container-type: inline-size;
}
@container (max-width:560px) {
  .frd {
    grid-template-columns: 1fr auto;
    row-gap: 2px;
  }
  .frdt {
    grid-column: 1;
  }
  .frdr {
    grid-column: 1/-1;
  }
}
#botBody,
#fleetPageBody,
#armadaPageBody {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 14px 18px 40px;
}
#botBody > *,
#fleetPageBody > * {
  max-width: 1180px;
  margin-inline: auto;
}
.ftl {
  position: relative;
  border: 1px solid var(--line3);
  border-radius: 8px;
  padding: 8px 10px 4px;
  overflow: hidden;
  background:
    radial-gradient(
      ellipse at 30% 0%,
      #11161f 0%,
      #0b0e13 70%);
}
.ftl.big {
  height: min(46dvh, 380px);
  display: flex;
  flex-direction: column;
}
.ftlv {
  position: absolute;
  top: 6px;
  bottom: 20px;
  width: 1px;
  background: rgba(139, 151, 165, .10);
  pointer-events: none;
}
.flivec {
  color: var(--grn);
}
.ftlane {
  position: relative;
  height: 36px;
  border-bottom: 1px dashed var(--line3);
  flex: 0 0 auto;
}
.ftlane u {
  position: absolute;
  left: 2px;
  top: 2px;
  font: 600 8px var(--mono);
  letter-spacing: .6px;
  color: var(--dim);
  text-decoration: none;
  pointer-events: none;
  z-index: 2;
}
.ftlj {
  position: absolute;
  top: 17px;
  width: 10px;
  height: 10px;
  background: var(--cyan);
  transform: translateX(-50%) rotate(45deg);
  border: 1px solid #0b0e13;
  cursor: pointer;
  z-index: 1;
}
.ftlj:hover {
  background: var(--bright);
}
.ftll {
  position: absolute;
  top: 14px;
  bottom: 5px;
  width: 4px;
  transform: translateX(-50%);
  border-radius: 1px;
  cursor: pointer;
  opacity: .85;
  z-index: 1;
}
.ftll:hover {
  opacity: 1;
  width: 6px;
}
.ftlane.m {
  flex: 1 1 auto;
  height: auto;
  border-bottom: none;
  min-height: 120px;
}
.ftlane.m u b {
  font-weight: 700;
}
.ftlm {
  position: absolute;
  top: 17px;
  bottom: 2px;
}
.ftlm svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.ftly {
  position: absolute;
  right: 2px;
  font: 600 8.5px var(--mono);
  color: var(--dim);
  font-variant-numeric: tabular-nums;
  z-index: 2;
  pointer-events: none;
}
.ftlaxis {
  position: relative;
  flex: 0 0 18px;
  border-top: 1px solid var(--line3);
}
.ftlaxis span {
  position: absolute;
  top: 3px;
  transform: translateX(-50%);
  font: 600 8.5px var(--mono);
  color: var(--dim);
}
.ftlaxis b {
  position: absolute;
  right: 0;
  top: 3px;
  font: 700 8.5px var(--mono);
}
.flive {
  color: var(--grn) !important;
  border-color: var(--grnline) !important;
}
.flive:hover {
  background: var(--grnbg);
}
@media (max-width: 680px) {
  .ftl.big {
    height: 300px;
  }
  .ftlane {
    height: 30px;
  }
  .ftlj {
    top: 14px;
  }
}
.bcoin {
  color: var(--txt);
  text-decoration: none;
  border-bottom: 1px dashed var(--dim);
}
.bcoin:hover {
  color: var(--cyan);
  border-color: var(--cyan);
}
.bwins {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 2px 0 8px;
}
.bwin {
  font: 10px var(--mono);
  color: var(--dim2);
}
.bwin u {
  text-decoration: none;
  color: var(--dim);
  letter-spacing: .6px;
  margin-inline-end: 4px;
}
.bwin b.g {
  color: var(--grn);
}
.bwin b.r {
  color: var(--red);
}
.bcrew {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.bmate {
  font-size: 10.5px;
  color: var(--txt);
  text-decoration: none;
  border: 1px solid var(--line3);
  border-radius: 4px;
  padding: 3px 8px;
}
.bmate:hover {
  border-color: var(--cyan);
  color: var(--cyan);
}
.bmate i {
  font-style: normal;
  margin-inline-start: 5px;
  font-size: 9px;
}
#botBody .fscard .kv {
  margin-bottom: 3px;
}
#botBody .fscard .repscale {
  margin-bottom: 2px;
}
a.pill {
  cursor: pointer;
}
#bellBtn {
  position: relative;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#bellBtn .bico {
  display: block;
  vertical-align: -2px;
}
#bellBtn .bcount {
  position: absolute;
  top: -5px;
  right: -5px;
  font: 700 8px var(--mono);
  font-style: normal;
  background: var(--red);
  color: #fff;
  border-radius: 8px;
  padding: 1px 4px;
  line-height: 1.3;
}
#bellBtn.hot {
  border-color: var(--red);
}
#bellPanel {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  inset-inline-end: 12px;
  width: min(380px, 92vw);
  max-height: 70dvh;
  overflow-y: auto;
  background: var(--panel,var(--sunken));
  border: 1px solid var(--line3);
  border-radius: 10px;
  box-shadow: 0 12px 40px -12px #000;
  z-index: 90;
  padding: 12px 14px;
}
#bellPanel.on {
  display: block;
}
.bph {
  font: 700 9.5px var(--mono);
  letter-spacing: .9px;
  color: var(--txt);
  margin-bottom: 8px;
}
.bph span {
  display: block;
  font-weight: 400;
  color: var(--dim);
  letter-spacing: .3px;
  margin-top: 3px;
  line-height: 1.5;
}
.bph2 {
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim);
  margin: 12px 0 6px;
}
.bprow {
  display: flex;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--line3);
  font-size: 10.5px;
  cursor: pointer;
  line-height: 1.5;
}
.bprow:hover .bpx {
  color: var(--cyan);
}
.bpt {
  flex: 0 0 34px;
  color: var(--dim);
  font-size: 9px;
}
.bpx {
  color: var(--dim2);
}
.bpempty {
  font-size: 10px;
  color: var(--dim);
  line-height: 1.6;
  padding: 6px 0;
}
.bpw {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.bpfoot {
  margin-top: 10px;
}
.fhead .wstar,
.rhead .wstar {
  font-size: 15px;
  vertical-align: 1px;
  padding: 2px 5px;
}
.rhead h2 .flink {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed var(--dim);
}
.rhead h2 .flink:hover {
  color: var(--cyan);
  border-color: var(--cyan);
}
.rhead h2 .fgo {
  font-size: 10px;
  color: var(--cyan);
  margin-inline-start: 5px;
  vertical-align: 2px;
}
@media (max-width: 1400px) and (min-width: 761px) {
  .senti .sl,
  .senti .sr {
    display: none;
  }
}
@media (max-width: 1280px) and (min-width: 761px) {
  #nav #deepChip,
  #nav #tiaChip {
    display: none;
  }
}
@media (max-width: 1080px) and (min-width: 761px) {
  #sentiment {
    display: none;
  }
}
#supportBtn {
  gap: 5px;
}
#supportBtn.on,
#supportBtn[aria-expanded=true] {
  color: var(--bright);
  border-color: var(--cyan);
}
#supportPanel {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  inset-inline-end: 12px;
  width: min(400px, 92vw);
  max-height: 76dvh;
  overflow-y: auto;
  background: var(--panel,var(--sunken));
  border: 1px solid var(--line3);
  border-radius: 10px;
  box-shadow: 0 12px 40px -12px #000;
  z-index: 90;
  padding: 12px 14px;
}
#supportPanel.on {
  display: block;
}
.sprows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0 9px;
}
.sprow {
  padding: 8px 10px;
  border: 1px solid var(--line2);
  border-radius: 6px;
  background: var(--sunken);
}
.sphead {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: wrap;
  margin-block-end: 6px;
}
.sphead b {
  font: 700 11.5px var(--mono);
  letter-spacing: .6px;
  color: var(--bright);
}
.sphead u {
  font: 600 8.5px var(--mono);
  letter-spacing: 1px;
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid var(--cyanline);
  border-radius: 3px;
  padding: 1px 5px;
  background: var(--cyanbg);
}
.sphead s {
  flex-basis: 100%;
  text-decoration: none;
  font-size: 9.5px;
  line-height: 1.5;
  color: var(--dim);
}
.sphead code {
  color: var(--cyan);
}
.spval {
  display: block;
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--panel);
  font: 600 10.5px var(--mono);
  color: var(--txt);
  word-break: break-all;
  line-height: 1.55;
  cursor: pointer;
  user-select: all;
}
.spval:hover,
.spval:focus-visible {
  border-color: var(--cyan);
  outline: none;
}
.spfoot {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-block-start: 6px;
}
.spfoot s {
  flex: 1 1 140px;
  text-decoration: none;
  font-size: 9px;
  line-height: 1.5;
  color: var(--dim);
}
.spfoot s b {
  color: var(--txt);
  font-weight: 600;
}
.spfoot .fbtn.ok {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.spwarn {
  padding: 8px 10px;
  border: 1px solid var(--redline);
  border-inline-start: 2px solid var(--red);
  border-radius: 6px;
  background: var(--redbg);
  font-size: 10px;
  line-height: 1.6;
  color: var(--dim2);
}
.spwarn b {
  color: var(--red);
}
@media (max-width: 760px) {
  #supportBtn .stxt {
    display: none;
  }
  #supportPanel {
    inset-inline-end: 8px;
  }
  #nav #supportBtn {
    margin-inline-start: auto;
  }
  #nav #bellBtn {
    margin-inline-start: 0;
  }
}
html.mob #nav #supportBtn {
  margin-inline-start: auto;
}
html.mob #nav #bellBtn {
  margin-inline-start: 0;
}
.ibtn {
  display: inline-grid;
  place-items: center;
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  margin-inline-start: 6px;
  vertical-align: 1px;
  cursor: pointer;
  border: 1px solid var(--line3);
  border-radius: 50%;
  background: transparent;
  color: var(--dim);
  font: 700 9px var(--mono);
  line-height: 1;
  padding: 0;
  transition: .12s;
}
.ibtn:hover {
  border-color: var(--cyan);
  color: var(--cyan);
}
.ibtn.on {
  border-color: var(--cyan);
  background: var(--cyanbg);
  color: var(--cyan);
}
.ibtn:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
.ibox {
  border: 1px solid var(--line2);
  border-inline-start: 2px solid var(--cyanline);
  border-radius: 6px;
  background: var(--sunken);
  padding: 9px 11px;
  margin: 8px 0;
  font-size: 10.5px;
  line-height: 1.7;
  color: var(--dim2);
}
.ibox[hidden] {
  display: none;
}
.ibox p + p {
  margin-block-start: 6px;
}
.ibox b {
  color: var(--txt);
}
.ibox .mut {
  color: var(--dim);
  font-size: 10px;
}
.ibox code {
  color: var(--cyan);
}
.vhead h1 .ibtn {
  width: 17px;
  height: 17px;
  font-size: 10px;
  vertical-align: 3px;
}
.vhead .ibox {
  max-width: 98ch;
}
@media (prefers-reduced-motion: reduce) {
  .ibtn {
    transition: none;
  }
}
@media (max-width: 760px), (pointer: coarse) {
  .ibtn {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
  .mbtn {
    min-height: 26px;
    padding: 5px 9px;
  }
  .px {
    min-width: 28px;
    min-height: 28px;
  }
  .vhead h1 .ibtn {
    width: 26px;
    height: 26px;
  }
  .wstar {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    min-height: 26px;
    padding: 0 4px;
    vertical-align: middle;
  }
  .kk {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
  }
  .tacchip {
    min-height: 26px;
    align-items: center;
  }
  .tacchip.sm {
    padding: 4px 6px;
  }
  .tacchips {
    gap: 5px;
  }
}
@media (max-width: 760px), (pointer: coarse) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
  .msearch,
  .cmdinput,
  #mapSearch,
  #tSearch,
  #tMinMc,
  #aSearch,
  #cartelSearch,
  #cmdBrowseQ,
  #cmdName,
  #cmdSize,
  #cmdScan,
  #cmdLName,
  #cmdLSym,
  #cmdLSeed,
  #cmdLMsg {
    font-size: 16px;
    padding-block: 5px;
  }
  .msearchout {
    font-size: 11px;
  }
}
.tacchips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  vertical-align: middle;
}
.tacchip {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  cursor: pointer;
  font: 600 9px var(--mono);
  letter-spacing: .7px;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 4px;
  border: 1px solid var(--line2);
  background: var(--sunken);
  color: var(--dim2);
}
.tacchip:hover,
.tacchip:focus-visible {
  border-color: var(--line3);
  color: var(--txt);
}
.tacchip.sm {
  font-size: 8px;
  padding: 2px 5px;
}
.tacchip s {
  text-decoration: none;
  font-weight: 600;
  opacity: .72;
  font-variant-numeric: tabular-nums;
}
.tacchip.vi {
  color: var(--violet);
  border-color: color-mix(in srgb, var(--violet) 34%, transparent);
}
.tacchip.rd {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 34%, transparent);
}
.tacchip.am {
  color: var(--amber);
  border-color: color-mix(in srgb, var(--amber) 34%, transparent);
}
.tacchip.cy {
  color: var(--cyan);
  border-color: color-mix(in srgb, var(--cyan) 34%, transparent);
}
.tacchip.gr {
  color: var(--grn);
  border-color: color-mix(in srgb, var(--grn) 34%, transparent);
}
.tacpane {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--scrim);
  -webkit-backdrop-filter: var(--scrimblur);
  backdrop-filter: var(--scrimblur);
}
.tacbox {
  width: min(720px, 100%);
  max-height: 88dvh;
  overflow-y: auto;
  border: 1px solid var(--line3);
  border-radius: 10px;
  background: var(--panel);
  box-shadow: 0 24px 80px var(--shadow);
}
.tachead {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: var(--panel);
  z-index: 1;
}
.tachead > div {
  flex: 1 1 auto;
  min-width: 0;
}
.tachead b {
  display: block;
  font-size: 17px;
  font-weight: 600;
  color: var(--bright);
  letter-spacing: -.01em;
}
.tachead s {
  display: block;
  text-decoration: none;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--dim2);
}
.tactag {
  font: 600 8.5px var(--mono);
  letter-spacing: 1.2px;
  padding: 3px 7px;
  border-radius: 4px;
  border: 1px solid var(--line2);
  color: var(--dim);
  white-space: nowrap;
}
.tactag.vi {
  color: var(--violet);
}
.tactag.rd {
  color: var(--red);
}
.tactag.am {
  color: var(--amber);
}
.tactag.cy {
  color: var(--cyan);
}
.tactag.gr {
  color: var(--grn);
}
.tacpx {
  border: 0;
  background: transparent;
  color: var(--dim);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 4px;
}
.tacpx:hover,
.tacpx:focus-visible {
  color: var(--txt);
  background: var(--sunken);
}
.tacbody {
  padding: 16px 18px;
}
.tacsec {
  margin-bottom: 16px;
}
.tacsec > u {
  display: block;
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: 1.2px;
  color: var(--dim);
  margin-bottom: 6px;
}
.tacsec p {
  margin: 0;
  font-size: 13px;
  line-height: 1.62;
  color: var(--txt);
}
.tacsec.catch {
  border: 1px solid var(--ambline);
  background: var(--ambbg);
  border-radius: 6px;
  padding: 12px 14px;
}
.tacsec.catch > u {
  color: var(--amber);
}
.taccom {
  font-size: 13px;
  color: var(--bright);
  font-weight: 600;
  margin-bottom: 8px !important;
}
.tacthis {
  border: 1px solid var(--cyanline);
  background: var(--cyanbg);
  border-radius: 6px;
  padding: 11px 13px;
  margin-bottom: 16px;
}
.tacthis u {
  display: block;
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: 1.2px;
  color: var(--cyan);
  margin-bottom: 4px;
}
.tacthis b {
  display: block;
  font-size: 15px;
  color: var(--bright);
}
.tacthis s {
  display: block;
  text-decoration: none;
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--dim2);
}
.tacevid {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tacrow {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 12px;
  align-items: baseline;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--sunken);
  padding: 8px 11px;
}
.tacrow u {
  text-decoration: none;
  font-size: 11.5px;
  color: var(--dim2);
}
.tacrow b {
  font: 600 14px var(--mono);
  color: var(--bright);
  font-variant-numeric: tabular-nums;
}
.tacrow s {
  grid-column: 1/-1;
  text-decoration: none;
  font-size: 10.5px;
  color: var(--dim);
  line-height: 1.45;
}
.tacops {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tacop {
  display: block;
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--sunken);
  padding: 9px 11px;
}
.tacop:hover {
  border-color: var(--line3);
}
.tacop b {
  display: block;
  font: 600 12.5px var(--mono);
  color: var(--txt);
}
.tacop s {
  display: block;
  text-decoration: none;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.45;
  color: var(--dim2);
}
.tacop i {
  display: block;
  font-style: normal;
  margin-top: 3px;
  font-size: 10px;
  color: var(--dim);
}
.tacfoot {
  padding: 13px 18px;
  border-top: 1px solid var(--line);
  background: var(--sunken);
  font-size: 11px;
  line-height: 1.6;
  color: var(--dim);
}
.tacfoot b {
  color: var(--dim2);
}
@media (max-width: 640px) {
  .tacpane {
    padding: 0;
    align-items: flex-end;
  }
  .tacbox {
    max-height: 92dvh;
    border-radius: 10px 10px 0 0;
  }
}
.axpair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}
.ax {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--sunken);
  padding: 9px 11px;
  min-width: 0;
}
.ax u {
  display: block;
  text-decoration: none;
  font: 600 8px var(--mono);
  letter-spacing: 1.1px;
  color: var(--dim);
}
.ax b {
  display: block;
  font: 600 21px var(--mono);
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
}
.ax s {
  display: block;
  text-decoration: none;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
  color: var(--dim);
}
.ax.build {
  border-color: var(--grnline);
}
.ax.build b {
  color: var(--grn);
}
.ax.harm {
  border-color: var(--redline);
}
.ax.harm b {
  color: var(--red);
}
.ax.harm.clean {
  border-color: var(--line);
}
.ax.harm.clean b {
  color: var(--dim2);
}
.tacblock {
  margin-bottom: 8px;
}
.tacblock .rfine {
  margin-top: 7px;
}
@media (max-width: 520px) {
  .axpair {
    grid-template-columns: 1fr;
  }
}
.fctactics {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 6px 0 2px;
}
.tacmtr {
  display: inline-flex;
  gap: 1.5px;
  align-items: center;
  margin-inline-start: 1px;
}
.tacmtr u {
  display: block;
  width: 3px;
  height: 8px;
  border-radius: 1px;
  background: currentColor;
  opacity: .22;
  text-decoration: none;
}
.tacmtr u.on {
  opacity: .9;
}
.tacchip.sm .tacmtr u {
  width: 2.5px;
  height: 7px;
}
#aTable td.taccell {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-align: start;
}
#aTable th:nth-child(4) {
  text-align: start;
}
#aTable td.taccell .tacchips {
  flex-wrap: nowrap;
  align-items: center;
}
.tacmore {
  display: inline-flex;
  align-items: center;
  font: 600 9px var(--mono);
  letter-spacing: .4px;
  color: var(--dim);
  padding: 0 3px;
  cursor: default;
}
.puWrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.puHead {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.puHead .puBack {
  font: 600 12px var(--mono);
  color: var(--dim2);
  text-decoration: none;
  padding: 5px 9px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background: var(--panel);
}
.puHead .puBack:hover {
  color: var(--bright);
  border-color: var(--line3);
}
.puTitle {
  flex: 1 1 auto;
  min-width: 200px;
}
.puTitle h1 {
  margin: 0;
  font: 800 20px/1.1 var(--mono);
  letter-spacing: 1px;
  color: var(--bright);
}
.puTitle p {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--dim2);
  max-width: 60ch;
}
.puTz {
  font: 600 11px var(--mono);
  color: var(--dim2);
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 4px 10px;
  background: var(--panel);
  white-space: nowrap;
}
.puBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.puRhythm {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.puBox {
  position: relative;
  border: 1px solid var(--line2);
  border-radius: 14px;
  background: var(--panel);
  padding: 13px 14px 14px;
  overflow: hidden;
  min-height: 104px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.puBox::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--tone,var(--grn));
  opacity: .9;
}
.puBox .puK {
  font: 700 10px var(--mono);
  letter-spacing: 1px;
  color: var(--dim2);
}
.puBox .puBig {
  font: 800 24px/1.05 var(--mono);
  letter-spacing: .5px;
  color: var(--bright);
  margin-top: 2px;
}
.puBox .puSub {
  font-size: 11.5px;
  color: var(--dim2);
  line-height: 1.35;
  margin-top: auto;
}
.puBox .puSub b {
  color: var(--txt);
  font-weight: 700;
}
.puChart {
  border: 1px solid var(--line2);
  border-radius: 16px;
  background: var(--panel);
  padding: 14px 14px 12px;
}
.puChartHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.puDayName {
  font: 800 15px var(--mono);
  color: var(--bright);
  letter-spacing: .5px;
}
.puDayName s {
  font: 600 11px var(--mono);
  color: var(--dim2);
  text-decoration: none;
  margin-inline-start: 8px;
}
.puDayRel {
  font: 600 11px var(--mono);
  color: var(--amber);
  margin-top: 2px;
  letter-spacing: .5px;
}
.puDayStats {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font: 600 11.5px var(--mono);
  color: var(--dim2);
  text-align: right;
}
.puDayStats b {
  color: var(--bright);
  font-weight: 800;
}
.puDayStats .puTvl b {
  color: var(--blue,#5b9cff);
}
.puCv {
  width: 100%;
  height: 220px;
  display: block;
}
.puCtl {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.puBtn {
  font: 600 12px var(--mono);
  color: var(--txt);
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 5px 11px;
  cursor: pointer;
  line-height: 1;
}
.puBtn:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.puBtn.on {
  background: var(--grnbg);
  border-color: var(--grnline);
  color: var(--grn);
}
.puStep {
  display: inline-flex;
  gap: 4px;
}
.puStep .puBtn {
  padding: 5px 9px;
}
.puBtn.puLive {
  color: var(--grn);
  border-color: var(--grnline);
}
.puBtn.puLive:hover {
  background: var(--grnbg);
  color: var(--grn);
}
.puScrub {
  flex: 1 1 140px;
  min-width: 110px;
  accent-color: var(--amber);
  height: 4px;
}
.puFilter {
  display: inline-flex;
  gap: 0;
  border: 1px solid var(--line2);
  border-radius: 8px;
  overflow: hidden;
}
.puFilter .puMetric {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--dim2);
  padding: 5px 10px;
}
.puFilter .puMetric + .puMetric {
  border-inline-start: 1px solid var(--line2);
}
.puFilter .puMetric.on {
  background: var(--amber);
  color: #0a0d12;
  font-weight: 700;
}
:root[data-theme=light] .puFilter .puMetric.on {
  color: #fff;
}
.puLegend {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 10.5px var(--mono);
  color: var(--dim2);
  margin-inline-start: auto;
}
.puLegend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-inline-start: 8px;
  vertical-align: -1px;
}
.puLegend .puLgBuy {
  background: var(--grn);
}
.puLegend .puLgSell {
  background: var(--red);
}
.puLegend .puLgLaunch {
  background: var(--blue,#5b9cff);
}
.puLegend .puLgDot {
  background: var(--blue,#5b9cff);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.puBS {
  text-decoration: none;
  color: var(--dim2);
  font-weight: 600;
}
.puBS .puBuy {
  color: var(--grn);
  font-style: normal;
}
.puBS .puSell {
  color: var(--red);
  font-style: normal;
}
.puStrip {
  width: 100%;
  height: 46px;
  display: block;
  margin-top: 12px;
  cursor: pointer;
}
.puStripAx {
  display: flex;
  justify-content: space-between;
  font: 600 10px var(--mono);
  color: var(--dim2);
  margin-top: 3px;
}
.puFoot {
  font-size: 11.5px;
  color: var(--dim2);
  line-height: 1.5;
  max-width: 82ch;
  margin: 0 auto;
}
ul.puFoot {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 16px;
  max-width: none;
}
ul.puFoot li {
  position: relative;
  padding-left: 11px;
}
ul.puFoot li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .55em;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--dim2);
}
ul.puFoot b {
  color: var(--txt);
  font-weight: 700;
}
.puEmbed {
  padding: 0;
  gap: 12px;
  max-width: none;
}
.puEmbedHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.puEmbedHead h3 {
  margin: 0;
  font: 800 13px var(--mono);
  letter-spacing: .8px;
  color: var(--bright);
}
@media (max-width: 720px) {
  .puBoxes {
    grid-template-columns: repeat(2, 1fr);
  }
  .puBox .puBig {
    font-size: 20px;
  }
  .puTitle h1 {
    font-size: 17px;
  }
  .puLegend {
    margin-inline-start: 0;
    width: 100%;
  }
}
.flv {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 2px 0 4px;
}
.flvBoxes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.flvBx {
  background: rgba(150, 185, 220, .03);
  border: 1px solid var(--line2);
  border-radius: 9px;
  padding: 7px 9px;
  position: relative;
  min-width: 0;
  box-shadow: inset 2px 0 0 var(--tone,var(--grn));
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.flvBx u {
  display: block;
  text-decoration: none;
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  text-transform: uppercase;
}
.flvBx b {
  display: block;
  font: 800 14px var(--mono);
  color: var(--bright);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flvBx[style*=--red] b {
  color: var(--red);
}
.flvBx b em {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
}
.flvBx s {
  display: block;
  text-decoration: none;
  font-size: 9.5px;
  color: var(--dim2);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flvSplit {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 12px;
  align-items: start;
}
.flvCard {
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 14px;
  padding: 12px 14px;
  min-width: 0;
}
.flvT {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 700 10px var(--mono);
  letter-spacing: 1px;
  color: var(--dim2);
  margin-bottom: 8px;
}
.flvT i {
  font-style: normal;
  color: var(--dim);
  font-weight: 600;
  letter-spacing: .3px;
  margin-left: auto;
  text-align: right;
}
.flvTapeT {
  margin-top: 12px;
}
.flvDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--grn);
  box-shadow: 0 0 8px var(--grn);
  animation: flvPulse 1.6s infinite;
}
.flvDot.off {
  background: var(--amber);
  box-shadow: 0 0 6px var(--amber);
  animation: none;
}
@keyframes flvPulse {
  50% {
    opacity: .35;
  }
}
.flvChart {
  position: relative;
  height: 150px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--sunken,#0a0e14);
  overflow: hidden;
}
.flvChart canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.flvPx {
  position: absolute;
  right: 6px;
  font: 700 10px var(--mono);
  background: var(--panel2);
  padding: 2px 7px;
  border-radius: 4px;
  pointer-events: none;
}
.flvChips {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  font-size: 10px;
  color: var(--dim);
}
.flvChip {
  font: 700 9.5px var(--mono);
  color: var(--dim2);
  background: transparent;
  border: 1px solid var(--line2);
  border-radius: 6px;
  padding: 3px 9px;
  cursor: pointer;
}
.flvChip.on {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.flvHint {
  margin-left: 6px;
}
.flvHint .gdot,
.flvHint .rdot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  vertical-align: -1px;
}
.flvHint .gdot {
  background: var(--grn);
}
.flvHint .rdot {
  background: var(--red);
}
.flvChips a {
  margin-left: auto;
  color: var(--cyan,#22d3ee);
  font-weight: 700;
  font-size: 10px;
  text-decoration: none;
}
.flvTape {
  max-height: 340px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.flvTr {
  display: grid;
  grid-template-columns: 64px 44px minmax(0, 1fr) 74px 110px;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.flvTr.flvNew {
  animation: flvFlash 1.6s ease-out;
}
@keyframes flvFlash {
  0% {
    background: rgba(74, 222, 128, .32);
  }
  100% {
    background: transparent;
  }
}
.flvTt {
  color: var(--dim);
  font-size: 10.5px;
  white-space: nowrap;
}
.flvTy {
  font: 800 10px var(--mono);
  letter-spacing: .5px;
  border-radius: 4px;
  padding: 2px 0;
  text-align: center;
}
.flvB .flvTy {
  color: var(--grn);
  background: var(--grnbg);
}
.flvS .flvTy {
  color: var(--red);
  background: var(--redbg);
}
.flvP .flvTy {
  color: var(--blue,#5b9cff);
  background: rgba(91, 156, 255, .1);
}
.flvTw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flvTw a {
  color: var(--bright);
  font-weight: 600;
  text-decoration: none;
}
.flvTw a:hover {
  color: var(--cyan,#22d3ee);
}
.flvTw s {
  text-decoration: none;
  color: var(--dim);
  font-size: 10px;
  margin-left: 6px;
}
.flvTa {
  text-align: right;
  font-weight: 700;
}
.flvB .flvTa {
  color: var(--grn);
}
.flvS .flvTa {
  color: var(--red);
}
.flvTp {
  text-align: right;
  color: var(--dim2);
  font-size: 10.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flvTp b {
  color: var(--amber);
}
.flvTp q {
  quotes: none;
  color: var(--dim2);
  font-style: italic;
}
.flvEmpty {
  color: var(--dim);
  font-size: 11px;
  padding: 10px 4px;
}
.flvFilt {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: -2px 0 8px;
}
.flvFb {
  appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid var(--line2);
  border-radius: 5px;
  background: none;
  color: var(--dim2);
  font: 800 10px/1 var(--mono);
  letter-spacing: .5px;
}
.flvFb i {
  font: 600 10px/1 var(--mono);
  font-style: normal;
  color: var(--dim);
  letter-spacing: 0;
}
.flvFb:hover,
.flvFb:focus-visible {
  color: var(--txt);
  border-color: var(--line);
}
.flvFb.on {
  color: var(--bright);
  border-color: var(--cyan);
  background: var(--cyanbg);
}
.flvFb.on i {
  color: var(--txt);
}
.flvFb.on[data-tf=b] {
  color: var(--grn);
  border-color: var(--grn);
  background: var(--grnbg);
}
.flvFb.on[data-tf=s] {
  color: var(--red);
  border-color: var(--red);
  background: var(--redbg);
}
.flvFb.on[data-tf=p] {
  color: var(--blue,#5b9cff);
  border-color: var(--blue,#5b9cff);
  background: rgba(91, 156, 255, .1);
}
.flvHd {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 58px 84px;
  align-items: center;
  gap: 8px;
  padding: 7px 4px;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.flvHr {
  color: var(--dim);
  font-size: 10px;
}
.flvHn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flvHn a {
  color: var(--bright);
  font-weight: 600;
  text-decoration: none;
}
.flvHn a:hover {
  color: var(--cyan,#22d3ee);
}
.flvHn s.dev {
  text-decoration: none;
  font: 700 9px var(--mono);
  color: var(--amber);
  margin-left: 6px;
}
.flvHp {
  text-align: right;
  font-weight: 800;
  color: var(--bright);
}
.flvHb {
  height: 7px;
  border-radius: 4px;
  background: var(--line);
  overflow: hidden;
}
.flvHb i {
  display: block;
  height: 100%;
  border-radius: 4px;
}
.flvNote {
  font-size: 10px;
  color: var(--dim);
  line-height: 1.5;
  margin: 8px 0 0;
}
.flvSigs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.flvSig {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 700 11px var(--mono);
  letter-spacing: .3px;
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 5px 12px;
  background: var(--panel2);
  color: var(--txt);
  cursor: pointer;
}
.flvSig span {
  font-weight: 600;
  color: var(--dim2);
}
.flvSig.pos {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.flvSig.pos span {
  color: var(--grn);
  opacity: .85;
}
.flvSig.neg {
  color: var(--red);
  border-color: var(--redline);
  background: var(--redbg);
}
.flvSig.neg span {
  color: var(--red);
  opacity: .85;
}
.flvSig:hover {
  filter: brightness(1.15);
}
.flvPop {
  position: absolute;
  z-index: 400;
  background: var(--panel);
  border: 1px solid var(--line3,var(--line2));
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .65);
  font-size: 12px;
  line-height: 1.55;
}
.flvPop b {
  display: block;
  font: 800 11px var(--mono);
  letter-spacing: .5px;
  margin-bottom: 6px;
  color: var(--bright);
}
.flvPop b.g {
  color: var(--grn);
}
.flvPop b.r {
  color: var(--red);
}
.flvPop p {
  margin: 0 0 6px;
  color: var(--txt);
}
.flvPop .how {
  color: var(--dim2);
  font-size: 10.5px;
  margin: 0;
}
.flvFold {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--dim);
  font: 700 10px var(--mono);
  letter-spacing: 1.3px;
  margin: 10px 0 8px;
}
.flvFold::before,
.flvFold::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line2);
}
@media (max-width: 900px) {
  .flvBoxes {
    grid-template-columns: repeat(2, 1fr);
  }
  .flvSplit {
    grid-template-columns: 1fr;
  }
  .flvTr {
    grid-template-columns: 52px 40px minmax(0, 1fr) 64px;
  }
  .flvTr .flvTp {
    display: none;
  }
}
.dhero {
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 14px;
  padding: 16px 18px;
}
.dheroT {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.dheroT h2 {
  margin: 0;
  font: 800 15px var(--mono);
  letter-spacing: .8px;
  color: var(--bright);
}
.dhboxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.dhbox {
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 12px;
  padding: 11px 13px;
  position: relative;
  overflow: hidden;
  min-width: 0;
}
.dhbox::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--tone,var(--grn));
}
.dhbox u {
  display: block;
  text-decoration: none;
  font: 700 9px var(--mono);
  letter-spacing: 1px;
  color: var(--dim2);
}
.dhbox b {
  display: block;
  font: 800 19px var(--mono);
  color: var(--bright);
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dhbox s {
  display: block;
  text-decoration: none;
  font-size: 10.5px;
  color: var(--dim2);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ddoors {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.ddoor {
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 12px;
  padding: 13px 15px;
  text-decoration: none;
  min-width: 0;
  transition: border-color .15s, transform .15s;
}
.ddoor:hover {
  border-color: var(--grnline);
  transform: translateY(-1px);
}
.ddoor i {
  font-style: normal;
  font-size: 15px;
  color: var(--grn);
}
.ddoor b {
  font: 800 12px var(--mono);
  letter-spacing: .8px;
  color: var(--bright);
}
.ddoor span {
  font-size: 11.5px;
  color: var(--dim2);
  line-height: 1.4;
}
.dmore {
  border: 1px dashed var(--line2);
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
}
.dmore summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 18px;
  user-select: none;
}
.dmore summary::-webkit-details-marker {
  display: none;
}
.dmore summary b {
  font: 800 12px var(--mono);
  letter-spacing: 1px;
  color: var(--bright);
}
.dmore summary span {
  font-size: 11.5px;
  color: var(--dim2);
}
.dmore summary:hover b {
  color: var(--grn);
}
.dmore[open] summary {
  border-bottom: 1px dashed var(--line2);
}
.dmore[open] summary b::first-letter {
}
.dmore > *:not(summary) {
  margin: 12px 14px;
}
@media (max-width: 840px) {
  .dhboxes,
  .ddoors {
    grid-template-columns: repeat(2, 1fr);
  }
  .dhbox b {
    font-size: 16px;
  }
}
.flvCov {
  font: 600 10px var(--mono);
  color: var(--dim2);
  margin-left: 6px;
}
.flvReach {
  padding: 9px 6px;
  font: 600 10.5px var(--mono);
  color: var(--dim);
  border-top: 1px solid var(--line2);
  text-align: center;
}
.flvMore {
  display: block;
  width: 100%;
  margin-top: 8px;
  min-height: 34px;
  padding: 8px 12px;
  cursor: pointer;
  font: 700 10.5px var(--mono);
  letter-spacing: .06em;
  color: var(--cyan);
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 7px;
}
.flvMore:hover,
.flvMore:focus-visible {
  color: var(--bright);
  border-color: var(--cyan);
}
.flvReach i {
  display: block;
  margin-top: 5px;
  font-style: normal;
  color: var(--dim);
}
.flvHoldMore {
  display: block;
  width: 100%;
  margin-top: 6px;
  min-height: 32px;
  padding: 7px 12px;
  cursor: pointer;
  font: 700 10px var(--mono);
  letter-spacing: .05em;
  color: var(--dim);
  background: var(--sunken);
  border: 1px solid var(--line);
  border-radius: 7px;
}
.flvHoldMore:hover,
.flvHoldMore:focus-visible {
  color: var(--bright);
  border-color: var(--cyan);
}
.flvHoldMinor {
  margin-top: 2px;
  border-top: 1px dashed var(--line2);
}
.flvHoldMinor .flvHd {
  opacity: .72;
  font-size: 11.5px;
}
.flvHoldMinor .flvHd:hover {
  opacity: 1;
}
.opSrc {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding: 1px 5px;
  border-radius: 4px;
  font: 800 8px var(--mono);
  letter-spacing: .9px;
  white-space: nowrap;
  color: var(--amber);
  border: 1px solid color-mix(in srgb, var(--amber) 45%, transparent);
  background: color-mix(in srgb, var(--amber) 12%, transparent);
  cursor: help;
}
.opSrc.tr {
  color: var(--dim2);
  border-color: var(--line2);
  background: rgba(150, 185, 220, .05);
}
.kkGrp {
  font: 800 8px var(--mono);
  letter-spacing: 1.1px;
  color: var(--dim);
  text-transform: uppercase;
  align-self: center;
  margin-inline-end: 2px;
}
.kkGrp.against {
  color: var(--red);
  margin-inline-start: 8px;
  padding-inline-start: 8px;
  border-inline-start: 1px solid var(--line2);
  cursor: help;
}
.ccAgainst {
  margin-top: 6px;
  padding: 6px 8px;
  border-radius: 7px;
  font: 600 10px var(--mono);
  line-height: 1.5;
  color: var(--amber);
  border: 1px solid color-mix(in srgb, var(--amber) 40%, transparent);
  background: color-mix(in srgb, var(--amber) 10%, transparent);
}
.flvTr.flvLX {
  background:
    linear-gradient(
      90deg,
      rgba(124, 199, 255, .10),
      transparent 55%);
  box-shadow: inset 2px 0 0 var(--blue,#5b9cff);
}
.flvTr.flvLX .flvTy {
  color: var(--blue,#5b9cff);
  background: rgba(91, 156, 255, .16);
  font-size: 9px;
  letter-spacing: .2px;
}
.flvSeed {
  margin-top: 10px;
  padding: 10px 11px 9px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background:
    linear-gradient(
      180deg,
      rgba(124, 199, 255, .07),
      transparent 70%);
}
.flvSdT {
  font: 800 10px var(--mono);
  letter-spacing: 1.1px;
  color: var(--blue,#5b9cff);
  margin-bottom: 8px;
}
.flvSdR {
  display: grid;
  grid-template-columns: 104px minmax(0, auto) minmax(0, 1fr);
  align-items: baseline;
  gap: 3px 10px;
  padding: 5px 0;
  font-size: 12px;
}
.flvSdR + .flvSdR {
  border-top: 1px solid var(--line);
}
.flvSdR u {
  text-decoration: none;
  color: var(--dim);
  font: 700 9.5px var(--mono);
  letter-spacing: .7px;
  text-transform: uppercase;
}
.flvSdR b {
  color: var(--bright);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.flvSdR s {
  text-decoration: none;
  color: var(--dim2);
  font-size: 10.5px;
  min-width: 0;
  white-space: normal;
  line-height: 1.45;
}
.flvSdF {
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px solid var(--line2);
  font: 600 10px var(--mono);
  color: var(--dim);
  letter-spacing: .2px;
}
@media (max-width: 900px) {
  .flvTr.flvLX .flvTy {
    font-size: 8.5px;
  }
  .flvSdR {
    grid-template-columns: 92px minmax(0, 1fr);
  }
  .flvSdR s {
    grid-column: 1 / -1;
  }
}
.exTerm {
  cursor: help;
  text-decoration: underline dotted var(--dim2);
  text-underline-offset: 3px;
}
.exTerm:hover {
  color: var(--bright);
  text-decoration-color: var(--grn);
}
.exPop {
  position: absolute;
  z-index: 500;
  background: var(--panel);
  border: 1px solid var(--line3,var(--line2));
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 18px 48px -14px rgba(0, 0, 0, .7);
  font-size: 12.5px;
  line-height: 1.6;
}
.exPop b {
  display: block;
  font: 800 11px var(--mono);
  letter-spacing: 1px;
  color: var(--grn);
  margin-bottom: 7px;
}
.exPop p {
  margin: 0 0 9px;
  color: var(--txt);
}
.exPop p:last-child {
  margin-bottom: 0;
}
.exPop u {
  display: block;
  text-decoration: none;
  font: 700 8.5px var(--mono);
  letter-spacing: 1.2px;
  color: var(--dim2);
  margin-bottom: 2px;
}
.exPop .why {
  color: var(--txt);
}
.exPop .how {
  color: var(--dim2);
  font-size: 11px;
}
.flvAdv {
  border: 1px dashed var(--line2);
  border-radius: 14px;
  margin: 14px 0;
  overflow: hidden;
}
.flvAdv > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 18px;
  user-select: none;
}
.flvAdv > summary::-webkit-details-marker {
  display: none;
}
.flvAdv > summary b {
  font: 800 12px var(--mono);
  letter-spacing: 1px;
  color: var(--bright);
}
.flvAdv > summary span {
  font-size: 11.5px;
  color: var(--dim2);
}
.flvAdv > summary:hover b {
  color: var(--grn);
}
.flvAdv[open] > summary {
  border-bottom: 1px dashed var(--line2);
}
.flvAdv[open] > .flgrid {
  padding: 14px;
}
.wnext {
  margin: 16px 0 6px;
}
.wnext > u {
  display: block;
  text-decoration: none;
  font: 700 10px var(--mono);
  letter-spacing: 1.5px;
  color: var(--dim2);
  margin-bottom: 8px;
}
.wnRow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.wnDoor {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 12px;
  padding: 11px 14px;
  text-decoration: none;
  min-width: 0;
  transition: border-color .15s, transform .15s;
}
.wnDoor:hover {
  border-color: var(--grnline);
  transform: translateY(-1px);
}
.wnDoor b {
  font: 700 11.5px var(--mono);
  letter-spacing: .4px;
  color: var(--bright);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wnDoor span {
  font-size: 11px;
  color: var(--dim2);
}
.fbMore {
  display: block;
  margin: 10px auto 2px;
  font: 600 11px var(--mono);
  color: var(--dim2);
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 6px 14px;
  cursor: pointer;
}
.fbMore:hover {
  color: var(--bright);
  border-color: var(--line3);
}
a.dhbox {
  text-decoration: none;
  cursor: pointer;
  transition: border-color .15s, transform .15s;
}
a.dhbox:hover {
  border-color: var(--grnline);
  transform: translateY(-1px);
}
.dheadgo {
  margin-left: auto;
  font: 700 10.5px var(--mono);
  color: var(--cyan,#22d3ee);
  text-decoration: none;
  white-space: nowrap;
}
.dheadgo:hover {
  text-decoration: underline;
}
.dtag {
  display: block;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed var(--line2);
  border-radius: 10px;
  font: 600 11px var(--mono);
  color: var(--dim2);
  text-decoration: none;
  text-align: center;
}
.dtag:hover {
  color: var(--bright);
  border-color: var(--grnline);
}
.dheroLink {
  text-decoration: none;
}
.dheroLink h2 {
  margin: 0;
}
.dheroLink:hover h2 {
  color: var(--grn);
}
.dhotList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dhot {
  display: grid;
  grid-template-columns: 24px 40px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  cursor: pointer;
  background: var(--panel2);
}
.dhot:hover {
  border-color: var(--grnline);
}
.dhot .dtile,
.dhot .dtileimg {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  grid-row: 1/3;
}
.dhotRank {
  grid-row: 1/3;
  font: 800 13px var(--mono);
  color: var(--dim);
  text-align: center;
}
.dhotRank.top {
  color: var(--amber);
}
.dhotId {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.dhotId b {
  font: 800 15px var(--mono);
  letter-spacing: .4px;
  color: var(--bright);
}
.dhotId i {
  font-style: normal;
  font-size: 11.5px;
  color: var(--dim2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dhotWhy {
  grid-column: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--dim2);
  min-width: 0;
  flex-wrap: wrap;
}
.dhotWhy b {
  color: var(--txt);
}
.dhotWhy b.g {
  color: var(--grn);
}
.dhotWhy b.r {
  color: var(--red);
}
.dhotWhy .dflow {
  flex: 1 1 90px;
  min-width: 70px;
}
.dbigList {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dbig {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel2);
}
.dbigLine {
  flex: 1;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--txt);
}
.dbigLine b {
  font-weight: 700;
}
.dbigLine .g {
  color: var(--grn);
}
.dbigLine .r {
  color: var(--red);
}
.dbigWho,
.dbigCoin {
  cursor: pointer;
  color: var(--bright);
}
.dbigWho:hover,
.dbigCoin:hover {
  color: var(--cyan,#22d3ee);
}
.dbigT {
  font: 600 10.5px var(--mono);
  color: var(--dim);
  white-space: nowrap;
}
.ffMoreBtn {
  font: 600 11px var(--mono);
  color: var(--dim);
  background: transparent;
  border: 1px dashed var(--line2);
  border-radius: 999px;
  padding: 4px 12px;
  cursor: pointer;
}
.ffMoreBtn:hover {
  color: var(--bright);
}
.ffMoreSet {
  display: contents;
}
.ffMoreSet[hidden] {
  display: none;
}
.kk {
  position: relative;
}
.kkq {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  margin-left: 6px;
  border: 1px solid var(--line3,var(--line2));
  border-radius: 50%;
  font: 700 8.5px var(--mono);
  color: var(--dim2);
  cursor: help;
  font-style: normal;
  vertical-align: 1px;
}
.kkq:hover {
  color: var(--grn);
  border-color: var(--grnline);
}
#cartelIntro {
  position: absolute;
  z-index: 60;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 430px;
  background: var(--panel);
  border: 1px solid var(--line3,var(--line2));
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 22px 60px -18px rgba(0, 0, 0, .75);
  font-size: 13px;
  line-height: 1.6;
  backdrop-filter: blur(16px) saturate(.8);
  -webkit-backdrop-filter: blur(16px) saturate(.8);
}
@media (max-width: 760px) {
  #cartelIntro {
    top: 130px;
    left: 12px;
    right: 12px;
    transform: none;
    max-width: none;
  }
}
#cartelIntro b {
  display: block;
  font: 800 12px var(--mono);
  letter-spacing: 1.2px;
  color: var(--grn);
  margin-bottom: 8px;
}
#cartelIntro p {
  margin: 0 0 9px;
}
#cartelIntro p:last-child {
  margin-bottom: 0;
}
#cartelIntro .cix {
  position: absolute;
  top: 8px;
  right: 10px;
  background: none;
  border: 0;
  color: var(--dim2);
  font-size: 16px;
  cursor: pointer;
}
#cartelIntro .cix:hover {
  color: var(--bright);
}
.dwelcome {
  position: relative;
  background: var(--panel);
  border: 1px solid var(--grnline);
  border-radius: 14px;
  padding: 16px 44px 16px 18px;
}
.dwelcome b {
  display: block;
  font: 800 12px var(--mono);
  letter-spacing: 1.2px;
  color: var(--grn);
  margin-bottom: 6px;
}
.dwelcome p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--txt);
  max-width: none;
}
.dwelcome a {
  color: var(--cyan,#22d3ee);
  font-weight: 600;
  text-decoration: none;
}
.dwelcome .dwx {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: 0;
  color: var(--dim2);
  font-size: 17px;
  cursor: pointer;
}
.dwelcome .dwx:hover {
  color: var(--bright);
}
.tsortl {
  font: 600 10px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  margin-inline-start: 8px;
}
#tCardSort {
  font: 600 11px var(--mono);
  color: var(--txt);
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 5px 8px;
  cursor: pointer;
}
#tCardSort:hover {
  border-color: var(--line3);
}
@media (max-width: 900px) {
  .flvSplit {
    display: flex;
    flex-direction: column;
  }
  .flvSplit > .flvCard:last-child {
    order: -1;
  }
  .flvTape {
    max-height: 236px;
  }
  .flvBoxes .flvBx:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .flvTapeT i {
    display: none;
  }
}
@media (max-height: 800px) {
  .flvChart {
    height: 128px;
  }
  .flvTape {
    max-height: 260px;
  }
}
.cmdfleetpath {
  margin: 10px 0 12px;
  padding: 11px 13px;
  border: 1px solid var(--grnline);
  border-radius: 10px;
  background: var(--grnbg);
}
.cmdfleetpath u {
  display: block;
  text-decoration: none;
  font: 700 9.5px var(--mono);
  letter-spacing: 1.1px;
  color: var(--grn);
  margin-bottom: 5px;
}
.cmdfleetpath p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--txt);
}
.cmdlaneplays {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  font: 600 9.5px var(--mono);
  letter-spacing: .5px;
  color: var(--dim2);
  font-style: normal;
}
.cmdlaneplay {
  font: 700 9px var(--mono);
  letter-spacing: .5px;
  color: var(--cyan,#22d3ee);
  background: transparent;
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 3px 9px;
  cursor: pointer;
}
.cmdlaneplay:hover {
  border-color: var(--cyan,#22d3ee);
}
.cmdlink {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--cyan,#22d3ee);
  cursor: pointer;
  font-weight: 600;
}
.cmdlink:hover {
  text-decoration: underline;
}
.dhead.big,
.dheroT.big {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dhead.big h2 {
  font: 800 19px var(--mono);
  letter-spacing: 1.2px;
  color: var(--bright);
  margin: 0;
}
.dheroT.big h2 {
  font: 800 21px var(--mono);
  letter-spacing: 1px;
}
.dhead.big .dwin,
.dheroT.big .dwin {
  margin-top: 2px;
}
.sig {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  overflow: visible;
}
.dheroT.big .sig {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}
.dmore summary .sig {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  vertical-align: -7px;
  margin-right: 10px;
}
.dmore summary {
  align-items: center;
}
.sig * {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sgFaint {
  stroke: var(--line3,var(--line2));
  stroke-width: 2;
}
.sgFainter {
  stroke: var(--line2);
  stroke-width: 1.4;
}
.sgCore {
  fill: var(--grn);
  stroke: none;
}
.sgNeedle {
  stroke: var(--grn);
  stroke-width: 2.2;
}
.sgNeedle.g {
  stroke: var(--amber);
}
.sgTick {
  stroke: var(--dim2);
  stroke-width: 1.8;
}
.sgWedge {
  fill: var(--grn);
  opacity: .14;
  stroke: none;
}
.sgSweep {
  transform-origin: 20px 20px;
  animation: sigSweep 7s linear infinite;
}
.sgBlip {
  fill: var(--cyan,#22d3ee);
  stroke: none;
  animation: sigBlip 2.8s ease-in-out infinite;
}
.sgBlip.b2 {
  fill: var(--amber);
  animation-delay: 1.3s;
}
@keyframes sigSweep {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sigBlip {
  0%, 100% {
    opacity: .25;
  }
  50% {
    opacity: 1;
  }
}
.sgHead {
  fill: var(--amber);
  stroke: none;
}
.sgHalo {
  stroke: var(--amber);
  stroke-width: 1.2;
  opacity: .35;
}
.sgTrail {
  stroke: var(--amber);
  stroke-width: 2.4;
  stroke-dasharray: 3 5;
  animation: sigTrail 1.6s linear infinite;
}
.sgTrail.t2 {
  stroke-width: 1.7;
  opacity: .6;
  animation-duration: 2.1s;
}
.sgTrail.t3 {
  stroke-width: 1.4;
  opacity: .35;
  animation-duration: 2.6s;
}
@keyframes sigTrail {
  to {
    stroke-dashoffset: -16;
  }
}
.sgEkg {
  stroke-width: 2.4;
}
.sgEkg.up {
  stroke: var(--grn);
}
.sgEkg.dn {
  stroke: var(--red);
}
.sgSpike {
  fill: var(--red);
  stroke: none;
  animation: sigBlip 1.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .sgSweep,
  .sgBlip,
  .sgTrail,
  .sgSpike {
    animation: none;
  }
}
@media (max-width: 720px) {
  .dhead.big h2 {
    font-size: 16px;
  }
  .dheroT.big h2 {
    font-size: 16px;
  }
  .sig,
  .dheroT.big .sig {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}
.dgrid.top {
  align-items: stretch;
}
.dgrid.top .dpanel {
  display: flex;
  flex-direction: column;
}
.dgrid.top .dhotList,
.dgrid.top .dbigList {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dgrid.top .dhotList > .dhot,
.dgrid.top .dbigList > .dbig {
  flex: 1 1 auto;
}
.dgrid.top .dtag {
  margin-top: auto;
}
.dbigList {
  gap: 9px;
}
.dbig {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px 11px 17px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel2);
  cursor: pointer;
  overflow: hidden;
}
.dbig::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--ks,var(--dim));
}
.dbig:hover {
  border-color: var(--line3);
}
.dbigActor {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dbigActor .dtile {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex: 0 0 38px;
}
.dbigGhost {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px dashed var(--line3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dim);
  font-size: 15px;
  flex: 0 0 38px;
}
.dbigMain {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.dbigL1 {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  flex-wrap: wrap;
  row-gap: 3px;
}
.dbigWho {
  font: 700 13.5px var(--mono);
  color: var(--bright);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.dbigWho:hover {
  color: var(--cyan,#22d3ee);
}
.dbigWho.mut {
  color: var(--dim2);
}
.dbigVerb {
  font: 800 9.5px var(--mono);
  letter-spacing: 1px;
  white-space: nowrap;
  border: 1px solid;
  border-radius: 999px;
  padding: 2.5px 9px;
  opacity: .95;
}
.dbigCoinW {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.dbigCoinW .dtile {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex: 0 0 22px;
}
.dbigCoin {
  font: 700 13px var(--mono);
  color: var(--bright);
  white-space: nowrap;
}
.dbig:hover .dbigCoin {
  color: var(--cyan,#22d3ee);
}
.dbigWhy {
  font: 400 11.5px/1.5 var(--mono);
  color: var(--dim);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dbigWhy b {
  color: var(--txt);
  font-weight: 700;
}
.dbigSide {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  flex: 0 0 auto;
}
.dbigNum {
  text-align: right;
  white-space: nowrap;
  line-height: 1.05;
}
.dbigNum b {
  display: block;
  font: 800 18px var(--mono);
  color: var(--txt);
}
.dbigNum.g b {
  color: var(--grn);
}
.dbigNum.r b {
  color: var(--red);
}
.dbigNum.a b {
  color: var(--amber);
}
.dbigNum s {
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: .6px;
  color: var(--dim2);
}
.dbigT {
  font: 600 10px var(--mono);
  color: var(--dim);
  white-space: nowrap;
}
.cmdfold > *:not(summary) {
  margin: 12px 14px;
}
@media (max-width: 720px) {
  .dbigWho {
    max-width: 110px;
  }
  .dbigNum b {
    font-size: 15px;
  }
  .dbigActor .dtile,
  .dbigGhost {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 12px;
  }
  .dbigWhy {
    -webkit-line-clamp: 3;
  }
}
.dbigLiveDot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cyan,#22d3ee);
  margin-right: 5px;
  vertical-align: 1px;
  animation: dlivepulse 1.6s ease-in-out infinite;
}
@keyframes dlivepulse {
  0%, 100% {
    opacity: .45;
  }
  50% {
    opacity: 1;
  }
}
.dbigNew {
  animation: dbigland .9s ease-out;
}
@keyframes dbigland {
  0% {
    background: color-mix(in srgb, var(--cyan,#22d3ee) 16%, var(--panel2));
  }
  100% {
    background: var(--panel2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dbigLiveDot {
    animation: none;
  }
  .dbigNew {
    animation: none;
  }
}
.dgoodRank {
  --med:var(--dim);
  font: 800 10px var(--mono);
  color: #0b0e12;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  border-radius: 50%;
  background: var(--med);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dgoodRank.r1 {
  --med:#f2c14e;
}
.dgoodRank.r2 {
  --med:#c3cedd;
}
.dgoodRank.r3 {
  --med:#cd9a68;
}
.dreturn {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
  border: 1px solid var(--line2);
  border-left: 4px solid var(--cyan,#22d3ee);
  border-radius: 12px;
  background: var(--panel);
  padding: 10px 34px 10px 14px;
  margin: 0 0 12px;
}
.dreturn u {
  text-decoration: none;
  font: 800 9.5px var(--mono);
  letter-spacing: 1.6px;
  color: var(--cyan,#22d3ee);
  white-space: nowrap;
}
.dreturn u i {
  font-style: normal;
  color: var(--dim);
  letter-spacing: .4px;
}
.dretSegs {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font: 600 12px var(--mono);
  color: var(--txt);
  min-width: 0;
}
.dretSegs a {
  color: var(--txt);
  text-decoration: none;
  border-bottom: 1px dotted var(--line3);
}
.dretSegs a:hover {
  color: var(--bright);
}
.dretSegs a.rg {
  color: var(--grn);
}
.dretSegs a.rr {
  color: var(--red);
}
.dretSegs s {
  text-decoration: none;
  color: var(--dim2);
}
#dretX {
  position: absolute;
  top: 6px;
  right: 8px;
  background: none;
  border: 0;
  color: var(--dim2);
  font-size: 15px;
  cursor: pointer;
  padding: 2px 5px;
}
#dretX:hover {
  color: var(--bright);
}
.dictIntro {
  font-size: 13px;
  color: var(--dim);
  max-width: 66ch;
  margin: 0 0 14px;
  line-height: 1.7;
}
.dictSearch {
  width: min(420px, 100%);
  margin: 0 0 16px;
  padding: 9px 13px;
  border-radius: 10px;
  border: 1px solid var(--line2);
  background: var(--panel);
  color: var(--txt);
  font: 600 12.5px var(--mono);
}
.dictSearch:focus {
  outline: none;
  border-color: var(--grn);
}
.dictGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  align-items: stretch;
}
.dictCard {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
}
.dictCard b {
  display: block;
  font: 800 11.5px var(--mono);
  letter-spacing: 1px;
  color: var(--grn);
  margin-bottom: 6px;
}
.dictCard p {
  margin: 0 0 7px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--txt);
}
.dictCard p:last-child {
  margin-bottom: 0;
}
.dictCard .dictWhy,
.dictCard .dictHow {
  color: var(--dim);
  font-size: 11.5px;
}
.dictCard u {
  text-decoration: none;
  font: 800 8.5px var(--mono);
  letter-spacing: 1.2px;
  margin-right: 6px;
}
.dictCard .dictWhy u {
  color: var(--amber);
}
.dictCard .dictHow u {
  color: var(--cyan,#22d3ee);
}
.dictNone {
  font: 600 12px var(--mono);
  color: var(--dim);
  padding: 20px 4px;
}
.shareBtn {
  font: 700 10px var(--mono);
  letter-spacing: .8px;
  color: var(--dim);
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
  white-space: nowrap;
}
.shareBtn:hover {
  color: var(--bright);
  border-color: var(--line3);
}
.vhead .shareBtn {
  margin-left: 10px;
  vertical-align: 3px;
}
.puHead .shareBtn {
  margin-left: auto;
}
.sharePop {
  position: absolute;
  z-index: 900;
  min-width: 212px;
  display: flex;
  flex-direction: column;
  background: var(--panel);
  border: 1px solid var(--line3,var(--line2));
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 18px 50px -16px rgba(0, 0, 0, .7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.sharePop a,
.sharePop button {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  font: 600 12px var(--mono);
  color: var(--txt);
  text-decoration: none;
  padding: 9px 11px;
  border-radius: 8px;
  box-sizing: border-box;
}
.sharePop a:hover,
.sharePop button:hover {
  background: var(--panel2);
  color: var(--bright);
}
.dhead.big h2 {
  white-space: nowrap;
}
.dhead.big .dwin {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}
.kkNewsStrip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  animation: kkNewsIn .45s ease;
}
@keyframes kkNewsIn {
  from {
    opacity: .25;
  }
  to {
    opacity: 1;
  }
}
.kkStory {
  font: inherit;
  color: inherit;
  text-align: left;
  padding: 9px 12px 9px 14px;
  gap: 10px;
}
.kkStory .dbigActor .dtile {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 0 0 30px;
  object-fit: cover;
  border: 1px solid var(--line2);
}
.kkStory .dbigGhost {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  font-size: 13px;
}
.kkStory .dbigWho {
  max-width: 200px;
  font-size: 12px;
}
.kkStory .dbigWhy {
  font-size: 10.5px;
  -webkit-line-clamp: 2;
}
.kkStory .dbigNum b {
  font-size: 15px;
}
.kkStory:hover {
  border-color: var(--line3);
}
@media (max-width: 980px) {
  .kkNewsStrip {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .kkNewsStrip .kkStory:nth-child(n+2) {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kkNewsStrip {
    animation: none;
  }
}
#cartelCanvas {
  touch-action: none;
}
.dtileWrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--panel2);
  border: 1px solid var(--line2);
}
.dtileWrap .botFb {
  width: 78%;
  height: 78%;
}
.dtileWrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbigGhost .botFb {
  width: 74%;
  height: 74%;
}
.kkStory .dbigActor .dtileWrap {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 0 0 30px;
}
.rchipRow {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.rchip {
  display: inline-flex;
  align-items: center;
  font: 600 9.5px var(--mono);
  letter-spacing: .4px;
  padding: 2.5px 7px;
  border-radius: 9px;
  border: 1px solid var(--line2);
  background: var(--sunken);
  color: var(--txt);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
  cursor: default;
}
.rchip.r {
  color: var(--red);
  border-color: var(--redline);
  background: var(--redbg);
}
.rchip.a {
  color: var(--amber);
  border-color: var(--ambline);
  background: var(--ambbg);
}
.rchip.g {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.rchip.n {
  color: var(--dim);
  border-color: var(--line2);
  background: transparent;
}
td .rchipRow {
  display: inline-flex;
  vertical-align: middle;
  max-width: 150px;
}
td .rchipRow .rchip {
  max-width: 150px;
}
.riskRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 8px;
}
.riskN {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid var(--line3);
  border-radius: 6px;
  background: var(--sunken);
  min-width: 0;
}
.riskN b {
  font: 700 15px var(--mono);
  color: var(--bright);
  font-variant-numeric: tabular-nums;
}
.riskN s {
  text-decoration: none;
  font-size: 8.5px;
  letter-spacing: .5px;
  color: var(--dim);
  text-transform: uppercase;
  line-height: 1.4;
}
@media (max-width: 560px) {
  .riskRow {
    grid-template-columns: 1fr 1fr;
  }
}
.riskLineage {
  border-color: var(--ambline);
  background: var(--ambbg);
}
.flvDumpT {
  font: 700 9px var(--mono);
  letter-spacing: 1.1px;
  color: var(--dim);
  text-transform: uppercase;
  margin: 12px 0 6px;
  padding-top: 10px;
  border-top: 1px solid var(--line3);
}
.flvDp {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 9px;
  margin-top: 5px;
  border-radius: 6px;
  border: 1px solid var(--line3);
  background: var(--sunken);
  font-size: 11px;
  line-height: 1.55;
  border-inline-start: 3px solid var(--dp,var(--line2));
}
.flvDp b {
  color: var(--bright);
  font-family: var(--mono);
  white-space: nowrap;
}
.flvDp span {
  color: var(--txt);
  min-width: 0;
}
.flvDp i {
  font-style: normal;
  color: var(--dim);
}
.flvDp b a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted var(--line2);
}
#repTrend {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-inline-start: auto;
}
#repTrend .spark {
  opacity: .9;
}
#repTrend i {
  font-style: normal;
  white-space: nowrap;
}
.dbigMain .rchipRow {
  margin-top: 5px;
}
.dictGo {
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.exPop .dictGo {
  margin-top: 8px;
  padding-top: 2px;
}
.dictGo a {
  font: 600 9.5px var(--mono);
  letter-spacing: .4px;
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid var(--cyanline);
  background: var(--cyanbg);
  border-radius: 9px;
  padding: 2.5px 8px;
}
.dictGo a:hover {
  color: var(--bright);
  border-color: var(--cyan);
}
.dcols2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
.dcols2 .dname .rchipRow {
  margin: 2px 0 0;
}
@media (max-width: 760px) {
  .dcols2 {
    grid-template-columns: 1fr;
  }
}
.tlive {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 4px;
  padding: 4px 9px;
  font: inherit;
  font-size: 10px;
  color: var(--dim2);
  cursor: pointer;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transition: border-color .2s, color .2s;
}
.tlive:hover {
  border-color: var(--grnline);
  color: var(--txt);
}
.tlive .tliveDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--grn);
  box-shadow: 0 0 6px var(--grn);
  animation: tliveBeat 2.4s infinite;
}
.tlive .tliveNote {
  color: var(--dim);
}
.tlive .tliveNote::after {
  content: "\b7";
  margin-inline-start: 7px;
  color: var(--dim);
}
.tlive .tliveIco {
  color: var(--dim);
  transition: transform .5s;
}
.tlive:hover .tliveIco {
  color: var(--grn);
}
.tlive.busy .tliveIco {
  animation: tliveSpin .8s linear infinite;
}
.tlive.flash {
  border-color: var(--grn);
  color: var(--grn);
}
@keyframes tliveBeat {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .35;
  }
}
@keyframes tliveSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 760px) {
  .tlive .tliveNote {
    display: none;
  }
  .tlive {
    padding: 4px 7px;
  }
}
.tnew {
  position: absolute;
  left: 50%;
  top: 118px;
  transform: translateX(-50%);
  z-index: 30;
  background: var(--grn);
  color: #04120a;
  font: 700 11px var(--mono);
  letter-spacing: .4px;
  padding: 7px 14px;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
  animation: tnewIn .3s ease;
}
.tnew[hidden] {
  display: none;
}
@keyframes tnewIn {
  from {
    opacity: 0;
    transform: translate(-50%, -8px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.nbCard.nbFresh {
  border-color: var(--grnline);
  box-shadow: inset 0 0 0 1px var(--grnline);
}
.nbCard.nbJust {
  animation: nbJust 1.2s ease 3;
}
@keyframes nbJust {
  0%, 100% {
    box-shadow: inset 0 0 0 1px var(--grnline);
  }
  50% {
    box-shadow: 0 0 0 2px var(--grn), 0 0 22px var(--grn);
  }
}
#ptr {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, -56px);
  z-index: 400;
  display: none;
  align-items: center;
  gap: 8px;
  background: var(--panel,#0b1220);
  color: var(--txt);
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 7px 14px;
  font: 600 11px var(--mono);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .5);
  transition: transform .08s linear;
  pointer-events: none;
}
#ptr.on {
  display: inline-flex;
}
#ptr .ptrIco {
  display: inline-block;
  color: var(--grn);
  transition: transform .2s;
}
#ptr.ready .ptrIco {
  transform: rotate(180deg);
}
#ptr.busy .ptrIco {
  animation: tliveSpin .8s linear infinite;
}
#ptr.done {
  border-color: var(--grnline);
  color: var(--grn);
}
#ptr.done .ptrIco {
  animation: none;
  transform: none;
}
.bfDisclaimer {
  border-color: var(--ambline);
  background: var(--ambbg);
}
.bfLinks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  margin: 10px 0 18px;
}
.bfLink {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background: var(--sunken);
  text-decoration: none;
  color: var(--txt);
  transition: border-color .2s;
}
.bfLink:hover {
  border-color: var(--grnline);
}
.bfLink img {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
.bfLink .bfGlyph {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex: 0 0 auto;
}
.bfLink span b {
  display: block;
  font-size: 12px;
  color: var(--bright);
}
.bfLink span i {
  display: block;
  font-style: normal;
  font-size: 10px;
  color: var(--dim);
}
.bfFacts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 6px 0 16px;
}
.bfFacts > div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 11px;
  background: var(--sunken);
}
.bfFacts u {
  display: block;
  font: 700 7.5px var(--mono);
  letter-spacing: 1.2px;
  color: var(--dim);
  text-decoration: none;
  text-transform: uppercase;
}
.bfFacts b {
  display: block;
  font: 700 15px var(--mono);
  color: var(--grn);
  margin: 3px 0 2px;
  font-variant-numeric: tabular-nums;
}
.bfFacts i {
  display: block;
  font-style: normal;
  font-size: 9.5px;
  color: var(--dim2);
  line-height: 1.4;
}
.bfFacts i a {
  color: var(--cyan);
}
.prose code {
  font: 11px var(--mono);
  color: var(--cyan);
  background: var(--sunken);
  padding: 0 4px;
  border-radius: 3px;
}
.bfTable {
  width: 100%;
  border-collapse: collapse;
}
.bfTable th {
  font: 700 8px var(--mono);
  letter-spacing: 1.2px;
  color: var(--dim);
  text-align: left;
  padding: 5px 8px;
  border-bottom: 1px solid var(--line);
}
.bfTable td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--line);
  color: var(--dim2);
  vertical-align: top;
  font-size: 10.5px;
}
.bfTable td.mono {
  font: 10.5px var(--mono);
}
.bfTable a {
  color: var(--cyan);
  text-decoration: none;
}
.bfNote {
  font-size: 10.5px;
  color: var(--dim);
}
.bfTag {
  display: inline-block;
  font: 700 7.5px var(--mono);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid;
}
.bfTag.bf {
  color: #00dd70;
  border-color: rgba(0, 221, 112, .4);
}
.bfTag.ho {
  color: var(--cyan);
  border-color: rgba(80, 200, 255, .4);
}
.bfTag.pr {
  color: var(--amber);
  border-color: var(--ambline);
}
.bfVers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 8px 0 18px;
}
.bfVer {
  border: 1px solid var(--line2);
  border-radius: 9px;
  padding: 11px 14px 9px;
  background: var(--sunken);
}
.bfVerH {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.bfVerH b {
  font: 700 13px var(--mono);
  color: var(--bright);
}
.bfVerH time {
  font: 11px var(--mono);
  color: var(--dim);
  margin-inline-start: auto;
}
.bfVerH time i {
  font-style: normal;
  color: var(--amber);
  font-size: 9px;
}
.bfVer h3 {
  margin: 6px 0 5px;
}
.bfVer ul {
  margin-bottom: 6px;
}
.bfVer li {
  overflow-wrap: anywhere;
}
.bfSec {
  margin: 10px 0 4px;
  padding: 8px 10px 6px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
}
.bfSec h4 {
  margin: 0 0 4px;
  font: 700 11px var(--mono);
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--bright);
}
.bfSecIntro {
  margin: 0 0 6px;
  font-size: 12px;
  color: var(--dim2);
  line-height: 1.5;
}
.bfSec ul {
  margin: 0 0 6px;
}
.bfLive {
  margin: 6px 0 0;
  padding: 6px 9px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--dim2);
  border-left: 2px solid var(--grn);
  background: var(--grnbg);
}
.bfLive b {
  color: var(--grn);
  font-weight: 700;
  margin-right: 4px;
}
.bfLive.part {
  border-left-color: var(--cyan);
  background: var(--cyanbg);
}
.bfLive.part b {
  color: var(--cyan);
}
.bfLive.no {
  border-left-color: var(--amber);
  background: var(--ambbg);
}
.bfLive.no b {
  color: var(--amber);
}
.bfSrc {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 4px;
  border-top: 1px dashed var(--line);
}
.bfSrc a {
  font: 10px var(--mono);
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 1px 8px;
}
.bfSrc a:hover {
  border-color: var(--cyan);
}
.bfMilestones {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 6px 0 16px;
}
.bfMs {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 10px;
  font-size: 11px;
  color: var(--dim2);
  padding: 4px 0;
  border-bottom: 1px solid var(--line);
}
.bfMs time {
  font: 11px var(--mono);
  color: var(--grn);
}
.bfMs a {
  color: var(--cyan);
  text-decoration: none;
  font-size: 10px;
}
@media (max-width: 640px) {
  .bfVerH time {
    margin-inline-start: 0;
    width: 100%;
  }
  .bfMs {
    grid-template-columns: 1fr;
  }
}
.bfTech {
  margin: 4px 0 2px;
  border-top: 1px dashed var(--line);
  padding-top: 4px;
}
.bfTech summary {
  cursor: pointer;
  font: 600 9.5px var(--mono);
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--dim);
  list-style: none;
  padding: 3px 0;
}
.bfTech summary::before {
  content: "\25b8  ";
  color: var(--cyan);
}
.bfTech[open] summary::before {
  content: "\25be  ";
}
.bfTech summary::-webkit-details-marker {
  display: none;
}
.bfTech ul {
  margin-top: 4px;
}
.bfTech li {
  font-size: 10.5px;
  color: var(--dim);
  font-family: var(--mono);
}
.bfVerH time i {
  font-style: normal;
  color: var(--amber);
  font-size: 9px;
}
.bfVerH .shareBtn {
  margin-inline-start: 6px;
}
.bfShareLatest {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: 12px;
  font: 400 9.5px var(--mono);
  letter-spacing: 0;
  text-transform: none;
  color: var(--dim);
}
.bfShareLatest i {
  font-style: normal;
}
.farList {
  margin: 6px 0 4px;
  padding: 4px 0;
  border-top: 1px dashed var(--line);
}
.farList .ffr span {
  color: var(--dim2);
  font-size: 10px;
}
.farList .ffr b.g {
  color: var(--grn);
}
.farList .ffr b.r {
  color: var(--red);
}
.farList .mono,
.fscard .mono {
  font-family: var(--mono);
}
.fscard .tg {
  font: 600 8px var(--mono);
  letter-spacing: .5px;
  color: var(--amber);
  border: 1px solid var(--ambline);
  border-radius: 3px;
  padding: 0 4px;
  font-style: normal;
}
@media (max-width: 680px) {
  .cchip,
  .rchip {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.35;
    height: auto;
  }
  .dhbox s,
  .dhbox u {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.4;
  }
  .sBox s {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.4;
  }
  td .rchipRow,
  td .rchipRow .rchip {
    max-width: none;
  }
}
.puHeadR {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}
.puAuto {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font: 600 11px var(--mono);
  color: var(--dim2);
  background: transparent;
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 4px 10px;
}
.puAuto:hover {
  color: var(--bright);
  border-color: var(--line3);
}
.puAuto s {
  text-decoration: none;
  color: var(--dim);
}
.puAutoDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dim);
  flex: 0 0 auto;
}
.puAuto[data-on="1"] {
  color: var(--txt);
}
.puAuto[data-on="1"] .puAutoDot {
  background: var(--grn);
  animation: puPulse 2.4s ease-in-out infinite;
}
@keyframes puPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: reduce) {
  .puAuto[data-on="1"] .puAutoDot {
    animation: none;
  }
}
.pfWrap .puBoxes {
  margin-bottom: 2px;
}
.pfTable thead th {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.pfTable thead th:hover {
  color: var(--bright);
}
.pfTable thead th.pfSort {
  color: var(--bright);
}
.pfTable thead th:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: -1px;
}
.pfTable td.mut {
  color: var(--dim2);
}
.pfTable .ba a {
  border-bottom: 1px dashed var(--dim);
}
.pfTable td s {
  text-decoration: none;
  color: var(--dim2);
  font-size: 9.5px;
}
.pfTable tr.pfPart td {
  opacity: .72;
}
.pfTable th[data-k=u],
.pfTable th[data-k=status],
.pfTable th[data-k=hold],
.pfTable td.ba,
.pfTable td.mut {
  text-align: start;
}
@media (max-width: 680px) {
  .fbtable.pfTable thead th,
  .fbtable.pfTable td {
    display: table-cell;
  }
  .puHeadR {
    margin-inline-start: 0;
    width: 100%;
  }
  .pfWrap .puEmbedHead {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .pfWrap .puEmbedHead .puTz {
    white-space: normal;
    max-width: 100%;
    line-height: 1.5;
  }
}
.jmp {
  position: relative;
  flex: 1 1 220px;
  min-width: 0;
  max-width: 420px;
}
.jmpIn {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  padding: 0 10px;
  background: var(--sunken);
  color: var(--txt);
  border: 1px solid var(--line2);
  border-radius: 6px;
  font: 12px/1 var(--mono);
  outline: none;
}
.jmpIn::placeholder {
  color: var(--dim);
}
.jmpIn:focus {
  border-color: var(--cyan);
  box-shadow: 0 0 0 2px var(--cyanbg);
}
.jmpIn::-webkit-search-cancel-button {
  filter: grayscale(1) opacity(.5);
}
.jmpPanel {
  display: none;
  position: absolute;
  z-index: 60;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: min(60vh, 420px);
  overflow: auto;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 8px;
  box-shadow: 0 14px 38px var(--shadow);
  padding: 4px;
}
.jmp.open .jmpPanel {
  display: block;
}
.jmpMsg {
  padding: 10px 12px;
  color: var(--dim);
  font: 11px/1.5 var(--mono);
}
.jmpErr {
  color: var(--warn);
}
.jmpCount {
  padding: 7px 12px 5px;
  color: var(--dim2);
  font: 10px/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line);
}
.jmpGroup {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 12px 3px;
}
.jmpGroup u {
  color: var(--dim2);
  font: 10px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}
.jmpGroup i {
  color: var(--dim);
  font: 10px/1 var(--mono);
  font-style: normal;
  margin-left: auto;
}
.jmpRow {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  border-radius: 6px;
  color: var(--txt);
  text-decoration: none;
  font: 12px/1.3 var(--mono);
}
.jmpRow:hover,
.jmpRow.on {
  background: var(--panel3);
  color: var(--bright);
}
.jmpMark {
  color: var(--dim);
  width: 14px;
  flex: 0 0 14px;
  text-align: center;
}
.jmpName {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jmpName b {
  font-weight: 700;
  color: var(--cyan);
}
.jmpRow.on .jmpName b,
.jmpRow:hover .jmpName b {
  color: var(--bright);
}
.jmpSub {
  flex: 0 0 auto;
  color: var(--dim);
  font-size: 11px;
  max-width: 44%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#view-explore,
#view-screener {
  padding: 14px;
}
.exTabs {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--line2);
  margin-bottom: 12px;
}
.exTab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 8px 14px;
  color: var(--dim2);
  font: 12px/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}
.exTab:hover {
  color: var(--txt);
}
.exTab.on {
  color: var(--bright);
  border-bottom-color: var(--cyan);
}
.exControls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.exQ {
  flex: 1 1 200px;
  min-width: 0;
  height: 28px;
  padding: 0 9px;
  background: var(--sunken);
  color: var(--txt);
  border: 1px solid var(--line2);
  border-radius: 5px;
  font: 12px/1 var(--mono);
}
.exSel {
  height: 28px;
  padding: 0 6px;
  background: var(--sunken);
  color: var(--txt);
  border: 1px solid var(--line2);
  border-radius: 5px;
  font: 11px/1 var(--mono);
}
.exView {
  display: flex;
  gap: 2px;
  margin-left: auto;
}
.exVb {
  appearance: none;
  background: var(--sunken);
  border: 1px solid var(--line2);
  color: var(--dim2);
  padding: 0 10px;
  height: 28px;
  font: 11px/1 var(--mono);
  cursor: pointer;
  border-radius: 5px;
}
.exVb.on {
  background: var(--panel3);
  color: var(--bright);
  border-color: var(--line3);
}
.exTail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
  padding: 8px 10px;
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--dim2);
  font: 11px/1.5 var(--mono);
}
.exTailBtn {
  appearance: none;
  background: var(--cyanbg);
  border: 1px solid var(--cyanline);
  color: var(--cyan);
  padding: 4px 10px;
  border-radius: 5px;
  font: 11px/1 var(--mono);
  cursor: pointer;
}
.exTailBtn[disabled] {
  opacity: .6;
  cursor: default;
}
.exTail i {
  color: var(--dim);
  font-style: normal;
}
.exScroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}
.exTable {
  width: 100%;
  border-collapse: collapse;
  font: 12px/1.4 var(--mono);
  min-width: 640px;
}
.exTable th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--panel2);
  text-align: left;
  padding: 8px 10px;
  color: var(--dim2);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line2);
  white-space: nowrap;
}
.exTable td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  text-align: left;
}
.exTable tbody tr:last-child td {
  border-bottom: 0;
}
.exTable .n {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.exRow {
  cursor: pointer;
}
.exRow:hover td {
  background: var(--panel2);
}
.exLink {
  color: var(--bright);
  text-decoration: none;
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}
.exLink:hover b {
  text-decoration: underline;
}
.exLink i {
  color: var(--dim);
  font-style: normal;
  font-size: 11px;
}
.exLink.dim {
  color: var(--dim2);
}
.exTable .up {
  color: var(--grn);
}
.exTable .dn {
  color: var(--red);
}
.exTable .dim {
  color: var(--dim);
}
.exVd {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 99px;
  font-size: 10px;
  letter-spacing: .05em;
  border: 1px solid var(--line2);
  color: var(--dim2);
  white-space: nowrap;
}
.exVd.ok {
  color: var(--ok);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.exVd.warn {
  color: var(--warn);
  border-color: var(--ambline);
  background: var(--ambbg);
}
.exVd.bad {
  color: var(--bad);
  border-color: var(--redline);
  background: var(--redbg);
}
.exVd.gone {
  color: var(--dim);
  border-color: var(--line2);
  background: transparent;
}
.exTier {
  font-size: 10px;
  letter-spacing: .05em;
  color: var(--neutral);
  white-space: nowrap;
}
.exTier.t-pristine {
  color: var(--pristine);
}
.exTier.t-luminous {
  color: var(--luminous);
}
.exTier.t-neutral {
  color: var(--neutral);
}
.exTier.t-tarnished {
  color: var(--tarnished);
}
.exTier.t-corrupt {
  color: var(--corrupt);
}
.exTw {
  width: 26px;
  padding-right: 0 !important;
}
.exTwist {
  appearance: none;
  background: none;
  border: 0;
  color: var(--dim);
  cursor: pointer;
  font: 12px/1 var(--mono);
  padding: 2px 4px;
  transition: transform .12s ease;
}
.exTwist.on {
  transform: rotate(90deg);
  color: var(--cyan);
}
.exKidRow td {
  background: var(--sunken);
  padding: 8px 10px 10px 34px !important;
}
.exKids {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.exKid {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 4px 9px;
  border-radius: 5px;
  background: var(--panel2);
  border: 1px solid var(--line);
  color: var(--txt);
  text-decoration: none;
  font: 11px/1.3 var(--mono);
}
.exKid:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.exKid .up {
  color: var(--grn);
}
.exKid .dn {
  color: var(--red);
}
.exKid .dim {
  color: var(--dim);
}
.exMore {
  display: inline-block;
  margin-top: 8px;
  color: var(--cyan);
  font: 11px/1 var(--mono);
  text-decoration: none;
}
.exMore:hover {
  text-decoration: underline;
}
.exGrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.exCard {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 11px 12px;
  border-radius: 8px;
  background: var(--panel);
  border: 1px solid var(--line);
  text-decoration: none;
  color: var(--txt);
}
.exCard:hover {
  border-color: var(--line3);
}
.exCardTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.exCardTop b {
  color: var(--bright);
  font: 13px/1.25 var(--mono);
  word-break: break-word;
}
.exCardSym {
  color: var(--dim);
  font: 11px/1 var(--mono);
  font-style: normal;
}
.exCardStats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
  margin: 0;
}
.exCardStats div {
  margin: 0;
}
.exCardStats dt {
  color: var(--dim);
  font: 10px/1.3 var(--mono);
  letter-spacing: .04em;
}
.exCardStats dd {
  margin: 0;
  color: var(--txt);
  font: 12px/1.3 var(--mono);
  font-variant-numeric: tabular-nums;
}
.exCardFoot {
  color: var(--dim);
  font: 10px/1 var(--mono);
  border-top: 1px solid var(--line);
  padding-top: 7px;
}
.exPager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 12px;
}
.exPb {
  appearance: none;
  background: var(--panel2);
  border: 1px solid var(--line2);
  color: var(--txt);
  padding: 6px 12px;
  border-radius: 5px;
  font: 11px/1 var(--mono);
  cursor: pointer;
}
.exPb[disabled] {
  opacity: .4;
  cursor: default;
}
.exCount {
  color: var(--dim2);
  font: 11px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.exMsg {
  padding: 26px 12px;
  text-align: center;
  color: var(--dim);
  font: 12px/1.5 var(--mono);
}
.scIntro {
  margin-bottom: 14px;
}
.scIntro h2 {
  margin: 0 0 3px;
  color: var(--bright);
  font: 16px/1.2 var(--mono);
  letter-spacing: .04em;
}
.scIntro p {
  margin: 0;
  color: var(--dim);
  font: 12px/1.5 var(--mono);
}
.scLoading {
  padding: 26px 12px;
  color: var(--dim);
  font: 12px/1 var(--mono);
}
.scGrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.scBoard {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.scHead h3 {
  margin: 0;
  color: var(--bright);
  font: 13px/1.2 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.scHead p {
  margin: 3px 0 0;
  color: var(--dim);
  font: 11px/1.4 var(--mono);
}
.scNote {
  margin: 0;
  color: var(--dim2);
  font: 10px/1.5 var(--mono);
  padding: 6px 8px;
  background: var(--panel2);
  border-left: 2px solid var(--line3);
  border-radius: 0 4px 4px 0;
}
.scList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.scRow {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 4px;
  border-bottom: 1px solid var(--line);
}
.scRow:last-child {
  border-bottom: 0;
}
.scRank {
  flex: 0 0 16px;
  color: var(--dim);
  font: 10px/1 var(--mono);
  text-align: right;
}
.scName {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  color: var(--bright);
  text-decoration: none;
  font: 12px/1.25 var(--mono);
}
.scName b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.scName i {
  color: var(--dim);
  font-style: normal;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scName:hover b {
  text-decoration: underline;
}
.scVal {
  flex: 0 0 auto;
  font: 12px/1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--txt);
}
.scVal.up {
  color: var(--grn);
}
.scVal.dn {
  color: var(--red);
}
.scAll {
  margin-top: auto;
  padding-top: 8px;
  color: var(--cyan);
  font: 11px/1 var(--mono);
  text-decoration: none;
}
.scAll:hover {
  text-decoration: underline;
}
.scEmpty {
  margin: 0;
  color: var(--dim);
  font: 11px/1.5 var(--mono);
}
@media (max-width: 680px) {
  #navSearch {
    order: 99;
    flex: 1 0 100%;
    margin-top: 6px;
  }
  .jmp {
    max-width: none;
  }
  #view-explore,
  #view-screener {
    padding: 10px;
  }
  .exControls {
    gap: 6px;
  }
  .exQ {
    flex: 1 0 100%;
  }
  .exSel {
    flex: 1 1 auto;
    min-width: 0;
  }
  .exView {
    margin-left: 0;
    flex: 1 0 100%;
  }
  .exVb {
    flex: 1 1 0;
  }
  .exTab {
    padding: 8px 10px;
    font-size: 11px;
  }
  .exGrid {
    grid-template-columns: 1fr 1fr;
  }
  .exCardStats {
    grid-template-columns: 1fr;
  }
  .scGrid {
    grid-template-columns: 1fr;
  }
  .jmpSub {
    display: none;
  }
}
@media (max-width: 400px) {
  .exGrid {
    grid-template-columns: 1fr;
  }
}
.tbBar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 5px 14px;
  background: var(--panel);
  border-bottom: 1px solid var(--line);
  flex: 0 0 auto;
}
.tbSearch {
  flex: 0 1 300px;
  min-width: 0;
}
.tbSearch:empty {
  display: none;
}
.tbCycle {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  justify-content: center;
}
.tbSlot {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
}
.tbItem {
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: var(--dim2);
  font: 11.5px/1.5 var(--mono);
  padding: 3px 8px;
  border-radius: 5px;
  animation: tbIn .28s ease both;
}
.tbItem:hover {
  background: var(--panel3);
  color: var(--txt);
}
.tbItem b {
  color: var(--bright);
  font-weight: 600;
}
.tbItem s {
  color: var(--dim);
  text-decoration: none;
  font-size: 10.5px;
}
@keyframes tbIn {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tbItem {
    animation: none;
  }
}
.tbNav {
  appearance: none;
  background: none;
  border: 0;
  color: var(--dim);
  cursor: pointer;
  font: 14px/1 var(--mono);
  padding: 2px 6px;
  border-radius: 4px;
  flex: 0 0 auto;
}
.tbNav:hover {
  color: var(--bright);
  background: var(--panel3);
}
.tbRight {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.nbWallet {
  appearance: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--panel2);
  border: 1px solid var(--line2);
  font: inherit;
}
.nbWallet:hover {
  border-color: var(--line3);
}
.nbWallet u {
  font: 600 8px/1 var(--mono);
  letter-spacing: 1.4px;
  color: var(--dim);
  text-decoration: none;
}
.nbWallet b {
  font: 600 12px/1.2 var(--mono);
  color: var(--dim2);
  font-variant-numeric: tabular-nums;
}
.nbWallet s {
  font: 10px/1 var(--mono);
  color: var(--dim);
  text-decoration: none;
}
.nbWallet.on b {
  color: var(--grn);
}
.wsWrap {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 3000;
}
.wsWrap.open {
  display: block;
}
.wsScrim {
  position: absolute;
  inset: 0;
  background: var(--scrim,rgba(6,9,13,.6));
  backdrop-filter: blur(3px);
}
.wsCard {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(440px, calc(100vw - 32px));
  max-height: min(80vh, 620px);
  overflow: auto;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 12px;
  box-shadow: 0 24px 60px var(--shadow);
  padding: 20px 22px 22px;
}
.wsX {
  position: absolute;
  right: 10px;
  top: 8px;
  appearance: none;
  background: none;
  border: 0;
  color: var(--dim);
  font: 18px/1 var(--mono);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 5px;
}
.wsX:hover {
  color: var(--bright);
  background: var(--panel3);
}
.wsBody h3 {
  margin: 0 0 10px;
  color: var(--bright);
  font: 14px/1.2 var(--mono);
  letter-spacing: .05em;
}
.wsNote {
  margin: 0 0 12px;
  color: var(--dim2);
  font: 12px/1.6 var(--mono);
}
.wsNote.bad {
  color: var(--warn);
}
.wsAddr {
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: var(--grn);
  font: 15px/1.3 var(--mono);
  font-variant-numeric: tabular-nums;
}
.wsAddr s {
  color: var(--dim);
  text-decoration: none;
  font-size: 11px;
}
.wsList {
  margin: 0 0 12px;
  padding-left: 18px;
  color: var(--dim2);
  font: 12px/1.7 var(--mono);
}
.wsPick {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
}
.wsWallet {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  color: var(--txt);
  font: 12.5px/1 var(--mono);
  cursor: pointer;
  text-align: left;
}
.wsWallet:hover {
  border-color: var(--cyan);
  color: var(--bright);
}
.wsWallet[disabled] {
  opacity: .6;
  cursor: default;
}
.wsWallet img {
  border-radius: 5px;
  flex: 0 0 auto;
}
.wsDot {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: var(--panel3);
  border: 1px solid var(--line2);
  flex: 0 0 auto;
}
.wsActs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.wsBtn {
  appearance: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  background: var(--panel2);
  border: 1px solid var(--line2);
  color: var(--txt);
  font: 12px/1 var(--mono);
}
.wsBtn:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.wsBtn.primary {
  background: var(--grnbg);
  border-color: var(--grnline);
  color: var(--grn);
}
.wsFine {
  margin: 0;
  color: var(--dim);
  font: 10.5px/1.6 var(--mono);
}
@media (max-width: 680px) {
  .tbBar {
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 10px;
  }
  .tbSearch {
    flex: 1 1 auto;
    order: 1;
  }
  .tbRight {
    order: 2;
  }
  .tbCycle {
    order: 3;
    flex: 1 0 100%;
    justify-content: flex-start;
  }
  .tbItem {
    white-space: normal;
    line-height: 1.4;
  }
  .tbItem s {
    display: none;
  }
}
.exCardTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.exFace {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex: 0 0 34px;
  object-fit: cover;
  background: var(--panel3);
  border: 1px solid var(--line);
}
.exFaceOp {
  display: block;
  background: var(--op,var(--amber));
  opacity: .85;
}
.exCardId {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.exCardId b {
  color: var(--bright);
  font: 13px/1.25 var(--mono);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exCardId i {
  color: var(--dim);
  font: 10px/1 var(--mono);
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exMove {
  flex: 0 0 auto;
  font: 600 12px/1 var(--mono);
  font-variant-numeric: tabular-nums;
  padding: 3px 7px;
  border-radius: 5px;
  white-space: nowrap;
}
.exMove.up {
  color: var(--grn);
  background: var(--grnbg);
}
.exMove.dn {
  color: var(--red);
  background: var(--redbg);
}
.exMove.flat {
  color: var(--dim);
  background: transparent;
}
.exSpark {
  height: 34px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.exSpark svg {
  width: 100%;
  height: 34px;
  display: block;
}
.exTable .exMove {
  display: inline-block;
}
.exQuick {
  display: flex;
  gap: 2px;
  flex: 0 0 auto;
}
.exQb {
  appearance: none;
  background: var(--sunken);
  border: 1px solid var(--line2);
  color: var(--dim2);
  padding: 0 11px;
  height: 28px;
  font: 11px/1 var(--mono);
  cursor: pointer;
  border-radius: 5px;
  white-space: nowrap;
}
.exQb:hover {
  color: var(--txt);
  border-color: var(--line3);
}
.exQb.on {
  background: var(--panel3);
  color: var(--bright);
  border-color: var(--cyan);
}
.exQb:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 1px;
}
.exTail {
  margin-top: 14px;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
  padding: 14px 2px 4px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 680px) {
  .exQuick {
    flex: 1 0 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .exQb {
    flex: 1 0 auto;
  }
}
.exFace.sm {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 5px;
}
.exLink {
  align-items: center;
}
.exTable td .exLink .exFace.sm {
  margin-inline-end: 1px;
}
.exChips {
  min-width: 0;
}
.exChips .rchipRow {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
}
.exChips .rchip {
  max-width: none;
  font-size: 9.5px;
  padding: 2px 6px;
  white-space: nowrap;
}
.exTable .exChips {
  min-width: 200px;
}
.exCard .exChips {
  margin-top: 2px;
}
.exCard .exChips .rchip {
  white-space: normal;
}
@media (max-width: 680px) {
  .exCard .exChips .rchip {
    font-size: 9px;
  }
}
.cpGrid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  margin-top: 12px;
}
.cpMain {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cpSide {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: sticky;
  top: 52px;
}
.cpCard {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 12px 13px;
}
.cpCard > u {
  display: block;
  color: var(--dim2);
  font: 600 9.5px/1 var(--mono);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 9px;
}
.cpNote {
  margin: 0;
  color: var(--dim2);
  font: 11px/1.65 var(--mono);
}
.cpFine {
  margin: 8px 0 0;
  color: var(--dim);
  font: 10px/1.6 var(--mono);
}
.cpCard .g {
  color: var(--grn);
}
.cpCard .r {
  color: var(--red);
}
.cpBar {
  position: relative;
  height: 12px;
  border-radius: 99px;
  background: var(--sunken);
  border: 1px solid var(--line2);
  overflow: visible;
}
.cpBar > i:not(.cpTick) {
  display: block;
  height: 100%;
  border-radius: 99px;
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--violet));
  min-width: 2px;
}
.cpBar.minted > i:not(.cpTick) {
  background:
    linear-gradient(
      90deg,
      var(--violet),
      var(--cyan));
}
.cpTick {
  position: absolute;
  top: 17px;
  transform: translateX(-50%);
  color: var(--dim);
  font: 9px/1 var(--mono);
  font-style: normal;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  pointer-events: none;
}
.cpTick::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  width: 1px;
  height: 4px;
  background: var(--line3);
}
.cpBarN {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: 26px;
  flex-wrap: wrap;
}
.cpBarN b {
  color: var(--bright);
  font: 700 19px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cpBarN s {
  color: var(--dim);
  text-decoration: none;
  font: 10.5px/1.4 var(--mono);
}
.cpFlow {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cpFlowRow {
  display: flex;
  align-items: center;
  gap: 9px;
}
.cpFlowRow s {
  flex: 0 0 46px;
  color: var(--dim);
  text-decoration: none;
  font: 10px/1 var(--mono);
}
.cpFlowRow b {
  flex: 0 0 auto;
  color: var(--txt);
  font: 11px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cpFlowBar {
  flex: 1 1 auto;
  height: 9px;
  border-radius: 99px;
  background: var(--sunken);
  overflow: hidden;
}
.cpFlowBar > i {
  display: block;
  height: 100%;
  border-radius: 99px;
}
.cpFlowBar.in > i {
  background: var(--grn);
}
.cpFlowBar.out > i {
  background: var(--red);
}
.cpFlowBar.fee > i {
  background: var(--amber);
}
.cpFlowRow b.feeN {
  color: var(--amber);
}
.cpCard .cpBarN {
  margin-top: 10px;
}
.cpTabs {
  display: flex;
  align-items: center;
  gap: 3px;
  border-bottom: 1px solid var(--line2);
  margin-bottom: 10px;
}
.cpTab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 7px 11px;
  color: var(--dim2);
  font: 11px/1 var(--mono);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.cpTab:hover {
  color: var(--txt);
}
.cpTab.on {
  color: var(--bright);
  border-bottom-color: var(--cyan);
}
.cpTapeI {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--dim);
  font: 10px/1 var(--mono);
}
.cpTapeI i {
  font-style: normal;
}
.cpPane[hidden] {
  display: none;
}
.cpTape .flvTape {
  max-height: 340px;
  overflow: auto;
}
.cpScan {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 10px;
}
.cpScanRow {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cpScanName {
  display: flex;
  align-items: baseline;
  gap: 7px;
  text-decoration: none;
  color: var(--txt);
  font: 11.5px/1.3 var(--mono);
}
.cpScanName b {
  color: var(--c,var(--bright));
}
.cpScanName i {
  color: var(--dim);
  font-style: normal;
  font-size: 10px;
}
.cpScanName:hover b {
  text-decoration: underline;
}
.cpScanBar {
  height: 7px;
  border-radius: 99px;
  background: var(--sunken);
  overflow: hidden;
}
.cpScanBar > i {
  display: block;
  height: 100%;
  background: var(--c,var(--amber));
  border-radius: 99px;
}
.cpScanRow s {
  color: var(--dim);
  text-decoration: none;
  font: 9.5px/1 var(--mono);
}
.cpDepth {
  margin: 0;
}
.cpDepth .cchPack {
  gap: 0;
}
.cpSig {
  padding-top: 10px;
}
@media (max-width: 1100px) {
  .cpGrid {
    grid-template-columns: 1fr;
  }
  .cpSide {
    position: static;
  }
}
@media (max-width: 680px) {
  .cpCard {
    padding: 10px 11px;
  }
  .cpBarN b {
    font-size: 17px;
  }
  .cpTick {
    font-size: 8px;
  }
}
.ctCard {
  padding-top: 10px;
}
.ctTabs {
  margin-bottom: 10px;
}
.ctGear {
  margin-left: auto;
  appearance: none;
  background: none;
  border: 0;
  color: var(--dim);
  cursor: pointer;
  font: 13px/1 var(--mono);
  padding: 5px 7px;
  border-radius: 5px;
}
.ctGear:hover {
  color: var(--bright);
  background: var(--panel3);
}
.ctIn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--sunken);
  border: 1px solid var(--line2);
  border-radius: 6px;
  padding: 0 9px;
}
.ctIn input {
  flex: 1 1 auto;
  min-width: 0;
  background: none;
  border: 0;
  outline: none;
  color: var(--txt);
  font: 13px/1 var(--mono);
  padding: 9px 0;
  font-variant-numeric: tabular-nums;
}
.ctIn i {
  flex: 0 0 auto;
  color: var(--dim);
  font-style: normal;
  font: 10px/1 var(--mono);
}
.ctIn.big input {
  font-size: 19px;
  padding: 11px 0;
}
.ctIn.big {
  margin-bottom: 8px;
}
.ctQuick {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}
.ctQb {
  flex: 1 1 0;
  appearance: none;
  background: var(--panel2);
  border: 1px solid var(--line2);
  color: var(--dim2);
  border-radius: 5px;
  padding: 6px 4px;
  font: 10.5px/1 var(--mono);
  cursor: pointer;
}
.ctQb:hover {
  color: var(--bright);
  border-color: var(--line3);
}
.ctQuote {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ctQRow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.ctQRow s {
  color: var(--dim);
  text-decoration: none;
  font: 10px/1 var(--mono);
}
.ctQRow b {
  color: var(--bright);
  font: 12px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.ctQRow b.a {
  color: var(--warn);
}
.ctQRow b.r {
  color: var(--bad);
}
.ctPnl {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px 10px;
  margin: 0 0 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ctPnlRow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.ctPnlRow s {
  color: var(--dim);
  text-decoration: none;
  font: 10px/1 var(--mono);
}
.ctPnlRow b {
  color: var(--bright);
  font: 12px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.ctPnlRow.tot {
  border-top: 1px solid var(--line2);
  margin-top: 2px;
  padding-top: 7px;
}
.ctPnlRow.tot s {
  color: var(--txt);
}
.ctPnl .g {
  color: var(--grn);
}
.ctPnl .r {
  color: var(--red);
}
.ctBtn {
  appearance: none;
  border-radius: 6px;
  cursor: pointer;
  padding: 10px 14px;
  background: var(--panel2);
  border: 1px solid var(--line2);
  color: var(--txt);
  font: 12px/1 var(--mono);
}
.ctBtn:hover {
  border-color: var(--line3);
  color: var(--bright);
}
.ctBtn.go {
  background: var(--grnbg);
  border-color: var(--grnline);
  color: var(--grn);
  font-weight: 600;
}
.ctBtn.wide {
  width: 100%;
}
.ctBtn[disabled] {
  opacity: .5;
  cursor: default;
}
.ctErr {
  margin: 0 0 8px;
  color: var(--bad);
  font: 11px/1.5 var(--mono);
}
.ctOk {
  margin: 0 0 8px;
  color: var(--grn);
  font: 11px/1.5 var(--mono);
}
.ctOk a {
  color: var(--grn);
}
.ctFine {
  margin: 8px 0 0;
  color: var(--dim);
  font: 10px/1.6 var(--mono);
}
.ctConfirm {
  background: var(--ambbg);
  border: 1px solid var(--ambline);
  border-radius: 7px;
  padding: 10px 11px;
}
.ctConfirm u {
  display: block;
  color: var(--amber);
  font: 600 9.5px/1 var(--mono);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 7px;
}
.ctConfirm p {
  margin: 0 0 8px;
  color: var(--txt);
  font: 11.5px/1.6 var(--mono);
}
.ctActs {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.ctSet {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ctRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--txt);
  font: 11.5px/1.4 var(--mono);
  padding: 6px 0;
}
.ctRow .ctIn {
  flex: 0 0 118px;
}
.ctRow .ctIn input {
  font-size: 11.5px;
  padding: 6px 0;
  text-align: right;
}
.ctNA {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 0;
  border-top: 1px solid var(--line);
  margin-top: 6px;
}
.ctNA u {
  color: var(--txt);
  font: 11.5px/1.3 var(--mono);
  text-decoration: none;
  flex: 1 1 auto;
}
.ctNA b {
  color: var(--dim);
  font: 9px/1 var(--mono);
  letter-spacing: 1px;
  padding: 3px 7px;
  border: 1px solid var(--line2);
  border-radius: 99px;
  flex: 0 0 auto;
}
.ctNA s {
  flex: 1 0 100%;
  color: var(--dim);
  text-decoration: none;
  font: 10px/1.6 var(--mono);
}
.cpGradNA {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}
.cpGradNA s {
  color: var(--dim);
  text-decoration: none;
  font: 10px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cpGradNA b {
  color: var(--dim);
  font: 9px/1 var(--mono);
  letter-spacing: 1px;
  padding: 3px 7px;
  border: 1px solid var(--line2);
  border-radius: 99px;
}
#view-curve {
  padding: 14px;
}
.cvWrap {
  max-width: 1180px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cvHead h2 {
  margin: 0 0 3px;
  color: var(--bright);
  font: 16px/1.2 var(--mono);
  letter-spacing: .04em;
}
.cvHead p {
  margin: 0 0 10px;
  color: var(--dim);
  font: 12px/1.6 var(--mono);
  max-width: 70ch;
}
.cvMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cvMeta span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 11px;
  border-radius: 7px;
  background: var(--panel2);
  border: 1px solid var(--line);
}
.cvMeta u {
  color: var(--dim);
  font: 9px/1 var(--mono);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-decoration: none;
}
.cvMeta b {
  color: var(--bright);
  font: 13px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cvCard {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 14px 15px;
}
.cvCard h3 {
  margin: 0 0 11px;
  color: var(--dim2);
  font: 600 10px/1 var(--mono);
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.cvNote {
  margin: 0;
  color: var(--dim2);
  font: 11.5px/1.7 var(--mono);
}
.cvNote b {
  color: var(--bright);
}
.cvFine {
  margin: 9px 0 0;
  color: var(--dim);
  font: 10px/1.7 var(--mono);
}
.cvDist {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 190px;
  padding-bottom: 16px;
  position: relative;
}
.cvBar {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.cvBar > i {
  display: block;
  height: var(--h);
  border-radius: 2px 2px 0 0;
  background:
    linear-gradient(
      180deg,
      var(--cyan),
      var(--violet));
}
.cvBar:hover > i {
  background: var(--grn);
}
.cvBar > s {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--dim);
  font: 8px/1 var(--mono);
  text-decoration: none;
}
.cvBar:nth-child(even) > s {
  visibility: hidden;
}
.cvCost {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cvCostRow {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cvCostRow s {
  flex: 0 0 96px;
  color: var(--dim);
  text-decoration: none;
  font: 10.5px/1 var(--mono);
}
.cvCostRow b {
  flex: 0 0 78px;
  text-align: right;
  color: var(--txt);
  font: 11px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cvCostBar {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 99px;
  background: var(--sunken);
  overflow: hidden;
}
.cvCostBar > i {
  display: block;
  height: 100%;
  background: var(--amber);
  border-radius: 99px;
}
.cvCohorts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.cvCohort {
  flex: 1 1 220px;
  padding: 11px 12px;
  border-radius: 8px;
  background: var(--panel2);
  border: 1px solid var(--line2);
}
.cvCohort u {
  display: block;
  color: var(--dim);
  font: 9px/1 var(--mono);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 6px;
}
.cvCohort b {
  display: block;
  color: var(--bright);
  font: 700 22px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cvCohort s {
  display: block;
  color: var(--dim2);
  text-decoration: none;
  font: 10.5px/1.5 var(--mono);
  margin-top: 3px;
}
.cvCohort i {
  display: block;
  color: var(--dim);
  font-style: normal;
  font: 10px/1 var(--mono);
  margin-top: 5px;
}
.cvScroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.cvTable {
  min-width: 760px;
}
.cvKinds {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.cvKind {
  padding: 3px 9px;
  border-radius: 99px;
  font: 10px/1.5 var(--mono);
  border: 1px solid var(--line2);
  color: var(--dim2);
}
.cvKind b {
  color: var(--bright);
  font-weight: 700;
}
.cvKind.t-r {
  color: var(--bad);
  border-color: var(--redline);
  background: var(--redbg);
}
.cvKind.t-a {
  color: var(--warn);
  border-color: var(--ambline);
  background: var(--ambbg);
}
.cvAnoms {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: 320px;
  overflow: auto;
}
.cvAnoms li {
  display: flex;
  gap: 9px;
  align-items: baseline;
  color: var(--dim2);
  font: 10.5px/1.6 var(--mono);
  padding: 5px 8px;
  border-radius: 5px;
  background: var(--panel2);
}
.cvAnoms li u {
  flex: 0 0 auto;
  color: var(--dim);
  text-decoration: none;
  font-size: 9px;
  letter-spacing: .5px;
}
.cvAnoms li.t-r {
  color: var(--bad);
}
.cvAnoms li.t-a {
  color: var(--warn);
}
@media (max-width: 680px) {
  #view-curve {
    padding: 10px;
  }
  .cvDist {
    height: 140px;
  }
  .cvCostRow s {
    flex: 0 0 74px;
    font-size: 9.5px;
  }
  .cvCostRow b {
    flex: 0 0 62px;
    font-size: 10px;
  }
}
.cvCap,
.ctAge,
.ctHold {
  margin: 8px 0 0;
  color: var(--dim);
  font: 9.5px/1.5 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}
.ctAge {
  margin: 4px 0 0;
  text-transform: none;
  letter-spacing: 0;
}
.ctHold {
  margin: 0 0 9px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10.5px;
}
.ctHold.bal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.ctHold.bal u {
  text-decoration: none;
  color: var(--dim);
}
.ctHold.bal b {
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ctMax {
  appearance: none;
  background: none;
  border: 0;
  padding: 0 0 0 7px;
  cursor: pointer;
  color: var(--cyan);
  font: 700 9.5px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ctMax:hover {
  text-decoration: underline;
}
.ctMax:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 2px;
  border-radius: 3px;
}
.ctHold.nc {
  color: var(--dim);
}
.ctExit u {
  text-decoration: none;
  color: var(--dim);
}
.ctExit {
  color: var(--dim);
  margin-top: -4px;
}
.ctExit b {
  color: var(--grn);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ctQb[disabled] {
  opacity: .34;
  cursor: default;
  border-color: var(--line);
}
.ctQb[disabled]:hover {
  color: var(--dim);
  border-color: var(--line);
}
.cmdavail {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 7px 0 0;
  color: var(--dim);
  font: 10.5px/1.5 var(--mono);
}
.cmdavail u {
  text-decoration: none;
  color: var(--dim);
}
.cmdavail b {
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.cmdavail.nc {
  display: block;
  color: var(--dim);
}
.cmdmax {
  appearance: none;
  background: none;
  border: 0;
  padding: 0 0 0 7px;
  cursor: pointer;
  color: var(--cyan);
  font: 700 9.5px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cmdmax:hover {
  text-decoration: underline;
}
.cmdmax:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 2px;
  border-radius: 3px;
}
.cmdbtn.tiny[disabled] {
  opacity: .34;
  cursor: default;
}
.cmdbtn.tiny[disabled]:hover {
  color: inherit;
  border-color: inherit;
}
.cpStep {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid var(--line);
}
.cpStep s {
  color: var(--dim);
  text-decoration: none;
  font: 9.5px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cpStep b {
  color: var(--txt);
  font: 12px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cpSrc {
  display: block;
  margin-top: 8px;
  color: var(--dim);
  text-decoration: none;
  font: 10px/1.5 var(--mono);
}
.cpScanHead {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 9px;
}
.cpScanHead b {
  color: var(--bright);
  font: 700 17px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cpScanHead s {
  color: var(--dim);
  text-decoration: none;
  font: 10px/1.4 var(--mono);
}
.cpCard > u em {
  color: var(--dim);
  font-style: normal;
  font-weight: 400;
}
.scQ {
  display: inline-block;
  margin-inline-start: 5px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  border-radius: 99px;
  border: 1px solid var(--line2);
  color: var(--dim);
  font: 8px/12px var(--mono);
  font-style: normal;
  cursor: help;
  vertical-align: middle;
}
.scHead[title] {
  cursor: help;
}
.fdagrid > :last-child:nth-child(4n+3) {
  grid-column: span 2;
}
.fdagrid > :last-child:nth-child(4n+2) {
  grid-column: span 3;
}
.fdagrid > :last-child:nth-child(4n+1) {
  grid-column: span 4;
}
.cpPane .fdagrid {
  margin: 0 0 10px;
}
.cpPane .fdoss {
  margin: 0;
}
.fdSupply {
  padding-top: 2px;
}
.fflowThin {
  display: flex;
  gap: 0;
  align-items: stretch;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  margin: 0;
}
.fflowThin .fnode {
  flex: 0 0 auto;
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-left-width: 2px;
  border-left-color: var(--fc,var(--line3));
  border-radius: 0 5px 5px 0;
  background: var(--panel);
  cursor: pointer;
  min-width: 0;
}
.fflowThin .fnode:hover {
  background: var(--panel2);
}
.fflowThin .fnode u {
  color: var(--fc,var(--bright));
  font: 600 9.5px/1 var(--mono);
  letter-spacing: .9px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.fflowThin .fnode s {
  color: var(--dim);
  text-decoration: none;
  font: 9.5px/1 var(--mono);
  white-space: nowrap;
}
.fflowThin .fconn {
  flex: 0 0 10px;
  align-self: center;
  height: 1px;
  background: var(--line2);
}
.cpScanMap {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: var(--panel2);
  padding: 6px;
  margin-bottom: 10px;
}
.cpScanMap:hover {
  border-color: var(--line3);
}
.cpScanMap:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 2px;
}
.cpScanMap svg {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.cpScanOpen {
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: var(--cyan);
  font: 9.5px/1 var(--mono);
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 99px;
  padding: 3px 8px;
}
.ccPop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 3200;
}
.ccPop.open {
  display: block;
}
.ccScrim {
  position: absolute;
  inset: 0;
  background: var(--scrim,rgba(6,9,13,.62));
  backdrop-filter: blur(3px);
}
.ccCard {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(560px, calc(100vw - 28px));
  max-height: min(82vh, 680px);
  overflow: auto;
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 12px;
  box-shadow: 0 24px 60px var(--shadow);
  padding: 18px 20px 20px;
}
.ccX {
  position: absolute;
  right: 10px;
  top: 8px;
  appearance: none;
  background: none;
  border: 0;
  color: var(--dim);
  font: 18px/1 var(--mono);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 5px;
}
.ccX:hover {
  color: var(--bright);
  background: var(--panel3);
}
.ccBody h3 {
  margin: 0 0 12px;
  color: var(--bright);
  font: 14px/1.2 var(--mono);
  letter-spacing: .05em;
}
.ccBody h3 s {
  color: var(--dim);
  text-decoration: none;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ccGroups {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ccGroup {
  padding: 9px 10px;
  border-radius: 7px;
  background: var(--panel2);
  border: 1px solid var(--line);
  cursor: pointer;
}
.ccGroup:hover {
  border-color: var(--line3);
}
.ccGHead {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.ccGHead b {
  color: var(--c,var(--bright));
  font: 12px/1.3 var(--mono);
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ccGHead i {
  color: var(--dim);
  font-style: normal;
  font: 9.5px/1 var(--mono);
}
.ccGHead s {
  color: var(--txt);
  text-decoration: none;
  font: 11px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.ccGBar {
  height: 5px;
  border-radius: 99px;
  background: var(--sunken);
  overflow: hidden;
  margin-top: 6px;
}
.ccGBar > i {
  display: block;
  height: 100%;
  background: var(--c,var(--amber));
  border-radius: 99px;
}
.ccWallets {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.ccGroup.open .ccWallets {
  display: flex;
}
.ccWallets a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 5px;
  background: var(--panel3);
  color: var(--txt);
  text-decoration: none;
  font: 10.5px/1.3 var(--mono);
}
.ccWallets a:hover {
  color: var(--bright);
}
.ccWallets a s {
  color: var(--dim);
  text-decoration: none;
  font-size: 9.5px;
}
.cpCurve .cpBig {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-bottom: 12px;
}
.cpCurve .cpBig b {
  color: var(--bright);
  font: 700 30px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.cpCurve .cpBig s {
  color: var(--dim2);
  text-decoration: none;
  font: 10.5px/1.3 var(--mono);
}
.cpCurve .cpBarN {
  margin-top: 24px;
}
.cpCurve .cpBarN b {
  font-size: 15px;
}
.cpCurve .cpDepth {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.cpCurve .cpDepth .cchPanel,
.cpCurve .cpDepth .cchPack > * {
  border: 0;
  background: none;
  padding: 0;
}
.tbStatus {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.tbStat {
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
  color: var(--dim2);
  font: 11px/1 var(--mono);
}
.tbStat u {
  color: var(--dim);
  text-decoration: none;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tbStat b {
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.nbWallet.tbWallet {
  width: auto;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  white-space: nowrap;
}
.nbWallet.tbWallet u {
  font-size: 8px;
}
.nbWallet.tbWallet b {
  font-size: 11px;
}
.nbWallet.tbWallet s {
  display: none;
}
@media (max-width: 1100px) {
  .tbStat u {
    display: none;
  }
}
@media (max-width: 680px) {
  .tbStatus {
    order: 4;
    flex: 1 0 auto;
  }
  .tbRight {
    order: 2;
  }
  .nbWallet.tbWallet {
    padding: 4px 8px;
  }
  .nbWallet.tbWallet u {
    display: none;
  }
}
.prose {
  max-width: none;
  padding-inline: max(18px, calc((100% - 104ch) / 2));
}
@media (max-width: 680px) {
  .prose {
    padding-inline: 12px;
  }
}
.tbBar {
  min-height: 57px;
  padding: 8px 16px;
  gap: 14px;
}
.tbItem {
  font-size: 14px;
  line-height: 1.45;
  padding: 6px 14px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: var(--cyanbg);
  color: var(--dim2);
}
.tbItem b {
  color: var(--cyan);
  font-weight: 700;
}
.tbItem s {
  font-size: 12px;
}
.tbItem:hover {
  border-color: var(--cyanline);
  background: var(--panel3);
  color: var(--txt);
}
.tbItem:hover b {
  color: var(--bright);
}
.tbItem::after {
  content: "\2192";
  margin-inline-start: 2px;
  color: var(--cyan);
  opacity: .65;
  font-size: 12px;
}
.tbNav {
  font-size: 16px;
  padding: 4px 7px;
}
.tbSearch {
  flex: 0 1 320px;
}
.tbBar .jmpIn {
  height: 34px;
  font-size: 12.5px;
}
.tbStat {
  font-size: 12px;
}
.tbStat u {
  font-size: 9.5px;
}
.nbWallet.tbWallet {
  padding: 7px 12px;
}
.nbWallet.tbWallet b {
  font-size: 12px;
}
@media (max-width: 680px) {
  .tbBar {
    min-height: 0;
    padding: 7px 10px;
    gap: 8px;
  }
  .tbItem {
    font-size: 12.5px;
    padding: 5px 10px;
  }
  .tbItem s {
    display: none;
  }
}
.tacCta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 2px 12px 12px;
  padding: 11px 14px;
  border-radius: 7px;
  text-decoration: none;
  background: var(--grnbg);
  border: 1px solid var(--grnline);
  color: var(--grn);
  font: 600 12px/1 var(--mono);
  letter-spacing: .04em;
}
.tacCta:hover {
  background: var(--grn);
  color: var(--bg);
  border-color: var(--grn);
}
.tacCta:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 2px;
}
.tacplain .tacCta {
  display: inline-flex;
  margin: 0;
  padding: 6px 11px;
  font-size: 11px;
}
.bkVolSlot:empty {
  display: none;
}
.bkVolSlot .puVol {
  margin: 14px 0 0;
}
.bkVolSlot .dpanel {
  margin: 0;
}
.exCardStats dd em {
  font-style: normal;
  font-size: 9px;
  margin-inline-start: 4px;
  vertical-align: 1px;
}
.exCardStats dd .exUp {
  color: var(--grn);
}
.exCardStats dd .exDn {
  color: var(--red);
}
.exStrat {
  color: var(--cyan);
  font: 10px/1 var(--mono);
  font-style: normal;
  letter-spacing: .04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exTable .exStrat {
  font-size: 11px;
}
.apiBanner {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 18px;
  padding: 14px 18px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--txt);
  background:
    linear-gradient(
      100deg,
      var(--cyanbg),
      var(--grnbg) 70%,
      var(--cyanbg));
  border: 1px solid var(--cyanline);
}
.apiBanner:hover {
  border-color: var(--grn);
}
.apiArt {
  flex: 0 0 132px;
  width: 132px;
  height: 56px;
  color: var(--cyan);
}
.apiTxt {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.apiTxt b {
  color: var(--bright);
  font: 700 15px/1.25 var(--mono);
  letter-spacing: .01em;
}
.apiTxt s {
  color: var(--dim2);
  text-decoration: none;
  font: 11.5px/1.5 var(--mono);
}
.apiGo {
  flex: 0 0 auto;
  color: var(--grn);
  font: 600 11.5px/1 var(--mono);
  white-space: nowrap;
  padding: 9px 14px;
  border-radius: 7px;
  border: 1px solid var(--grnline);
  background: var(--panel);
}
.apiBanner:hover .apiGo {
  background: var(--grn);
  color: var(--bg);
  border-color: var(--grn);
}
.apiPkt rect {
  animation: apiFlow 2.6s linear infinite;
}
.apiPkt rect:nth-child(2) {
  animation-delay: .5s;
}
.apiPkt rect:nth-child(3) {
  animation-delay: 1s;
}
@keyframes apiFlow {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    transform: translateX(56px);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .apiPkt rect {
    animation: none;
  }
}
@media (max-width: 680px) {
  .apiBanner {
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 13px;
  }
  .apiArt {
    flex: 0 0 100px;
    width: 100px;
    height: 42px;
  }
  .apiTxt b {
    font-size: 13.5px;
  }
  .apiGo {
    flex: 1 0 100%;
    text-align: center;
  }
}
.fflowThin .fnode {
  background: #0e151f;
  gap: 8px;
}
:root[data-theme=light] .fflowThin .fnode {
  background: #f2f6fa;
}
.fflowThin .fnIco {
  flex: 0 0 auto;
  font-style: normal;
  font-size: 10px;
  line-height: 1;
  color: var(--fc,var(--dim2));
}
.fflowThin .fnode u {
  font-size: 9.5px;
}
.fflowThin .fnode s {
  font-size: 9px;
  opacity: .75;
}
.fflowThin .fnode:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 1px;
}
.cpTape .flvTape,
.cpTape #flvHold {
  max-height: 640px;
  overflow: auto;
}
.fhLauncher {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  text-decoration: none;
  padding: 3px 9px;
  border-radius: 99px;
  border: 1px solid var(--line2);
  background: var(--panel2);
}
.fhLauncher:hover {
  border-color: var(--line3);
}
.fhLauncher s {
  color: var(--dim);
  text-decoration: none;
  font: 9px/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.fhLauncher b {
  color: var(--bright);
  font: 11.5px/1 var(--mono);
}
.fhLauncher i {
  font-style: normal;
  font: 10px/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.pill.fhFleet {
  text-decoration: none;
}
@media (max-width: 680px) {
  .fhLauncher s {
    display: none;
  }
}
html[data-nav2=on] .sHome {
  max-width: 1680px;
}
html[data-nav2=on] #flightBody > *,
html[data-nav2=on] #botBody > *,
html[data-nav2=on] #fleetPageBody > *,
html[data-nav2=on] #armadaPageBody > * {
  max-width: 1680px;
}
html[data-nav2=on] .puWrap {
  max-width: 1680px;
}
html[data-nav2=on] .cvWrap {
  max-width: 1680px;
}
@media (min-width: 1500px) {
  html[data-nav2=on] .cpGrid {
    grid-template-columns: minmax(0, 1fr) 380px;
  }
}
#view-explore.on,
#view-curve.on,
#view-swap.on {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.nb-shell #view-swap {
  padding: 16px 18px 28px;
}
.exCard,
.exCard:hover,
.exCard *,
.exCard:hover * {
  text-decoration: none;
}
.exCard {
  transition: border-color .12s ease, box-shadow .12s ease;
}
.exCard:hover {
  border-color: var(--grn);
  box-shadow: 0 0 0 1px rgba(74, 222, 128, .30), 0 0 20px -6px rgba(74, 222, 128, .55);
}
.exCard:focus-visible {
  outline: none;
  border-color: var(--grn);
  box-shadow: 0 0 0 2px rgba(74, 222, 128, .55), 0 0 22px -6px rgba(74, 222, 128, .6);
}
.exCard .rchip:hover {
  border-color: var(--line3);
}
@media (prefers-reduced-motion: reduce) {
  .exCard {
    transition: none;
  }
}
.ctNA.ctOK b {
  color: var(--ok);
  border-color: var(--grnline,var(--line2));
}
.cpCurve.cpDepthOnly .cpDepth {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.ccPop .ccCard {
  width: min(760px, calc(100vw - 28px));
}
.ccgWrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/.78;
  min-height: 280px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: var(--sunken);
  touch-action: none;
}
.ccgCv {
  display: block;
  width: 100%;
  height: 100%;
}
.ccgTip {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  max-width: 230px;
  background: #0b111a;
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 7px 9px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .45);
}
html.light .ccgTip,
html[data-theme=light] .ccgTip {
  background: #f7fafd;
}
.ccgTip b {
  display: block;
  color: var(--bright);
  font: 11.5px/1.35 var(--mono);
}
.ccgTip s {
  display: block;
  color: var(--txt);
  text-decoration: none;
  font: 10px/1.45 var(--mono);
  margin-top: 2px;
}
.ccgTip i {
  display: block;
  color: var(--dim);
  font: 9.5px/1.4 var(--mono);
  font-style: normal;
  margin-top: 3px;
}
@media (max-width: 560px) {
  .ccgWrap {
    aspect-ratio: 1/1;
  }
}
.sBio {
  border: 1px solid var(--line2);
  border-radius: 10px;
  background: var(--bg2);
  padding: 11px 12px;
}
.sBioTop {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.sBioL {
  margin: 8px 0 0;
  color: var(--txt);
  font: 11.5px/1.55 var(--mono);
}
.sBioM {
  margin: 6px 0 0;
  color: var(--dim);
  font: 10px/1.5 var(--mono);
}
.fside .sSec {
  margin: 0;
}
.fside .sSecH {
  margin-bottom: 7px;
}
.fside .sSecH h2 {
  font-size: 12px;
}
.fside .sList {
  max-height: none;
}
.fside .sCard,
.fside .sRow,
.fside .sEv {
  padding: 8px 10px;
}
.fside .sCard .sL1 i {
  display: none;
}
.fside .sList.two {
  grid-template-columns: 1fr;
}
.ccgTip s.ccgHome {
  color: var(--dim2);
  font-size: 9.5px;
  margin-top: 3px;
}
.fflowThin .fnode {
  max-width: none;
  min-width: 0;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
.fflowThin .fnode > * {
  flex: 0 0 auto;
}
.fflowThin .fnode u {
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fflowThin .fnode i.fnIco {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: var(--fc,var(--dim));
}
.fflowThin .fnode i.fnIco svg {
  width: 13px;
  height: 13px;
  display: block;
}
.fflowThin .fconn {
  flex: 0 0 8px;
  align-self: center;
}
.fctl .fbtn {
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  line-height: 1;
  box-sizing: border-box;
}
.ftrans {
  display: flex;
  gap: 4px;
  margin-inline-start: 8px;
}
.fpick {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 3;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.fpickG {
  display: flex;
  gap: 1px;
  background: color-mix(in srgb, var(--sunken) 88%, transparent);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 2px;
  backdrop-filter: blur(3px);
}
.fpb {
  appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  font: 600 9.5px/1 var(--mono);
  letter-spacing: .4px;
  color: var(--dim);
  padding: 4px 6px;
}
.fpb:hover {
  color: var(--txt);
  background: color-mix(in srgb, var(--txt) 8%, transparent);
}
.fpb.on {
  color: var(--amber);
  background: color-mix(in srgb, var(--amber) 14%, transparent);
}
@media (max-width: 560px) {
  .fpick {
    left: 6px;
    top: 6px;
    gap: 4px;
  }
  .fpb {
    padding: 3px 5px;
    font-size: 9px;
  }
}
.sBioNums {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.sBioRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.sBioCell {
  min-width: 0;
}
.sBioCell u {
  display: block;
  color: var(--dim);
  font: 9.5px/1.3 var(--mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}
.sBioCell b {
  display: block;
  color: var(--bright);
  font: 600 14px/1.25 var(--mono);
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sBioCell s {
  display: block;
  color: var(--dim2);
  text-decoration: none;
  font: 9px/1.35 var(--mono);
  margin-top: 1px;
}
.sBioMini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 2px;
}
.sBioM {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 6px 8px;
  background: var(--sunken);
  min-width: 0;
}
.sBioM u {
  display: block;
  color: var(--dim);
  font: 9px/1.2 var(--mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}
.sBioM b {
  display: block;
  color: var(--txt);
  font: 600 13px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  margin-top: 3px;
}
.exGrid {
  grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
}
.exGrid > * {
  min-width: 0;
}
.exCard,
.exCardTop,
.exCardId {
  min-width: 0;
}
.exCardId b,
.exCardId i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media (max-width: 680px) {
  .exGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .exGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 400px) {
  .tlive {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
  }
  .tlive > * {
    min-width: 0;
  }
  .tliveIco {
    flex: 0 0 auto;
  }
}
@media (max-width: 900px) {
  .fbtable {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  .flgrid > .fmain,
  .flgrid > .fside {
    max-width: 100%;
    min-width: 0;
  }
  .fmain > *,
  .fside > * {
    max-width: 100%;
  }
  .fblack {
    max-width: 100%;
    overflow-x: hidden;
  }
}
@media (max-width: 560px) {
  .tlive {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
  }
  .tlive > * {
    min-width: 0;
  }
  .tliveIco {
    flex: 0 0 auto;
  }
}
@media (max-width: 520px) {
  .ffr {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .ffr > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 680px) {
  .exCardStats {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 340px) {
  .exCardStats {
    grid-template-columns: 1fr;
  }
}
.exStrat .exStale {
  display: block;
  font-style: normal;
  color: var(--dim2);
  font-size: 8.5px;
  letter-spacing: .03em;
  margin-top: 1px;
}
.sCoinVerdict .sBioNums {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--line);
  width: 100%;
}
.sBioChips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.sBioChips .sChip {
  font: 600 9.5px/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 9px;
  border-radius: 6px;
  height: auto;
  display: inline-flex;
  align-items: center;
}
.sBioChips .sStrat {
  font: 600 9.5px/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 9px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.sBioMini {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sBioM {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 46px;
}
.fhead {
  position: relative;
}
.fhead > .lbar {
  margin-inline-start: auto;
  flex: 0 1 auto;
  min-width: 0;
}
.fhead > .lbar .tliveNote {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 901px) {
  .fhead {
    padding-inline-end: 330px;
  }
  .fhead > .lbar {
    position: absolute;
    inset-inline-end: 0;
    top: 4px;
    max-width: 322px;
    margin: 0;
  }
}
@media (max-width: 760px) {
  .fhead > .lbar {
    margin-inline-start: 0;
    flex: 1 1 100%;
  }
}
.sList.sScroll.sRailPos {
  overflow-y: auto;
  max-height: 265px;
  overscroll-behavior: contain;
}
.fside .sList.sScroll.sRailPos {
  max-height: 340px;
}
.sList.sScroll.sRailAct {
  overflow-y: auto;
  max-height: 338px;
  overscroll-behavior: contain;
}
@media (max-width: 760px) {
  .sList.sScroll.sRailPos,
  .sList.sScroll.sRailAct {
    max-height: none;
    overflow-y: visible;
  }
}
@media (max-width: 680px) {
  #cnTop.tbBar {
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
  }
  #cnTop.tbBar > .tbCycle {
    order: 1;
    flex: 1 0 100%;
    justify-content: flex-start;
  }
  #cnTop.tbBar > .tbSearch {
    order: 2;
    flex: 1 1 160px;
    min-width: 0;
    margin: 0;
  }
  #cnTop.tbBar > .tbRight {
    order: 3;
    flex: 0 0 auto;
    margin-inline-start: auto;
  }
  #cnTop.tbBar > .tbStatus {
    order: 4;
    flex: 1 0 100%;
    justify-content: flex-start;
  }
}
.tbStat u {
  display: inline-flex;
  align-items: center;
}
.tbStat u .ico {
  width: 13px;
  height: 13px;
  display: block;
  color: var(--dim2);
}
.tbStat:hover u .ico {
  color: var(--txt);
}
.tbStat .tbTiaMark img {
  width: 13px;
  height: 13px;
  display: block;
}
.tbStat .tbTiaMark .tbTiaLight {
  display: none;
}
:root[data-theme=light] .tbStat .tbTiaMark .tbTiaDark {
  display: none;
}
:root[data-theme=light] .tbStat .tbTiaMark .tbTiaLight {
  display: block;
}
@media (max-width: 1100px) {
  .tbStat u {
    display: inline-flex;
  }
}
@media (max-width: 680px) {
  .tbStat u {
    display: inline-flex;
  }
}
.sList.sScroll.sRailCrew {
  overflow-y: auto;
  max-height: 305px;
  overscroll-behavior: contain;
}
@media (max-width: 760px) {
  .sList.sScroll.sRailCrew {
    max-height: none;
    overflow-y: visible;
  }
}
.fmain .sPage {
  margin-top: 14px;
}
.wsId {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background: var(--sunken);
}
.wsId u {
  text-decoration: none;
  font: 600 8.5px var(--mono);
  letter-spacing: 1.3px;
  color: var(--dim);
}
.wsId b {
  font: 700 14px var(--mono);
  color: var(--bright);
}
.wsId s {
  text-decoration: none;
  font: 10.5px/1.55 var(--mono);
  color: var(--dim2);
}
.wsId.none {
  border-color: var(--amberline,var(--line3));
  background: var(--amberbg,var(--sunken));
}
.wsId.none b {
  color: var(--amber);
}
.cmdwalletline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background: var(--sunken);
  font: 12px/1.6 var(--mono);
}
.cmdwalletline b {
  color: var(--bright);
}
.cmdwalletline span {
  color: var(--dim2);
}
.cxCard {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 13px 11px;
  cursor: pointer;
  border-top: 3px solid var(--rail,var(--line3));
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  min-width: 0;
}
.cxCard:focus-visible {
  outline: none;
  border-color: var(--grn);
}
.cxHead {
  display: grid;
  grid-template-columns: 72px 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 11px;
  row-gap: 4px;
  min-width: 0;
}
.cxFace {
  width: 72px;
  height: 72px;
  grid-row: 1/4;
  border-radius: 11px;
  object-fit: cover;
  background: var(--sunken);
  display: block;
}
.cxId {
  grid-column: 2;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
.cxId > div {
  min-width: 0;
  flex: 1 1 auto;
}
.cxId b {
  display: block;
  color: var(--bright);
  font: 600 13px/1.25 var(--mono);
  overflow-wrap: anywhere;
}
.cxId i {
  display: block;
  color: var(--dim);
  font-style: normal;
  font: 11px/1.2 var(--mono);
  margin-top: 2px;
}
.cxId .exMove {
  margin-inline-start: auto;
  align-self: flex-start;
}
.cxBy {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  font: 10.5px/1.3 var(--mono);
  color: var(--dim2);
  min-width: 0;
}
.cxBy b {
  color: var(--txt);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.cxBy s {
  text-decoration: none;
  color: var(--dim);
  margin: 0 -1px;
}
.cxBy .cxFl {
  color: var(--violet);
  font-weight: 600;
}
.cxTierDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--t,var(--neutral));
  flex: 0 0 7px;
  box-shadow: 0 0 0 2px var(--panel);
}
.cxLine {
  grid-column: 2;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font: 10.5px/1.3 var(--mono);
  color: var(--dim2);
  font-variant-numeric: tabular-nums;
}
.cxLine b {
  color: var(--txt);
  font-weight: 600;
}
.cxSpark {
  display: block;
  width: calc(100% + 26px);
  height: 30px;
  margin: 0 -13px;
}
.cxSparkNone {
  height: 30px;
  position: relative;
}
.cxSparkNone::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px dashed var(--line2);
}
.cxSparkNone::after {
  content: "no chart yet";
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  font: 600 9px var(--mono);
  letter-spacing: .08em;
  color: var(--dim);
  background: var(--panel);
  padding: 0 5px;
}
.cxFoot {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid var(--line);
  padding-top: 9px;
  margin-top: auto;
}
.cxRow {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  align-items: center;
}
.cxChip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 23px;
  padding: 0 6px 0 5px;
  border-radius: 6px;
  border: 1px solid var(--line2);
  background: var(--sunken);
  font: 600 10px/21px var(--mono);
  letter-spacing: 0;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  cursor: default;
  white-space: nowrap;
}
.cxChip .cxI {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}
.cxChip.g {
  color: var(--grn);
  border-color: var(--grnline);
  background: var(--grnbg);
}
.cxChip.a {
  color: var(--amber);
  border-color: var(--ambline);
  background: var(--ambbg);
}
.cxChip.r {
  color: var(--red);
  border-color: var(--redline);
  background: var(--redbg);
}
.cxChip.n {
  color: var(--dim);
}
.cxChip:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
}
.cxChip.open {
  border-color: var(--cyan);
}
.cxV s {
  text-decoration: none;
  color: var(--dim);
  margin: 0 1px;
  font-weight: 400;
}
.cxPop {
  position: absolute;
  z-index: 40;
  top: calc(100% + 6px);
  left: 0;
  width: min(300px, 86vw);
  background: var(--popground,var(--panel));
  border: 1px solid var(--line3);
  border-radius: 9px;
  padding: 11px 12px;
  box-shadow: 0 18px 48px var(--shadow);
  text-align: start;
  cursor: auto;
  white-space: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  transition:
    opacity .14s ease,
    transform .14s ease,
    visibility 0s linear .14s;
}
.cxChip.open .cxPop {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
  transition-delay: 0s;
}
.cxPop::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 12px;
}
.cxPop.right {
  left: auto;
  right: 0;
}
.cxPop.above {
  top: auto;
  bottom: calc(100% + 6px);
  transform: translateY(4px);
}
.cxPop.above::before {
  top: auto;
  bottom: -10px;
}
.cxChip.open .cxPop.above {
  transform: none;
}
.cxPop u {
  display: block;
  text-decoration: none;
  font: 700 9.5px var(--mono);
  letter-spacing: .14em;
  color: var(--dim);
  margin-bottom: 5px;
}
.cxPop b {
  color: var(--bright);
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  font-weight: 700;
}
.cxPop p {
  margin: 0;
  font-size: 11px;
  color: var(--dim2);
  line-height: 1.5;
}
.cxPop p em {
  font-style: normal;
  color: var(--violet);
  font-weight: 600;
}
.cxPop .cxKv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 10px;
  margin-top: 7px;
  font-size: 10.5px;
}
.cxPop .cxKv span {
  color: var(--dim);
}
.cxPop .cxKv em {
  font-style: normal;
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.cxPop .cxKv em.g {
  color: var(--grn);
}
.cxPop .cxKv em.a {
  color: var(--amber);
}
.cxPop .cxKv em.r {
  color: var(--red);
}
.cxPop .cxKv em.cxTier.pristine {
  color: var(--pristine);
}
.cxPop .cxKv em.cxTier.luminous {
  color: var(--luminous);
}
.cxPop .cxKv em.cxTier.neutral {
  color: var(--neutral);
}
.cxPop .cxKv em.cxTier.tarnished {
  color: var(--tarnished);
}
.cxPop .cxKv em.cxTier.corrupt {
  color: var(--corrupt);
}
.cxPop .cxKv em.cxTier.void {
  color: var(--void);
}
.cxGo {
  display: block;
  margin-top: 8px;
  font-size: 10.5px;
  color: var(--cyan);
  font-weight: 600;
  text-decoration: none;
}
.cxGo:hover {
  text-decoration: underline;
}
.cxMini {
  margin-top: 8px;
  height: 118px;
  border-radius: 7px;
  background: var(--sunken);
  border: 1px solid var(--line);
  overflow: hidden;
}
.cxMini svg {
  width: 100%;
  height: 100%;
  display: block;
}
.cxDrawer {
  border-top: 1px solid var(--line);
  padding-top: 9px;
  font-size: 11px;
}
.cxDrawer u {
  display: block;
  text-decoration: none;
  font: 700 9.5px var(--mono);
  letter-spacing: .14em;
  color: var(--dim);
  margin-bottom: 5px;
}
.cxDrawer b {
  color: var(--bright);
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
}
.cxDrawer p {
  margin: 0;
  font-size: 11px;
  color: var(--dim2);
  line-height: 1.5;
}
.cxDrawer .cxKv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 10px;
  margin-top: 7px;
  font-size: 10.5px;
}
.cxDrawer .cxKv span {
  color: var(--dim);
}
.cxDrawer .cxKv em {
  font-style: normal;
  color: var(--txt);
  font-weight: 600;
}
.cxDrawer .cxMini {
  height: 110px;
}
@media (max-width: 639px) {
  .cxChip.open .cxPop {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cxPop {
    transition: none;
  }
}
.exCard.cxCard:hover,
.exCard.cxCard:focus-visible {
  border-top-color: var(--rail,var(--line3));
}
.exBar,
.exControls {
  position: relative;
}
.fsBar {
  display: inline-flex;
  align-items: stretch;
  height: 28px;
  border: 1px solid var(--line2);
  border-radius: 7px;
  background: var(--panel);
  overflow: hidden;
  flex: 0 0 auto;
}
.fsPs,
.fsOpen {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border: 0;
  border-inline-end: 1px solid var(--line2);
  background: transparent;
  color: var(--dim2);
  font: 600 11px var(--mono);
  cursor: pointer;
  white-space: nowrap;
}
.fsPs:hover,
.fsOpen:hover {
  color: var(--txt);
}
.fsPs.on {
  color: var(--bright);
  background: var(--panel3);
}
.fsPs .fsN {
  font-weight: 500;
  color: var(--dim);
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
}
.fsPs.on .fsN {
  color: var(--grn);
}
.fsPs.edited .fsN::after {
  content: " \b7";
  color: var(--amber);
}
.fsPs.mine {
  color: var(--violet);
}
.fsOpen {
  border-inline-end: 0;
  color: var(--txt);
  font-weight: 700;
}
.fsOpen.on {
  color: var(--cyan);
}
.fsI {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}
.fsPop {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-width: 760px;
  background: var(--popground,var(--panel));
  border: 1px solid var(--line3);
  border-radius: 11px;
  box-shadow: 0 22px 60px var(--shadow);
  padding: 14px 15px;
}
.fsHead {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.fsHead b {
  color: var(--bright);
  font-size: 13px;
}
.fsHead s {
  text-decoration: none;
  color: var(--dim2);
  font-size: 11px;
}
.fsX {
  appearance: none;
  margin-inline-start: auto;
  background: none;
  border: 0;
  color: var(--dim);
  cursor: pointer;
  font: 18px/1 var(--mono);
  padding: 2px 6px;
  border-radius: 5px;
}
.fsX:hover {
  color: var(--bright);
  background: var(--sunken);
}
.fsGroups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px 18px;
}
.fsGrp {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.fsGrp h4 {
  margin: 0 0 2px;
  font: 700 10px var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dim);
}
.fsRule {
  min-width: 0;
}
.fsChip {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 28px;
  padding: 0 8px 0 7px;
  border-radius: 7px;
  border: 1px solid var(--line2);
  background: var(--sunken);
  font: 600 10.5px var(--mono);
  color: var(--txt);
  cursor: pointer;
  text-align: start;
  white-space: nowrap;
  min-width: 0;
}
.fsChip .fsL {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}
.fsChip .fsI {
  color: var(--dim2);
}
.fsChip.on {
  color: var(--bright);
  border-color: var(--cyan);
  background: var(--cyanbg);
}
.fsChip.on .fsI {
  color: var(--cyan);
}
.fsChip .fsN {
  font-weight: 500;
  color: var(--dim);
  font-size: 10px;
  flex: 0 0 auto;
}
.fsChip.on .fsN {
  color: var(--cyan);
}
.fsIn {
  width: 46px;
  height: 20px;
  border: 1px solid var(--line2);
  border-radius: 5px;
  background: var(--panel);
  color: var(--txt);
  font: 10.5px var(--mono);
  padding: 0 5px;
  text-align: end;
  flex: 0 0 auto;
}
.fsIn:focus {
  outline: none;
  border-color: var(--cyan);
}
.fsIn:disabled {
  opacity: .5;
}
.fsU {
  text-decoration: none;
  color: var(--dim);
  font-size: 10px;
}
.fsFoot {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding-top: 10px;
  margin-top: 12px;
}
.fsCnt {
  font-size: 11px;
  color: var(--dim2);
}
.fsCnt b {
  color: var(--bright);
}
.fsSp {
  flex: 1 1 auto;
}
.fsBtn {
  appearance: none;
  font: 700 11px var(--mono);
  letter-spacing: .06em;
  color: var(--txt);
  background: var(--panel);
  border: 1px solid var(--line2);
  border-radius: 7px;
  padding: 6px 10px;
  cursor: pointer;
}
.fsBtn:hover {
  border-color: var(--cyan);
  color: var(--bright);
}
.fsBtn.go {
  color: var(--bg);
  background: var(--grn);
  border-color: var(--grn);
}
.fsSlot {
  appearance: none;
  font: 700 10px var(--mono);
  letter-spacing: .06em;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px dashed var(--line2);
  background: transparent;
  color: var(--dim2);
  cursor: pointer;
}
.fsSlot.saved {
  border-style: solid;
  color: var(--violet);
  border-color: var(--viline);
  background: var(--vibg);
}
@media (max-width: 639px) {
  .fsBar {
    height: auto;
    flex-wrap: wrap;
    flex: 1 0 100%;
  }
  .fsPs,
  .fsOpen {
    padding: 7px 9px;
  }
  .fsPop {
    position: static;
    max-width: none;
    margin-top: 10px;
    box-shadow: none;
    flex: 1 0 100%;
  }
}
.cxLine b.up {
  color: var(--grn);
}
.cxLine b.dn {
  color: var(--red);
}
.cxFace.cxFaceOp {
  display: block;
  background: var(--op,var(--amber));
  opacity: .85;
}
.cxBand {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: calc(100% + 26px);
  margin: 0 -13px;
  padding: 6px 13px 2px;
}
.cxBand i {
  display: block;
  height: 6px;
  border-radius: 3px;
  background: var(--redbg);
  border: 1px solid var(--line);
  overflow: hidden;
  position: relative;
}
.cxBand i::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--g,0%);
  background: var(--grn);
  opacity: .8;
}
.cxBand i::after {
  content: "";
  position: absolute;
  inset: 0;
  left: var(--g,0%);
  background: var(--red);
  opacity: .55;
}
.cxBand.quiet i {
  background: var(--sunken);
}
.cxBand.quiet i::before,
.cxBand.quiet i::after {
  display: none;
}
.cxBand s {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  font: 600 9.5px var(--mono);
  letter-spacing: .02em;
  min-height: 12px;
}
.cxBand s .g {
  color: var(--grn);
}
.cxBand s .r {
  color: var(--red);
}
.cxBand s .q {
  color: var(--dim);
}
.cxChip.v {
  color: var(--violet);
  border-color: var(--viline);
  background: var(--vibg);
}
.ifCard .ifBody {
  margin-top: 2px;
}
.ifTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.ifWin {
  display: flex;
  gap: 4px;
}
.ifWin button {
  font: 600 9.5px var(--mono);
  letter-spacing: .08em;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--line2);
  background: none;
  color: var(--dim);
  cursor: pointer;
}
.ifWin button.on {
  color: var(--bright);
  border-color: var(--cyan);
}
.ifWin button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
}
.ifSum {
  font: 10.5px var(--mono);
  color: var(--dim2);
}
.ifFig {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.ifSvg {
  display: block;
  width: 100%;
  height: auto;
  font-family: var(--mono);
}
.ifBase {
  stroke: var(--line3);
}
.ifArc {
  fill: none;
  stroke-linecap: round;
  opacity: .72;
  cursor: pointer;
  transition: opacity .15s;
}
.ifArc.xfer {
  stroke: var(--cyan);
}
.ifArc.hand {
  stroke: var(--amber);
}
.ifArc.lpin {
  stroke: var(--violet);
}
.ifArc.lpout {
  stroke: var(--mag);
}
.ifHead.xfer {
  fill: var(--cyan);
}
.ifHead.hand {
  fill: var(--amber);
}
.ifHead.lpin {
  fill: var(--violet);
}
.ifHead.lpout {
  fill: var(--mag);
}
.ifFig:hover .ifArc,
.ifFig:hover .ifChip {
  opacity: .3;
}
.ifFig .ifArc:hover,
.ifFig .ifArc.on,
.ifFig .ifChip:hover,
.ifFig .ifChip.on,
.ifFig:hover .ifArc.on,
.ifFig:hover .ifChip.on {
  opacity: 1;
}
.ifNode circle {
  fill: var(--panel);
  stroke: var(--dim2);
  stroke-width: 1.5;
}
.ifNode.t circle {
  fill: var(--violet);
  stroke: var(--violet);
}
.ifNode text {
  fill: var(--dim2);
  font-size: 10.5px;
  paint-order: stroke;
  stroke: var(--panel);
  stroke-width: 3.5px;
  stroke-linejoin: round;
}
.ifNode.t text {
  fill: var(--txt);
}
.ifNode text.ifSmall {
  font-size: 9.5px;
  fill: var(--dim);
}
.ifChip {
  cursor: pointer;
  transition: opacity .15s;
}
.ifChip rect {
  fill: var(--panel2);
  stroke: var(--line3);
}
.ifChip.xfer rect {
  stroke: var(--cyanline);
}
.ifChip.hand rect {
  stroke: var(--ambline);
}
.ifChip.lpin rect,
.ifChip.lpout rect {
  stroke: var(--viline);
}
.ifChip.on rect {
  stroke: var(--bright);
}
.ifChip:focus-visible {
  outline: none;
}
.ifChip:focus-visible rect {
  stroke: var(--cyan);
  stroke-width: 1.5;
}
.ifChip text {
  font-size: 10.5px;
}
.ifChip .ifMain {
  fill: var(--bright);
  font-weight: 600;
}
.ifChip .ifSub {
  fill: var(--dim);
}
.ifLogoBg {
  fill: var(--bg);
}
.ifTia {
  fill: var(--bg);
  stroke: var(--cyan);
  stroke-width: 1.2;
}
.ifTiaT {
  fill: var(--cyan);
  font-size: 8px;
  font-weight: 600;
}
.ifTiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 6px;
  margin: 4px 0 8px;
}
.ifTile {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  padding: 7px 9px;
  border: 1px solid var(--line2);
  border-radius: 9px;
  background: rgba(150, 185, 220, .03);
  color: var(--txt);
  cursor: pointer;
  font-family: var(--mono);
  box-shadow: inset 2px 0 0 var(--k,var(--dim));
}
.ifTile i {
  display: none;
}
.ifTile.xfer {
  --k:var(--cyan);
}
.ifTile.hand {
  --k:var(--amber);
}
.ifTile.in {
  --k:var(--grn);
}
.ifTile.out {
  --k:var(--red);
}
.ifTile.lpin {
  --k:var(--violet);
}
.ifTile.lpout {
  --k:var(--mag);
}
.ifTile b {
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  text-transform: uppercase;
}
.ifTile span {
  font: 800 12.5px var(--mono);
  color: var(--bright);
  font-variant-numeric: tabular-nums;
}
.ifTile.none span {
  color: var(--dim);
  font-weight: 600;
}
.ifTile:hover {
  border-color: var(--line3);
}
.ifTile.on {
  border-color: var(--bright);
  background: rgba(150, 185, 220, .08);
}
.ifTile:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
}
.ifStrip {
  position: relative;
  margin: 2px 0 6px;
  padding: 0 6px;
}
.ifAxis {
  position: relative;
  height: 16px;
  border-bottom: 1px solid var(--line2);
}
.ifAxis u {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  text-decoration: none;
  font: 9px var(--mono);
  color: var(--dim);
  white-space: nowrap;
}
.ifAxis u s {
  display: block;
  width: 1px;
  height: 4px;
  background: var(--line3);
  margin: 0 auto 1px;
}
.ifAxis u.now {
  color: var(--dim2);
}
.ifPins {
  position: relative;
  height: 38px;
}
.ifPin {
  position: absolute;
  top: calc(4px + var(--lvl,0) * 6px);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  border: 1.5px solid var(--panel);
  box-shadow: 0 0 0 1px var(--line3);
  transition: transform .12s;
}
.ifPin.xfer {
  background: var(--cyan);
}
.ifPin.hand {
  background: var(--amber);
}
.ifPin.in {
  background: var(--grn);
}
.ifPin.out {
  background: var(--red);
}
.ifPin.lpin {
  background: var(--violet);
}
.ifPin.lpout {
  background: var(--mag);
}
.ifPin:hover,
.ifPin.hi,
.ifPin.on {
  transform: translateX(-50%) scale(1.5);
  z-index: 2;
  box-shadow: 0 0 0 1.5px var(--bright);
}
.ifPin:focus-visible {
  outline: 2px solid var(--cyan);
}
.ifDot {
  cursor: pointer;
  stroke: var(--panel);
  stroke-width: 1.5;
}
.ifDot.xfer {
  fill: var(--cyan);
}
.ifDot.hand {
  fill: var(--amber);
}
.ifHint {
  font: 9.5px var(--mono);
  color: var(--dim);
  margin: 6px 0 0;
  text-align: right;
}
.ifNone {
  margin: 10px 0;
}
.ifFig .ifArc.hi,
.ifFig .ifChip.hi,
.ifFig .ifDot.hi {
  opacity: 1;
}
.ifFig:hover .ifArc.hi,
.ifFig:hover .ifChip.hi {
  opacity: 1;
}
.ifEmpty {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 0 4px;
}
.ifEmpty b {
  font-size: 12px;
  color: var(--txt);
  font-weight: 600;
}
.ifEmpty span {
  font-size: 10.5px;
  color: var(--dim);
}
.ifPopHost:empty {
  display: none;
}
.ifPop {
  position: relative;
  margin-top: 10px;
  border: 1px solid var(--line3);
  border-radius: 8px;
  background: var(--panel2);
  padding: 10px 34px 10px 12px;
  animation: ifIn .16s ease-out;
}
@keyframes ifIn {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ifPop {
    animation: none;
  }
}
.ifPop u {
  display: block;
  text-decoration: none;
  font: 700 9.5px var(--mono);
  letter-spacing: .14em;
  color: var(--dim);
  margin-bottom: 4px;
}
.ifPop > b {
  display: block;
  color: var(--bright);
  font-size: 12.5px;
  font-weight: 700;
  margin-bottom: 6px;
}
.ifPop .cxKv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 12px;
  font-size: 10.5px;
  margin-bottom: 8px;
}
.ifPop .cxKv span {
  color: var(--dim);
}
.ifPop .cxKv em {
  font-style: normal;
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ifPop p {
  margin: 8px 0 0;
  font-size: 11px;
  color: var(--dim2);
  line-height: 1.5;
}
.ifPop p a {
  color: var(--cyan);
  text-decoration: none;
}
.ifPop .ifX {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--dim);
  cursor: pointer;
  font-size: 12px;
}
.ifPop .ifX:hover {
  background: var(--panel3);
  color: var(--bright);
}
.ifPop .ifX:focus-visible {
  outline: 2px solid var(--cyan);
}
.ifHand {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  font: 11px var(--mono);
  padding: 4px 0;
  border-top: 1px solid var(--line);
}
.ifHand span {
  color: var(--dim);
}
.ifHand em {
  font-style: normal;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.ifCoin {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--amber);
  text-decoration: none;
  font-weight: 600;
  line-height: 16px;
}
.ifCoin img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex: none;
  display: block;
  object-fit: cover;
  background: var(--panel);
}
.ifHand {
  align-items: center;
}
.ifPop > b {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ifFlow {
  display: grid;
  grid-template-columns: 1fr 150px 1fr;
  gap: 10px;
  align-items: center;
  margin: 4px 0 10px;
}
.ifFa,
.ifFb {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.ifFb {
  justify-content: flex-end;
  text-align: right;
}
.ifFa > div,
.ifFb > div {
  min-width: 0;
}
.ifFa b,
.ifFb b {
  display: block;
  font: 700 12.5px var(--mono);
  color: var(--bright);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ifFa b a,
.ifFb b a {
  color: inherit;
  text-decoration: none;
}
.ifFa i,
.ifFb i {
  display: block;
  font-style: normal;
  font-size: 9.5px;
  color: var(--dim);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ifFa em,
.ifFb em {
  font-style: normal;
  font: 800 14px var(--mono);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}
.ifFb em {
  margin-left: 0;
  margin-right: auto;
}
.ifFa em.r,
.ifFb em.r {
  color: var(--red);
}
.ifFa em.g,
.ifFb em.g {
  color: var(--grn);
}
.ifFlow .sTile {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
}
.ifFlow .ifFar,
.ifFlow .ifTre {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 13px var(--mono);
  color: var(--dim2);
}
.ifFlow .ifTre {
  color: var(--violet);
  border: 1.5px solid var(--violet);
}
.ifFmid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  text-align: center;
}
.ifFmid svg {
  width: 110px;
  height: 22px;
  display: block;
}
.ifFmid path {
  fill: none;
  stroke: var(--dim2);
  stroke-width: 2;
}
.ifFmid path:last-child {
  fill: var(--dim2);
  stroke: none;
}
.ifFmid i {
  font-style: normal;
  font-size: 9.5px;
  color: var(--dim);
  white-space: nowrap;
}
.ifCoins {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}
.ifCh {
  display: grid;
  grid-template-columns: 92px 1fr 92px;
  gap: 8px;
  padding: 5px 12px;
  font: 600 8.5px var(--mono);
  letter-spacing: .6px;
  color: var(--dim);
  text-transform: uppercase;
  border-bottom: 1px solid var(--line);
}
.ifCh span:first-child {
  text-align: right;
}
.ifCh span:nth-child(2) {
  text-align: left;
  padding-left: 50px;
}
.ifCr {
  display: grid;
  grid-template-columns: 92px 1fr 92px;
  grid-template-rows: auto auto;
  gap: 2px 8px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}
.ifCr > em {
  grid-row: 1/3;
}
.ifCr .ifCc {
  grid-column: 2;
  grid-row: 1;
}
.ifCr .ifOut {
  grid-column: 2;
  grid-row: 2;
}
.ifCr:last-child {
  border-bottom: 0;
}
.ifCr:hover {
  background: rgba(150, 185, 220, .06);
}
.ifCr > em {
  font-style: normal;
  font: 700 13px var(--mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ifCr > em.r {
  color: var(--red);
  text-align: right;
}
.ifCr > em.g {
  color: var(--grn);
}
.ifCc {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.ifCc > .sL1 {
  min-width: 0;
  flex: 1;
}
.ifCc .sL1 {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}
.ifCc .sL1 b {
  font: 700 12.5px var(--mono);
  color: var(--bright);
  white-space: nowrap;
}
.ifCc .sL1 i {
  font-style: normal;
  font-size: 10.5px;
  color: var(--dim2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ifCc .ifWhen {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 9.5px;
  color: var(--dim);
  white-space: nowrap;
}
.ifOut {
  font-size: 10.5px;
  color: var(--dim2);
  margin-top: 0;
  line-height: 1.45;
}
.ifOut:empty {
  display: none;
}
.ifOut b {
  color: var(--txt);
  font-weight: 600;
}
.ifOut b.g {
  color: var(--grn);
}
.ifOut b.r {
  color: var(--red);
}
.ifPop p b.g {
  color: var(--grn);
}
.ifPop p b.r {
  color: var(--red);
}
.ifNarrow {
  display: none;
}
@media (max-width: 639px) {
  .ifFlow {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  .ifFmid i {
    white-space: normal;
  }
  .ifFmid {
    flex-wrap: wrap;
  }
  .ifFb {
    justify-content: flex-start;
    text-align: left;
    flex-direction: row-reverse;
  }
  .ifFb em {
    margin: 0 0 0 auto;
    align-items: flex-end;
  }
  .ifFa > div,
  .ifFb > div {
    flex: 1 1 auto;
  }
  .ifFa em,
  .ifFb em {
    flex: 0 1 auto;
    font-size: 13px;
    white-space: normal;
    text-align: right;
  }
  .ifFa em s,
  .ifFb em s {
    white-space: normal;
    max-width: 96px;
    text-align: right;
    line-height: 1.2;
  }
  .ifFmid {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 44px;
    text-align: left;
  }
  .ifFmid svg {
    display: none;
  }
  .ifFmid::before {
    content: "\2193";
    font: 700 16px var(--mono);
    color: var(--dim2);
  }
  .ifCh {
    display: none;
  }
  .ifCr {
    grid-template-columns: 64px 1fr 64px;
    grid-template-rows: auto auto;
    gap: 4px 6px;
  }
  .ifCr > em {
    grid-row: 1;
    font-size: 12px;
  }
  .ifCr .ifCc {
    grid-column: 2;
    grid-row: 1;
  }
  .ifCr .ifCc .sL1 {
    flex-wrap: wrap;
    gap: 2px 7px;
  }
  .ifCr .ifCc .ifWhen {
    margin-left: 0;
    flex-basis: 100%;
    white-space: normal;
  }
  .ifCr .ifOut {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .ifNarrow {
    display: inline;
  }
  .ifFig {
    scroll-snap-type: x proximity;
  }
}
.ifPop .ifLead {
  margin: 0 0 8px;
  font-size: 11.5px;
  color: var(--txt);
  line-height: 1.55;
}
.ifPop .ifLead b {
  display: inline;
  font-size: inherit;
  margin: 0;
  color: var(--bright);
}
.ifPop .ifLead b.g {
  color: var(--grn);
}
.ifPop .ifLead b.r {
  color: var(--red);
}
.ifCards {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}
.ifCards .sCard:last-child {
  border-bottom: 0;
}
.ifCards .sL1 .ifWhen {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 10px;
  color: var(--dim);
}
.ifCards .sL2 b {
  color: var(--txt);
  font-weight: 600;
}
.sSide.ifSide {
  flex-direction: row;
  gap: 6px;
  align-items: center;
}
.ifSide .sKey {
  min-width: 96px;
}
.ifSide .sKey s {
  white-space: normal;
  text-align: end;
  max-width: 110px;
}
@media (max-width: 639px) {
  .sSide.ifSide {
    flex-direction: column;
  }
}
.ifFa em,
.ifFb em {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  flex: 0 0 auto;
}
.ifFb em {
  align-items: flex-start;
}
.ifFa em.n,
.ifFb em.n {
  color: var(--bright);
}
.ifFa em s,
.ifFb em s {
  text-decoration: none;
  font: 600 8px var(--mono);
  letter-spacing: .5px;
  color: var(--dim);
  text-transform: uppercase;
  white-space: nowrap;
}
.ifCr > em {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
}
.ifCr > em:last-child {
  align-items: flex-start;
}
.ifCr > em.n {
  color: var(--txt);
}
.ifCr > em s {
  text-decoration: none;
  font: 600 8px var(--mono);
  letter-spacing: .5px;
  color: var(--dim);
  text-transform: uppercase;
}
.ifBooked {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: -4px 0 10px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
  font-size: 11px;
  color: var(--dim2);
}
.ifBooked b {
  color: var(--txt);
  font-weight: 700;
}
.ifBooked b.g {
  color: var(--grn);
}
.ifBooked b.r {
  color: var(--red);
}
.cpGradBadge {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  border: 1px solid var(--viline);
  background: var(--vibg);
  color: var(--violet);
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  vertical-align: 1px;
}
.cpBar.done > i:not(.cpTick) {
  background:
    linear-gradient(
      90deg,
      var(--violet),
      var(--grn));
}
.cpBarLbl {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 5px;
  font: 9px/1 var(--mono);
  color: var(--dim);
}
.cpBarLbl s {
  text-decoration: none;
}
.cpBarLbl + .cpBarN {
  margin-top: 10px;
}
.cpKv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 12px;
  margin-top: 8px;
  font-size: 11px;
}
.cpKv span {
  color: var(--dim);
}
.cpKv em {
  font-style: normal;
  color: var(--txt);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.cpKv em s {
  text-decoration: none;
  color: var(--dim);
  font-weight: 500;
}
.cpKv a {
  color: var(--cyan);
  text-decoration: none;
}
.cxGrad {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  border: 1px solid var(--viline);
  background: var(--vibg);
  color: var(--violet);
  font: 700 8.5px var(--mono);
  letter-spacing: .6px;
  white-space: nowrap;
}
.cxGradBar {
  position: relative;
  display: block;
  height: 20px;
  width: calc(100% + 26px);
  margin: 2px -13px -11px;
  background: var(--sunken);
  border-top: 1px solid var(--line);
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  font: 600 9.5px/20px var(--mono);
  white-space: nowrap;
}
.cxGradBar > span,
.cxGradBar > i > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  letter-spacing: .8px;
  font-size: 8.5px;
  font-weight: 700;
}
.cxGradBar > span {
  color: var(--dim2);
}
.cxGradBar > span b {
  color: var(--txt);
}
.cxGradBar em {
  font-style: normal;
  transition: opacity .15s;
}
.cxGradBar em.h {
  position: absolute;
  left: 13px;
  top: 0;
  opacity: 0;
}
.cxGradBar:hover em.a {
  opacity: 0;
}
.cxGradBar:hover em.h {
  opacity: 1;
}
.cxGradBar > i {
  position: absolute;
  inset: 0;
  font-style: normal;
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--violet));
  clip-path: inset(0 calc(100% - var(--p,0%)) 0 0);
}
.cxGradBar > i > span {
  color: #0a0d14;
}
.cxGradBar > i > span b {
  color: #0a0d14;
}
.cxGradPool {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 20px;
  width: calc(100% + 26px);
  margin: 2px -13px -11px;
  padding: 0 13px;
  box-sizing: border-box;
  background:
    linear-gradient(
      90deg,
      var(--vibg),
      rgba(167, 139, 250, .14));
  border-top: 1px solid var(--viline);
  border-radius: 0 0 8px 8px;
  font: 600 9.5px/20px var(--mono);
  color: var(--dim2);
  white-space: nowrap;
  overflow: hidden;
}
.cxGradPool u {
  text-decoration: none;
  letter-spacing: .8px;
  font-size: 8.5px;
  font-weight: 700;
  color: var(--violet);
}
.cxGradPool b {
  color: var(--bright);
}
.cxGradPool s {
  text-decoration: none;
  color: var(--dim);
  overflow: hidden;
  text-overflow: ellipsis;
}
.cxGradClassic {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 20px;
  width: calc(100% + 26px);
  margin: 2px -13px -11px;
  padding: 0 13px;
  box-sizing: border-box;
  background: var(--sunken);
  border-top: 1px solid var(--line);
  border-radius: 0 0 8px 8px;
  font: 600 9.5px/20px var(--mono);
  color: var(--dim);
  white-space: nowrap;
  overflow: hidden;
}
.cxGradClassic em {
  font-style: normal;
  letter-spacing: .8px;
  font-size: 8.5px;
  font-weight: 700;
  color: var(--dim2);
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity .15s;
}
.cxGradClassic em::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--line3);
  flex: 0 0 5px;
}
.cxGradClassic s {
  text-decoration: none;
  letter-spacing: .8px;
  font-size: 8.5px;
  font-weight: 700;
  color: var(--dim);
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .15s;
}
.cxGradClassic i {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 0 13px;
  box-sizing: border-box;
  font-style: normal;
  letter-spacing: .8px;
  font-size: 8.5px;
  font-weight: 700;
  color: var(--dim2);
  opacity: 0;
  transition: opacity .15s;
}
.cxGradClassic:hover em,
.cxGradClassic:hover s {
  opacity: 0;
}
.cxGradClassic:hover i {
  opacity: 1;
}
.cxCard.graduating {
  border-top-color: var(--violet) !important;
  animation: cxGradPulse 2.4s ease-in-out infinite;
}
@keyframes cxGradPulse {
  0%, 100% {
    box-shadow: 0 0 0 1px var(--viline), 0 0 14px -6px var(--violet);
  }
  50% {
    box-shadow: 0 0 0 1px var(--violet), 0 0 28px -4px var(--violet);
  }
}
.cxCard.graduating .cxGradBar > i {
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--violet),
      var(--mag),
      var(--violet),
      var(--cyan));
  background-size: 250% 100%;
  animation: cxGradShimmer 1.8s linear infinite;
}
@keyframes cxGradShimmer {
  to {
    background-position: -250% 0;
  }
}
.cxGradLive {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 1px 7px;
  border-radius: 999px;
  border: 1px solid var(--violet);
  background: var(--vibg);
  color: var(--violet);
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  white-space: nowrap;
  line-height: 1.4;
}
.cxGradLive::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--violet);
  box-shadow: 0 0 6px var(--violet);
  animation: cxDot 1.2s ease-in-out infinite;
}
@keyframes cxDot {
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cxCard.graduating,
  .cxCard.graduating .cxGradBar > i,
  .cxGradLive::before {
    animation: none;
  }
}
.exStage {
  display: flex;
  gap: 2px;
  flex: 0 0 auto;
}
.exStage .exQb.grad.on {
  border-color: var(--violet);
  color: var(--violet);
}
.exStage .exQb s {
  text-decoration: none;
  color: var(--dim);
  margin-left: 5px;
  font-weight: 500;
}
.exStage .exQb .cxGradLive {
  margin-left: 6px;
  padding: 0 5px;
  font-size: 7.5px;
}
.exStage .exQb:disabled {
  opacity: .45;
  cursor: default;
}
@media (max-width: 680px) {
  .exStage {
    flex: 1 0 100%;
    flex-wrap: wrap;
    gap: 4px;
  }
  .exStage .exSb {
    flex: 1 1 auto;
    min-width: 0;
  }
  .exQuick {
    flex-wrap: wrap;
    gap: 4px;
  }
  .exQuick .exQb {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.exGradCell {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.exGradCell i {
  display: block;
  width: 44px;
  flex: 0 0 44px;
  height: 5px;
  border-radius: 3px;
  background: var(--sunken);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.exGradCell i::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--p);
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--violet));
}
.exGradCell.done b {
  color: var(--violet);
}
.exGradCell.none {
  color: var(--dim);
}
.exGradCell.classic b {
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  border: 1px solid var(--line2);
  border-radius: 999px;
  padding: 1px 7px;
}
.sGradRow .sL2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sGradRow .sL2 i {
  display: block;
  flex: 1 1 auto;
  max-width: 180px;
  height: 5px;
  border-radius: 3px;
  background: var(--sunken);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.sGradRow .sL2 i::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--p);
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--violet));
}
.sKey.v {
  color: var(--violet);
  border-color: var(--viline);
}
.flvBoxes.six {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1100px) {
  .flvBoxes.six {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .flvBoxes.six {
    grid-template-columns: repeat(2, 1fr);
  }
}
.swPage {
  max-width: 1280px;
  margin: 0 auto;
}
.swHead {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 10px;
  flex-wrap: wrap;
}
.swHead h1 {
  margin: 0;
  font: 700 18px var(--mono);
  letter-spacing: .8px;
  color: var(--bright);
}
.swHead s {
  text-decoration: none;
  color: var(--dim2);
  font: 11px var(--mono);
}
.swNotice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--ambline);
  background: var(--ambbg);
  border-radius: 10px;
  margin: 0 0 12px;
  font: 12px/1.5 var(--mono);
  color: var(--txt);
  flex-wrap: wrap;
}
.swNotice b {
  color: var(--amber);
  font-weight: 700;
  letter-spacing: .6px;
  font-size: 10px;
  white-space: nowrap;
}
.swNotice span {
  flex: 1 1 320px;
  min-width: 0;
}
.swNotice i {
  font-style: normal;
  color: var(--dim2);
  margin-left: auto;
  white-space: nowrap;
}
.swWatch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.swWatch .ecStat {
  position: relative;
  padding-left: 22px;
}
.swWatch .ecStat::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dim);
}
.swWatch .ecStat.off::before {
  background: var(--amber);
  box-shadow: 0 0 6px var(--amber);
}
.swWatch .ecStat.on::before {
  background: var(--grn);
  box-shadow: 0 0 6px var(--grn);
}
.swWatch .ecStat s {
  text-decoration: none;
  font: 9.5px/1.4 var(--mono);
  color: var(--dim2);
  white-space: normal;
}
.swStats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.swStats .puBox {
  padding: 10px 12px 10px 14px;
}
.swStats .puK {
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  text-transform: uppercase;
}
.swStats .puBig {
  font: 800 16px var(--mono);
  color: var(--bright);
  margin: 2px 0;
}
.swStats .puSub {
  font: 9.5px/1.4 var(--mono);
  color: var(--dim2);
}
.swGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 340px;
  gap: 12px;
  margin-top: 12px;
  align-items: start;
}
.swPools .exControls {
  margin-bottom: 8px;
}
.swRow {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 84px 84px 70px;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-top: 1px solid var(--line);
  cursor: pointer;
  font: 11px/1.35 var(--mono);
}
.swRow:hover {
  background: var(--panel2);
}
.swRow.on {
  background: var(--vibg);
  box-shadow: inset 2px 0 0 var(--violet);
}
.swRow.h {
  border-top: 0;
  color: var(--dim2);
  font-size: 9px;
  letter-spacing: .8px;
  cursor: default;
}
.swRow .n {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.swRow b {
  color: var(--bright);
}
.swRow i {
  font-style: normal;
  color: var(--dim);
}
.swRow .g {
  color: var(--grn);
}
.swRow .r {
  color: var(--red);
}
.swRow > span:nth-child(2) {
  overflow: hidden;
  min-width: 0;
}
.swRow > span:nth-child(2) b {
  white-space: nowrap;
}
.swFace {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--panel2);
  object-fit: cover;
  display: block;
}
.swLock {
  display: inline-block;
  width: 38px;
  height: 4px;
  border-radius: 2px;
  background: var(--sunken);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 5px;
}
.swLock::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--p);
  background: var(--violet);
}
.swPoolHead {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  min-width: 0;
}
.swPoolHead b {
  font: 700 15px var(--mono);
  color: var(--bright);
  display: block;
}
.swPoolHead i {
  font-style: normal;
  font: 11px/1.4 var(--mono);
  color: var(--dim2);
}
.swPoolHead a {
  color: var(--cyan);
  text-decoration: none;
}
.swKv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 8px 0;
}
.swKv .ecStat b {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plSplit {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  margin: 8px 0 4px;
  border: 1px solid var(--line);
  background: var(--sunken);
}
.plSplit i {
  display: block;
  height: 100%;
}
.plLeg {
  display: flex;
  gap: 14px;
  font: 9.5px var(--mono);
  color: var(--dim2);
  flex-wrap: wrap;
}
.plLeg i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  margin-right: 5px;
  vertical-align: -1px;
}
.swChart {
  height: 120px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--sunken);
  margin: 8px 0;
  position: relative;
  overflow: hidden;
}
.swChart svg {
  width: 100%;
  height: 100%;
  display: block;
}
.swChart u {
  position: absolute;
  left: 8px;
  top: 6px;
  font: 700 8.5px var(--mono);
  letter-spacing: .8px;
  color: var(--dim2);
  text-decoration: none;
}
.swMidTape .flvTr {
  grid-template-columns: 52px 40px minmax(0, 1fr) 56px;
}
.swAct {
  position: relative;
}
.swAct.dead::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: rgba(4, 6, 10, .35);
  pointer-events: none;
}
.swTabs {
  display: flex;
  gap: 2px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.swTabs .cpTab {
  flex: 1 1 auto;
}
.swDead {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  padding: 8px;
  border: 1px dashed var(--ambline);
  border-radius: 7px;
  color: var(--amber);
  font: 700 9.5px var(--mono);
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-align: center;
}
.swDead::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber);
  flex: 0 0 6px;
}
.swSet {
  display: flex;
  gap: 6px;
  margin: 8px 0 0;
  font: 10px var(--mono);
  color: var(--dim2);
  align-items: center;
  flex-wrap: wrap;
}
.swSet span {
  margin-left: auto;
}
.swSet .exQb {
  height: 22px;
  padding: 0 8px;
  font-size: 10px;
}
.swPos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 8px;
}
.swTiers {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  font: 10px/1.4 var(--mono);
  margin-top: 8px;
}
.swTiers div {
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--sunken);
}
.swTiers u {
  display: block;
  text-decoration: none;
  color: var(--dim);
  font-size: 8.5px;
  letter-spacing: .6px;
}
.swTiers b {
  color: var(--bright);
}
.swTiers s {
  text-decoration: none;
  color: var(--dim2);
}
[data-v=swap][data-live=no]::after,
[data-view=swap][data-live=no]::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--amber);
  margin-left: 6px;
  vertical-align: middle;
  box-shadow: 0 0 5px var(--amber);
}
@media (max-width: 1100px) {
  .swGrid {
    grid-template-columns: 1fr 1fr;
  }
  .swGrid > div:last-child {
    grid-column: 1/-1;
  }
  .swStats {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .swGrid {
    grid-template-columns: 1fr;
  }
  .swGrid > div:last-child {
    grid-column: auto;
  }
  .swWatch {
    grid-template-columns: repeat(2, 1fr);
  }
  .swStats {
    grid-template-columns: repeat(2, 1fr);
  }
  .swTiers {
    grid-template-columns: repeat(2, 1fr);
  }
  .swPos {
    grid-template-columns: 1fr;
  }
  .swKv {
    grid-template-columns: repeat(2, 1fr);
  }
  .swRow {
    grid-template-columns: 30px minmax(0, 1fr) 70px 64px;
  }
  .swRow > span:last-child {
    display: none;
  }
}
.ecStat.lp b {
  color: var(--violet);
}
.ecStat.lp s {
  text-decoration: none;
  font: 9.5px var(--mono);
  color: var(--dim2);
}
.sKey.v {
  color: var(--violet);
  border-color: var(--viline);
}
.sLp .sL2 .g {
  color: var(--grn);
}
.sLp .sL2 .r {
  color: var(--red);
}
.plLock {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font: 10px var(--mono);
  color: var(--dim2);
}
.plLock i {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--sunken);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.plLock i::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--p);
  background: var(--violet);
}
.plLock b {
  color: var(--violet);
}
.cpKv a {
  color: var(--cyan);
  text-decoration: none;
}
.flvTr.flvGR {
  background:
    linear-gradient(
      90deg,
      var(--vibg),
      transparent 55%);
  box-shadow: inset 2px 0 0 var(--violet);
}
.flvTr.flvGR .flvTy {
  color: var(--violet);
  background: var(--vibg);
  font-size: 8.5px;
  letter-spacing: .2px;
}
.flvTw s.pool {
  color: var(--violet);
}
.flvTw s.me {
  color: var(--bright);
  font-weight: 800;
  letter-spacing: .5px;
  border: 1px solid var(--line3);
  border-radius: 3px;
  padding: 1px 4px;
}
.flvTr.flvMe {
  background: var(--cyanbg);
}
.tg.opLau {
  color: var(--dim2);
  border-color: var(--line2);
  font-size: 8px;
  letter-spacing: .4px;
}
.hrow.opRest {
  opacity: .62;
}
.hrow.opSum {
  border-top: 1px solid var(--line);
  margin-top: 3px;
  padding-top: 4px;
  font-weight: 600;
}
.hrow.opSum .hn {
  color: var(--bright);
}
.hrow.opSum .hp {
  color: var(--txt);
}
.ecPin.thin {
  border-style: dashed;
}
.ecPin.thin i {
  font-style: italic;
  opacity: .8;
}
.sProv {
  font: 600 9.5px var(--mono);
  letter-spacing: .03em;
  color: var(--dim);
  white-space: nowrap;
  padding: 2px 6px;
  border: 1px dashed var(--line2);
  border-radius: 5px;
}
.sProv.two {
  color: var(--bright);
  border-style: solid;
}
.sProvNote {
  margin: 8px 4px 0;
  line-height: 1.5;
}
.sProvNote b {
  color: var(--bright);
}