:root {
  --suprx-bg: #070b11;
  --suprx-panel: rgba(13, 18, 28, 0.86);
  --suprx-panel-strong: rgba(18, 25, 38, 0.94);
  --suprx-border: rgba(255, 255, 255, 0.08);
  --suprx-border-hot: rgba(255, 201, 98, 0.24);
  --suprx-text: #e8edf5;
  --suprx-muted: #9aa8ba;
  --suprx-gold: #f1bb53;
  --suprx-gold-soft: rgba(241, 187, 83, 0.15);
  --suprx-cyan: #78d8ff;
  --suprx-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
}

body,
body.bg-header-footer,
body.bg-main {
  background:
    radial-gradient(circle at top, rgba(241, 187, 83, 0.09), transparent 28%),
    radial-gradient(circle at 80% 18%, rgba(120, 216, 255, 0.08), transparent 24%),
    linear-gradient(180deg, #0b1017 0%, #06090f 100%) !important;
  color: var(--suprx-text) !important;
  overflow-x: clip;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at top, rgba(0, 0, 0, 0.75), transparent 78%);
  opacity: 0.26;
  animation: suprx-grid-drift 18s linear infinite;
}

.suprx-ambient {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: clip;
}

.ambient-orb,
.ambient-beam {
  position: absolute;
  pointer-events: none;
  filter: blur(0);
}

.ambient-orb {
  border-radius: 999px;
  opacity: 0.55;
}

.ambient-orb-gold {
  top: 90px;
  right: -90px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle at 42% 44%, rgba(255, 224, 153, 0.3), rgba(241, 187, 83, 0.12) 38%, transparent 74%);
  animation: suprx-orb-float 16s ease-in-out infinite;
}

.ambient-orb-cyan {
  bottom: 12%;
  left: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle at 50% 50%, rgba(120, 216, 255, 0.18), transparent 72%);
  animation: suprx-orb-float 19s ease-in-out infinite reverse;
}

.ambient-orb-grid {
  inset: auto 12% 14% auto;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,0.06);
  background:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 26px 26px;
  transform: rotate(18deg);
  opacity: 0.12;
}

.ambient-beam {
  top: 120px;
  width: 1px;
  height: 260px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.14), rgba(255,255,255,0));
  opacity: 0.26;
}

.ambient-beam-left {
  left: 9%;
}

.ambient-beam-right {
  right: 12%;
}

@keyframes suprx-orb-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, 24px, 0); }
}

@keyframes suprx-grid-drift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 18px, 0); }
}

.navbar.bg-header-footer,
.navbar.bg-main,
.bg-header-footer,
.bg-main {
  background-color: rgba(10, 14, 22, 0.86) !important;
  backdrop-filter: blur(18px);
}

.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
  overflow: visible !important;
  position: relative;
  z-index: 60000;
}

.navbar-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  color: var(--suprx-text) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.navbar-brand .header-image {
  width: 42px;
  height: 42px;
  padding: 4px;
  border-radius: 14px;
  border: 1px solid var(--suprx-border);
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 223, 126, 0.26), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(7, 11, 18, 0.94));
  box-shadow:
    0 18px 34px rgba(8, 10, 16, 0.45),
    inset 0 1px 0 rgba(255,255,255,0.05);
  object-fit: contain;
}

.navbar-nav .nav-link,
.dropdown-item,
a,
.btn-link {
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.navbar-nav .nav-link {
  border-radius: 999px;
  color: #b8c6d8 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus,
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #fff4d7 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}

.container .card,
.card,
.alert,
.table-responsive,
.bg-white,
.bg-main .card,
.bg-header-footer .card {
  background: linear-gradient(180deg, rgba(17, 23, 35, 0.9), rgba(11, 15, 23, 0.96)) !important;
  border: 1px solid var(--suprx-border) !important;
  box-shadow: var(--suprx-shadow);
  backdrop-filter: blur(14px);
}

.card:hover {
  border-color: var(--suprx-border-hot) !important;
  transform: translateY(-2px);
}

.card-header,
.card-footer,
.list-group-item,
.dropdown-menu {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.dropdown-menu {
  background: rgba(11, 15, 23, 0.98) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
  border: 1px solid rgba(255,255,255,0.08) !important;
  z-index: 70000 !important;
  min-width: 240px;
  pointer-events: auto !important;
}

.dropdown-menu.show {
  display: block !important;
}

.dropdown-header {
  color: #93a6bc !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.66rem;
}

.dropdown-item {
  color: var(--suprx-text) !important;
}

.explorer-asset-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 1.5rem;
}

.asset-ribbon-card {
  position: relative;
  overflow: hidden;
  min-height: 142px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at 20% 0%, rgba(241, 187, 83, 0.14), transparent 40%),
    linear-gradient(150deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)),
    rgba(6, 10, 16, 0.82);
  box-shadow: 0 18px 52px rgba(0,0,0,0.26);
}

.asset-ribbon-card::after {
  content: "";
  position: absolute;
  inset: auto 16px 14px 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(241,187,83,0.55), transparent);
}

.asset-ribbon-card .label {
  display: block;
  color: var(--suprx-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.asset-ribbon-card strong {
  display: block;
  margin: 8px 0 6px;
  color: #fff;
  font-size: 1.08rem;
}

.asset-ribbon-card p {
  color: var(--suprx-muted);
  margin: 0;
}

.asset-ribbon-card[data-tone="ok"] {
  border-color: rgba(105, 231, 171, 0.22);
}

.asset-ribbon-card[data-tone="warn"] {
  border-color: rgba(241, 187, 83, 0.28);
}

.asset-ribbon-card[data-tone="danger"] {
  border-color: rgba(255, 93, 93, 0.25);
}

.dropdown-item span,
.dropdown-item i,
.dropdown-item div,
.dropdown-item .float-start,
.dropdown-item .float-end {
  color: inherit !important;
}

.dropdown-divider {
  border-top-color: rgba(255,255,255,0.08) !important;
}

.btn,
button.btn,
input.form-control,
select.form-control,
textarea.form-control,
.form-control {
  border-radius: 14px !important;
}

.btn-primary,
.btn-outline-primary:hover,
.page-link.active,
.page-item.active .page-link {
  color: #1b1505 !important;
  border-color: rgba(255, 214, 119, 0.86) !important;
  background:
    linear-gradient(180deg, rgba(255, 227, 154, 0.96), rgba(241, 187, 83, 0.98)) !important;
  box-shadow:
    0 12px 34px rgba(241, 187, 83, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.32);
}

.btn-secondary,
.btn-outline-secondary,
.btn-outline-primary,
.page-link,
.form-control {
  color: var(--suprx-text) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.form-control:focus,
.btn:focus,
.btn:active,
.page-link:focus {
  border-color: rgba(120, 216, 255, 0.35) !important;
  box-shadow:
    0 0 0 0.22rem rgba(120, 216, 255, 0.14),
    0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

.table,
.table th,
.table td,
.text-body,
.text-dark {
  color: var(--suprx-text) !important;
}

.table thead th {
  border-bottom-color: rgba(255,255,255,0.14) !important;
  color: #f1f5fb !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.table td,
.table th {
  border-top-color: rgba(255,255,255,0.06) !important;
}

.table-hover tbody tr:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

.badge,
.alert,
.code,
code,
pre {
  border-radius: 12px;
}

.badge,
.badge-primary,
.badge-info {
  color: #10151f !important;
  background: linear-gradient(180deg, rgba(120, 216, 255, 0.96), rgba(83, 187, 241, 0.96)) !important;
}

.badge-warning,
.badge-secondary {
  color: #171103 !important;
  background: linear-gradient(180deg, rgba(255, 230, 159, 0.96), rgba(241, 187, 83, 0.96)) !important;
}

.footer,
footer {
  color: var(--suprx-muted) !important;
}

body .container,
body .container-fluid {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}

.navbar .dropdown,
.navbar .btn-group,
.navbar-nav,
.navbar-collapse {
  position: relative;
  z-index: 70000;
  overflow: visible !important;
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.22rem rgba(120, 216, 255, 0.16) !important;
}

.navbar-collapse {
  transition: opacity 180ms ease, transform 180ms ease;
}

.navbar .form-inline .input-group,
.navbar form .input-group {
  box-shadow: 0 12px 24px rgba(0,0,0,0.18);
  border-radius: 14px;
}

.navbar .form-control::placeholder {
  color: #8797aa;
}

.lead {
  font-size: clamp(1.08rem, 2.1vw, 1.36rem);
}

.summary-row .col,
.row.summary-row > .col {
  transition: transform 180ms ease;
}

.summary-row .col:hover,
.row.summary-row > .col:hover {
  transform: translateY(-1px);
}

@media (max-width: 991px) {
  .navbar-brand::after {
    display: none;
  }

  .navbar-brand .header-image {
    width: 38px;
    height: 38px;
  }

  .navbar .container {
    row-gap: 10px;
  }

  .navbar-collapse {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(14, 20, 31, 0.97), rgba(8, 12, 18, 0.98));
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.24);
  }

  .navbar-nav {
    gap: 6px;
  }

  .navbar-nav .nav-link,
  .navbar-nav .dropdown-toggle {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-inline: 12px !important;
  }

  .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100%;
    margin-top: 8px !important;
    border-radius: 16px;
  }

  .navbar .form-inline,
  .navbar form {
    width: 100%;
  }

  .navbar .form-inline .input-group,
  .navbar form .input-group {
    width: 100%;
  }
}

@media (max-width: 640px) {
  body::before {
    opacity: 0.18;
    background-size: 28px 28px;
  }

  .navbar {
    box-shadow: 0 10px 24px rgba(0,0,0,0.22);
  }

  .navbar-brand {
    gap: 10px;
    font-size: 0.96rem;
  }

  .navbar-brand .header-image {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .card,
  .alert,
  .table-responsive,
  .dropdown-menu,
  .navbar-collapse {
    border-radius: 18px !important;
  }

  .card-body,
  .card-header,
  .card-footer,
  .alert {
    padding: 14px !important;
  }

  .lead {
    font-size: 1rem;
  }

  .table thead th {
    font-size: 0.66rem;
  }

  .dropdown-item {
    min-height: 40px;
    display: flex;
    align-items: center;
  }
}

/* Explorer structure pass */

.suprx-explorer-shell .card,
.suprx-explorer-shell .alert,
.suprx-explorer-shell .table-responsive,
.suprx-explorer-shell .pagination .page-link,
.suprx-explorer-shell .summary-row .col,
.suprx-explorer-shell .explorer-snapshot-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transform-style: preserve-3d;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}

.suprx-explorer-shell .card::before,
.suprx-explorer-shell .alert::before,
.suprx-explorer-shell .table-responsive::before,
.suprx-explorer-shell .summary-row .col::before,
.suprx-explorer-shell .explorer-snapshot-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at var(--glow-x, 16%) var(--glow-y, 0%), rgba(255, 226, 150, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 16%, transparent 84%, rgba(0,0,0,0.12) 100%);
}

.suprx-explorer-shell .card.is-tilt,
.suprx-explorer-shell .alert.is-tilt,
.suprx-explorer-shell .table-responsive.is-tilt,
.suprx-explorer-shell .summary-row .col.is-tilt,
.suprx-explorer-shell .explorer-snapshot-card.is-tilt {
  transform:
    perspective(1200px)
    rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg))
    translateY(-2px);
}

.navbar-nav.me-auto {
  gap: 8px;
}

.navbar-nav.me-auto .nav-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding-inline: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.72rem;
}

.suprx-primary-toolbar {
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%),
    rgba(9, 14, 22, 0.86);
  box-shadow: 0 18px 44px rgba(0,0,0,0.2);
}

.explorer-home .explorer-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(320px, 0.86fr);
  gap: 18px;
  margin-bottom: 18px;
}

.explorer-home .explorer-hero-copy,
.explorer-home .explorer-hero-side,
.explorer-home .explorer-panel,
.explorer-home .explorer-snapshot-card,
.explorer-home .explorer-live-strip {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 16%),
    linear-gradient(180deg, rgba(11, 16, 25, 0.95), rgba(7, 11, 18, 0.98));
  box-shadow: 0 24px 60px rgba(0,0,0,0.26);
}

.explorer-home .explorer-hero-copy,
.explorer-home .explorer-hero-side,
.explorer-home .explorer-panel {
  padding: 22px;
}

.explorer-home .explorer-hero-side,
.explorer-route-side {
  position: relative;
  overflow: hidden;
}

.explorer-hero-model,
.explorer-route-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 248px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 215, 126, 0.12), transparent 24%),
    radial-gradient(circle at 16% 74%, rgba(120, 216, 255, 0.1), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 16%),
    rgba(8, 12, 19, 0.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.blockchain-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  opacity: 1;
}

.explorer-cube-stage {
  position: relative;
  z-index: 1;
  width: min(320px, 100%);
  height: 210px;
  perspective: 1400px;
  transform-style: preserve-3d;
}

.explorer-cube-base,
.explorer-cube-beam,
.explorer-stage-ring,
.explorer-stage-lane,
.explorer-stage-pulse,
.explorer-cube {
  position: absolute;
  pointer-events: none;
}

.explorer-cube-base {
  left: 15%;
  right: 15%;
  bottom: 8px;
  height: 36px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0.62), transparent 72%);
  filter: blur(7px);
}

.explorer-cube-beam {
  top: 6px;
  bottom: 8px;
  left: 50%;
  width: 2px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(120, 216, 255, 0.34), rgba(255,255,255,0));
  transform: translateX(-50%);
  box-shadow: 0 0 18px rgba(120, 216, 255, 0.22);
}

.explorer-stage-ring {
  border-radius: 999px;
  border: 1px solid rgba(120, 216, 255, 0.14);
  box-shadow: inset 0 0 18px rgba(255,255,255,0.02);
}

.explorer-stage-ring-a {
  inset: 18px 28px 34px;
  transform: rotate(-8deg);
}

.explorer-stage-ring-b {
  inset: 46px 56px 62px;
  border-color: rgba(255, 214, 119, 0.16);
  transform: rotate(12deg);
}

.explorer-stage-lane {
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(120,216,255,0), rgba(120,216,255,0.45), rgba(120,216,255,0));
  box-shadow: 0 0 16px rgba(120,216,255,0.12);
}

.explorer-stage-lane-a {
  left: 32px;
  right: 46px;
  top: 58px;
  transform: rotate(-18deg);
}

.explorer-stage-lane-b {
  left: 48px;
  right: 30px;
  bottom: 56px;
  background: linear-gradient(90deg, rgba(255,214,119,0), rgba(255,214,119,0.42), rgba(255,214,119,0));
  box-shadow: 0 0 16px rgba(255,214,119,0.12);
  transform: rotate(14deg);
}

.explorer-stage-pulse {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(120, 216, 255, 0.92);
  box-shadow: 0 0 18px rgba(120, 216, 255, 0.34);
  animation: suprx-pulse-drift 3.8s linear infinite;
}

.explorer-stage-pulse-a {
  top: 44px;
  left: 34px;
}

.explorer-stage-pulse-b {
  right: 54px;
  bottom: 48px;
  background: rgba(255, 214, 119, 0.94);
  box-shadow: 0 0 18px rgba(255, 214, 119, 0.34);
  animation-duration: 4.6s;
  animation-direction: reverse;
}

.explorer-stage-hud {
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 180px;
}

.explorer-stage-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(8, 12, 18, 0.72);
  color: #c8d7e7;
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.explorer-cube {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  transform-style: preserve-3d;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), transparent 18%),
    linear-gradient(135deg, rgba(255, 245, 198, 0.96), rgba(241, 187, 83, 0.96) 44%, rgba(127, 72, 9, 0.98) 100%);
  border: 1px solid rgba(255, 225, 142, 0.22);
  box-shadow:
    0 18px 40px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset -12px -12px 20px rgba(94, 52, 4, 0.24);
}

.explorer-cube::before,
.explorer-cube::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.explorer-cube::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.22), transparent 44%);
}

.explorer-cube::after {
  inset: auto 8px 8px;
  height: 18px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.18), transparent 76%);
}

.explorer-cube-a {
  left: 18px;
  top: 18px;
  transform: rotate(-14deg) rotateX(22deg) rotateY(-24deg);
  animation: suprx-cube-float-a 7.4s ease-in-out infinite;
}

.explorer-cube-b {
  right: 16px;
  top: 30px;
  width: 78px;
  height: 78px;
  transform: rotate(12deg) rotateX(18deg) rotateY(16deg);
  opacity: 0.96;
  animation: suprx-cube-float-b 6.2s ease-in-out infinite;
}

.explorer-cube-c {
  left: 88px;
  bottom: 26px;
  width: 62px;
  height: 62px;
  transform: rotate(-8deg) rotateX(16deg) rotateY(-18deg);
  opacity: 0.9;
  animation: suprx-cube-float-c 8.1s ease-in-out infinite;
}

.explorer-cube-d {
  right: 82px;
  bottom: 10px;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), transparent 24%),
    linear-gradient(135deg, rgba(154, 234, 255, 0.92), rgba(74, 159, 228, 0.9) 48%, rgba(15, 54, 112, 0.96) 100%);
  border-color: rgba(120, 216, 255, 0.22);
  box-shadow:
    0 14px 30px rgba(0,0,0,0.24),
    0 0 16px rgba(120, 216, 255, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.28);
  transform: rotate(14deg) rotateX(18deg) rotateY(14deg);
  animation: suprx-cube-float-d 5.7s ease-in-out infinite;
}

@keyframes suprx-cube-float-a {
  0%, 100% { transform: rotate(-14deg) rotateX(22deg) rotateY(-24deg) translate3d(0, 0, 0); }
  50% { transform: rotate(-11deg) rotateX(18deg) rotateY(-18deg) translate3d(0, -8px, 0); }
}

@keyframes suprx-cube-float-b {
  0%, 100% { transform: rotate(12deg) rotateX(18deg) rotateY(16deg) translate3d(0, 0, 0); }
  50% { transform: rotate(8deg) rotateX(14deg) rotateY(10deg) translate3d(0, -11px, 0); }
}

@keyframes suprx-cube-float-c {
  0%, 100% { transform: rotate(-8deg) rotateX(16deg) rotateY(-18deg) translate3d(0, 0, 0); }
  50% { transform: rotate(-6deg) rotateX(12deg) rotateY(-12deg) translate3d(0, -7px, 0); }
}

@keyframes suprx-cube-float-d {
  0%, 100% { transform: rotate(14deg) rotateX(18deg) rotateY(14deg) translate3d(0, 0, 0); }
  50% { transform: rotate(10deg) rotateX(14deg) rotateY(8deg) translate3d(0, -9px, 0); }
}

@keyframes suprx-pulse-drift {
  0% { transform: translate3d(0, 0, 0); opacity: 0; }
  10% { opacity: 1; }
  50% { transform: translate3d(96px, 54px, 0); opacity: 1; }
  100% { transform: translate3d(176px, 96px, 0); opacity: 0; }
}

.explorer-kicker {
  margin-bottom: 10px;
  color: #9bb0c8;
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.explorer-home h1 {
  margin-bottom: 12px;
  color: #f8fbff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.98;
  letter-spacing: -0.02em;
}

.explorer-lede {
  max-width: 720px;
  color: #b5c2d2;
  font-size: 1rem;
  line-height: 1.58;
}

.explorer-search {
  margin-top: 18px;
}

.explorer-search .input-group {
  box-shadow: 0 16px 34px rgba(0,0,0,0.22);
}

.explorer-search .form-control {
  min-height: 54px;
  font-size: 0.98rem;
}

.explorer-live-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 20px;
}

.explorer-live-chip,
.explorer-inline-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: var(--suprx-text);
  white-space: nowrap;
}

.explorer-live-chip .explorer-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #57db93;
  box-shadow: 0 0 16px rgba(87, 219, 147, 0.45);
}

.explorer-live-chip.is-warn .explorer-live-dot {
  background: var(--suprx-gold);
  box-shadow: 0 0 16px rgba(241, 187, 83, 0.45);
}

.explorer-inline-stat .label {
  color: #8fa2b8;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.explorer-inline-stat strong {
  font-size: 0.88rem;
  font-weight: 700;
}

.explorer-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.explorer-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.explorer-snapshot-card {
  padding: 16px;
}

.explorer-snapshot-card .label,
.explorer-section-head p {
  color: #8ea0b6;
}

.explorer-snapshot-card .label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.explorer-snapshot-card strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1.16rem;
  line-height: 1.05;
}

.explorer-snapshot-card p {
  margin: 0;
  font-size: 0.82rem;
}

.explorer-section-shell,
.explorer-dashboard-grid {
  display: grid;
  gap: 18px;
}

.explorer-dashboard-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
}

.explorer-panel-wide {
  min-width: 0;
}

.explorer-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.explorer-section-head h2 {
  margin: 0 0 4px;
  color: #f4f8ff;
  font-size: 1.08rem;
}

.explorer-section-head p {
  margin: 0;
  font-size: 0.9rem;
}

.explorer-head-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.explorer-head-links a {
  color: #a9c5de !important;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.explorer-home .table-responsive,
.explorer-page-blocks .table-responsive,
.explorer-page-peers .table-responsive,
.explorer-page-mining .table-responsive,
.explorer-page-api .table-responsive {
  border-radius: 18px;
}

.explorer-route-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
  gap: 18px;
  margin-bottom: 18px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 26px;
  background:
    radial-gradient(circle at 82% 14%, rgba(255, 215, 126, 0.12), transparent 22%),
    radial-gradient(circle at 18% 76%, rgba(120, 216, 255, 0.1), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%),
    linear-gradient(180deg, rgba(11, 16, 25, 0.96), rgba(6, 10, 16, 0.98));
  box-shadow: 0 24px 60px rgba(0,0,0,0.26);
  overflow: hidden;
}

.explorer-route-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.18;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.7), transparent 82%);
}

.explorer-route-hero > * {
  position: relative;
  z-index: 1;
}

.explorer-route-copy h1 {
  margin-bottom: 12px;
  color: #f8fbff;
  font-size: clamp(1.85rem, 4vw, 2.8rem);
  line-height: 0.98;
  letter-spacing: -0.02em;
}

.explorer-route-lede {
  max-width: 700px;
  margin-bottom: 0;
  color: #b5c2d2;
  font-size: 0.98rem;
  line-height: 1.58;
}

.explorer-route-side {
  display: flex;
  align-items: stretch;
  gap: 14px;
}

.explorer-route-stack {
  display: grid;
  width: minmax(0, 1fr);
  flex: 1 1 auto;
  gap: 12px;
}

.explorer-route-stat {
  position: relative;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 18%),
    rgba(12, 18, 29, 0.8);
  box-shadow: 0 18px 40px rgba(0,0,0,0.2);
}

.explorer-route-stat .label {
  display: block;
  margin-bottom: 8px;
  color: #8ea0b6;
  font-size: 0.66rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.explorer-route-stat strong {
  display: block;
  color: #f7fbff;
  font-size: 0.98rem;
  line-height: 1.35;
}

.explorer-data-surface {
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%),
    linear-gradient(180deg, rgba(10, 16, 26, 0.94), rgba(6, 10, 16, 0.98));
}

.explorer-data-surface table tbody tr.is-fresh {
  background: linear-gradient(90deg, rgba(255, 216, 127, 0.08), rgba(120, 216, 255, 0.04)) !important;
}

.explorer-tabs {
  gap: 8px;
  border-bottom: 0 !important;
}

.explorer-tabs .nav-link {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.03) !important;
  color: #c8d4e2 !important;
}

.explorer-tabs .nav-link.active {
  color: #171103 !important;
  border-color: rgba(255, 214, 119, 0.86) !important;
  background: linear-gradient(180deg, rgba(255, 227, 154, 0.96), rgba(241, 187, 83, 0.98)) !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border-radius: 12px !important;
  border-color: rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.04) !important;
  color: var(--suprx-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 12px !important;
}

.suprx-bottom-nav {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 80;
  display: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  background: rgba(7, 11, 18, 0.96);
  box-shadow: 0 22px 44px rgba(0,0,0,0.34);
  backdrop-filter: blur(16px);
}

.suprx-bottom-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 14px;
  color: #b4c4d6 !important;
  text-decoration: none;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.suprx-bottom-nav a.is-active {
  color: #171103 !important;
  background: linear-gradient(180deg, rgba(255, 227, 154, 0.96), rgba(241, 187, 83, 0.98));
}

@media (max-width: 991px) {
  .navbar-nav.me-auto {
    gap: 6px;
  }

  .navbar-nav.me-auto .nav-link {
    justify-content: flex-start;
    width: 100%;
  }

  .explorer-home .explorer-hero,
  .explorer-home .explorer-dashboard-grid,
  .explorer-route-hero {
    grid-template-columns: 1fr;
  }

  .explorer-route-side {
    flex-direction: column;
  }

  .explorer-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .suprx-bottom-nav {
    display: grid;
  }

  .pb-4.pt-3.pt-md-4.bg-main {
    padding-bottom: 88px !important;
  }

  .explorer-home .explorer-hero-copy,
  .explorer-home .explorer-hero-side,
  .explorer-home .explorer-panel,
  .explorer-route-hero {
    padding: 16px;
    border-radius: 20px;
  }

  .explorer-home h1 {
    font-size: clamp(1.7rem, 9vw, 2.2rem);
  }

  .explorer-lede,
  .explorer-section-head p {
    font-size: 0.9rem;
  }

  .explorer-search .form-control {
    min-height: 48px;
    font-size: 0.92rem;
  }

  .explorer-snapshot-grid {
    grid-template-columns: 1fr;
  }

  .explorer-live-strip {
    padding: 10px 12px;
  }

  .explorer-live-chip,
  .explorer-inline-stat {
    width: 100%;
    justify-content: space-between;
  }

  .explorer-route-copy h1 {
    font-size: clamp(1.55rem, 8vw, 2.1rem);
  }

  .explorer-route-lede {
    font-size: 0.9rem;
  }

  .explorer-hero-model,
  .explorer-route-stage {
    min-height: 188px;
    margin-bottom: 10px;
  }

  .explorer-cube-stage {
    width: min(248px, 100%);
    height: 168px;
  }

  .explorer-cube-a {
    left: 18px;
    top: 16px;
    width: 76px;
    height: 76px;
  }

  .explorer-cube-b {
    right: 14px;
    top: 32px;
    width: 64px;
    height: 64px;
  }

  .explorer-cube-c {
    left: 58px;
    bottom: 18px;
    width: 52px;
    height: 52px;
  }

  .explorer-cube-d {
    right: 50px;
    bottom: 4px;
    width: 38px;
    height: 38px;
  }

  .explorer-stage-hud {
    right: 10px;
    bottom: 8px;
    max-width: 148px;
  }

  .table-responsive {
    overflow-x: auto;
  }

  .pagination {
    flex-wrap: wrap;
    gap: 8px;
  }

  .ambient-orb-gold {
    right: -120px;
    width: 280px;
    height: 280px;
  }

  .ambient-orb-cyan {
    left: -120px;
    width: 220px;
    height: 220px;
  }
}
/* SUPRX dimensional polish 20260514 */
.suprx-explorer-shell {
  font-family: "Aptos", "Bahnschrift", "Segoe UI Variable", "Segoe UI", sans-serif;
}

.suprx-explorer-shell .container {
  position: relative;
  z-index: 1;
}

.suprx-explorer-shell .explorer-route-hero,
.suprx-explorer-shell .explorer-home .explorer-hero,
.suprx-explorer-shell .explorer-panel {
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 224, 151, 0.12), transparent 24%),
    radial-gradient(circle at 84% 4%, rgba(120, 216, 255, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.045), transparent 18%),
    linear-gradient(180deg, rgba(10, 16, 26, 0.95), rgba(4, 8, 14, 0.98)) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,0.44),
    inset 0 1px 0 rgba(255,255,255,0.055),
    inset 0 -1px 0 rgba(0,0,0,0.34) !important;
  overflow: hidden;
  isolation: isolate;
}

.suprx-explorer-shell .explorer-route-hero::before,
.suprx-explorer-shell .explorer-home .explorer-hero::before,
.suprx-explorer-shell .explorer-panel::before {
  content: "";
  position: absolute;
  inset: -35% -18%;
  pointer-events: none;
  background:
    conic-gradient(from 140deg at 50% 50%, transparent, rgba(120, 216, 255, 0.12), transparent, rgba(241, 187, 83, 0.10), transparent),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05), transparent 44%);
  opacity: 0.48;
  animation: suprx-stage-turn 34s linear infinite;
  z-index: 0;
}

.suprx-explorer-shell .explorer-route-hero > *,
.suprx-explorer-shell .explorer-home .explorer-hero > *,
.suprx-explorer-shell .explorer-panel > * {
  position: relative;
  z-index: 1;
}

.suprx-explorer-shell .explorer-route-stage,
.suprx-explorer-shell .explorer-hero-model {
  min-height: 286px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 68% 22%, rgba(255, 226, 154, 0.18), transparent 20%),
    radial-gradient(circle at 36% 74%, rgba(120, 216, 255, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 22%),
    rgba(2, 5, 10, 0.62);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 22px 58px rgba(0,0,0,0.32);
  perspective: 1100px;
  transform-style: preserve-3d;
}

.suprx-explorer-shell .explorer-cube-stage {
  transform-style: preserve-3d;
  transform: rotateX(58deg) rotateZ(-28deg) translateY(8px);
  filter: drop-shadow(0 28px 38px rgba(0,0,0,0.32));
}

.suprx-explorer-shell .explorer-cube,
.suprx-explorer-shell .explorer-cube-base {
  border-radius: 18px !important;
  clip-path: polygon(10% 0, 88% 0, 100% 16%, 100% 84%, 88% 100%, 10% 100%, 0 84%, 0 16%);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 22%),
    linear-gradient(145deg, rgba(255, 230, 155, 0.95), rgba(209, 148, 32, 0.92) 38%, rgba(62, 37, 4, 0.98)) !important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.28),
    inset -12px -12px 24px rgba(65, 36, 2, 0.32),
    0 18px 42px rgba(0,0,0,0.34) !important;
}

.suprx-explorer-shell .explorer-stage-ring,
.suprx-explorer-shell .explorer-stage-lane {
  filter: drop-shadow(0 0 10px rgba(120, 216, 255, 0.22));
}

.suprx-explorer-shell .card,
.suprx-explorer-shell .table-responsive,
.suprx-explorer-shell .explorer-route-stat,
.suprx-explorer-shell .dataTables_wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 22px !important;
  transform-style: preserve-3d;
}

.suprx-explorer-shell .card::before,
.suprx-explorer-shell .table-responsive::before,
.suprx-explorer-shell .explorer-route-stat::before,
.suprx-explorer-shell .dataTables_wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at var(--glow-x, 18%) var(--glow-y, 0%), rgba(255, 226, 154, 0.13), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,0.055), transparent 24%, transparent 72%, rgba(0,0,0,0.18));
  opacity: 0.9;
}

.suprx-explorer-shell .card > *,
.suprx-explorer-shell .table-responsive > *,
.suprx-explorer-shell .explorer-route-stat > *,
.suprx-explorer-shell .dataTables_wrapper > * {
  position: relative;
  z-index: 1;
}

.suprx-explorer-shell .is-tilt {
  transform:
    perspective(1200px)
    rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg))
    translateY(-4px) !important;
}

.suprx-explorer-shell table {
  border-collapse: separate !important;
  border-spacing: 0 7px !important;
}

.suprx-explorer-shell tbody tr {
  background: rgba(255,255,255,0.025) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}

.suprx-explorer-shell tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.suprx-explorer-shell tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

@keyframes suprx-stage-turn {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .suprx-explorer-shell .explorer-route-hero::before,
  .suprx-explorer-shell .explorer-home .explorer-hero::before,
  .suprx-explorer-shell .explorer-panel::before {
    animation: none;
  }
}

@media (max-width: 640px) {
  .suprx-explorer-shell .explorer-route-stage,
  .suprx-explorer-shell .explorer-hero-model {
    min-height: 218px;
  }

  .suprx-explorer-shell .explorer-cube-stage {
    transform: rotateX(54deg) rotateZ(-24deg) scale(0.9);
  }
}

/* END SUPRX dimensional polish 20260514 */

/* SUPRX explorer command deck 20260514b */
.suprx-explorer-shell {
  --deck-bg: rgba(5, 9, 16, 0.76);
  --deck-edge: rgba(255, 255, 255, 0.11);
  --deck-edge-hot: rgba(241, 187, 83, 0.30);
  --deck-glass: rgba(255, 255, 255, 0.045);
  --deck-line: rgba(120, 216, 255, 0.18);
  --deck-green: #8ff0b2;
  background:
    radial-gradient(circle at 16% -8%, rgba(255, 205, 103, 0.14), transparent 36%),
    radial-gradient(circle at 88% 12%, rgba(120, 216, 255, 0.13), transparent 30%),
    radial-gradient(circle at 52% 90%, rgba(241, 187, 83, 0.08), transparent 42%),
    #05080e !important;
}

.suprx-explorer-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 14% 24%, rgba(255,255,255,0.38) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 18%, rgba(255,255,255,0.26) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 68%, rgba(120,216,255,0.28) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 78%, rgba(241,187,83,0.26) 0 1px, transparent 2px);
  background-size: 210px 210px, 300px 300px, 260px 260px, 360px 360px;
  opacity: 0.38;
  animation: suprx-star-drift 36s linear infinite;
}

.suprx-ambient .ambient-starfield {
  position: absolute;
  inset: -20%;
  opacity: 0.22;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.82) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(120,216,255,0.50) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(241,187,83,0.46) 0 1px, transparent 1.8px);
  background-size: 170px 170px, 250px 250px, 330px 330px;
  animation: suprx-star-drift 54s linear infinite;
}

.suprx-ambient .ambient-starfield-b {
  opacity: 0.16;
  transform: rotate(18deg) scale(1.2);
  animation-duration: 82s;
  animation-direction: reverse;
}

.suprx-ambient .ambient-orbit {
  position: absolute;
  width: 540px;
  height: 540px;
  border-radius: 999px;
  border: 1px solid rgba(120,216,255,0.10);
  box-shadow:
    inset 0 0 40px rgba(120,216,255,0.04),
    0 0 80px rgba(241,187,83,0.04);
  transform: rotateX(72deg) rotateZ(-28deg);
}

.suprx-ambient .ambient-orbit-a {
  top: 120px;
  right: -160px;
  animation: suprx-stage-turn 48s linear infinite;
}

.suprx-ambient .ambient-orbit-b {
  left: -220px;
  bottom: 40px;
  width: 420px;
  height: 420px;
  animation: suprx-stage-turn 62s linear infinite reverse;
}

.suprx-explorer-shell .navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background:
    linear-gradient(180deg, rgba(9, 14, 23, 0.94), rgba(6, 10, 17, 0.78)) !important;
  border-bottom: 1px solid rgba(255,255,255,0.075);
  box-shadow:
    0 24px 60px rgba(0,0,0,0.42),
    inset 0 -1px 0 rgba(241,187,83,0.10);
}

.suprx-explorer-shell .navbar .container {
  max-width: 1320px;
}

.suprx-explorer-shell .navbar-brand {
  transform-style: preserve-3d;
}

.suprx-explorer-shell .navbar-brand .header-image {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  transform: perspective(700px) rotateX(8deg) rotateY(-12deg);
  box-shadow:
    0 18px 36px rgba(0,0,0,0.42),
    0 0 34px rgba(241,187,83,0.16),
    inset 0 1px 0 rgba(255,255,255,0.22);
}

.suprx-explorer-shell .navbar-nav .nav-link {
  padding: 0.46rem 0.76rem !important;
  margin: 0 0.05rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
  border: 1px solid rgba(255,255,255,0.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.suprx-explorer-shell .navbar-nav .nav-link:hover,
.suprx-explorer-shell .navbar-nav .nav-link:focus {
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(241,187,83,0.13), rgba(120,216,255,0.04));
  border-color: rgba(241,187,83,0.22);
}

.suprx-explorer-shell .bg-main > .container {
  max-width: 1320px;
}

.suprx-explorer-shell .explorer-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);
  gap: clamp(18px, 3vw, 34px);
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--deck-edge) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(125deg, rgba(255,255,255,0.075), transparent 26%),
    radial-gradient(circle at 22% 12%, rgba(241,187,83,0.20), transparent 30%),
    radial-gradient(circle at 84% 24%, rgba(120,216,255,0.17), transparent 34%),
    linear-gradient(180deg, rgba(7,12,20,0.96), rgba(2,5,10,0.99)) !important;
  box-shadow:
    0 42px 120px rgba(0,0,0,0.54),
    0 0 0 1px rgba(255,255,255,0.025),
    inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 -80px 120px rgba(0,0,0,0.22);
  transform-style: preserve-3d;
}

.suprx-explorer-shell .explorer-hero::after {
  content: "";
  position: absolute;
  inset: auto 24px 18px 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(241,187,83,0.46), rgba(120,216,255,0.20), transparent);
  opacity: 0.85;
}

.suprx-explorer-shell .explorer-hero-copy {
  align-self: center;
  max-width: 710px;
}

.suprx-explorer-shell .explorer-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
  color: #ffdc8c !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.suprx-explorer-shell .explorer-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--deck-green);
  box-shadow: 0 0 18px rgba(143,240,178,0.8);
}

.suprx-explorer-shell .explorer-hero h1 {
  margin: 0;
  font-size: clamp(3.1rem, 8vw, 7.4rem);
  line-height: 0.82;
  letter-spacing: -0.07em;
  text-transform: uppercase;
  color: #fff7df;
  text-shadow:
    0 2px 0 rgba(255,255,255,0.05),
    0 30px 70px rgba(0,0,0,0.50),
    0 0 44px rgba(241,187,83,0.12);
}

.suprx-explorer-shell .explorer-lede,
.suprx-explorer-shell .explorer-route-lede {
  max-width: 760px;
  color: rgba(232,237,245,0.76) !important;
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  line-height: 1.65;
}

.suprx-explorer-shell .explorer-search {
  margin: 22px 0 16px;
  transform: translateZ(24px);
}

.suprx-explorer-shell .explorer-search .input-group {
  padding: 6px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
    rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.09),
    0 18px 48px rgba(0,0,0,0.32);
}

.suprx-explorer-shell .explorer-search .form-control,
.suprx-explorer-shell .navbar .form-control {
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

.suprx-explorer-shell .explorer-search .form-control::placeholder,
.suprx-explorer-shell .navbar .form-control::placeholder {
  color: rgba(210,220,235,0.55);
}

.suprx-explorer-shell .explorer-live-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.suprx-explorer-shell .explorer-live-chip,
.suprx-explorer-shell .explorer-inline-stat {
  min-height: 42px;
  border-radius: 999px;
  padding: 8px 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.022)),
    rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.suprx-explorer-shell .explorer-inline-stat .label,
.suprx-explorer-shell .explorer-command-stat .label {
  display: block;
  color: rgba(180,194,213,0.72);
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.suprx-explorer-shell .explorer-hero-model {
  min-height: 330px;
  overflow: hidden;
  background:
    radial-gradient(circle at 58% 34%, rgba(255,224,150,0.20), transparent 22%),
    radial-gradient(circle at 38% 70%, rgba(120,216,255,0.18), transparent 32%),
    conic-gradient(from 210deg at 50% 58%, rgba(120,216,255,0.08), transparent, rgba(241,187,83,0.12), transparent),
    rgba(1,4,10,0.72) !important;
}

.suprx-explorer-shell .explorer-hero-model::after,
.suprx-explorer-shell .explorer-route-stage::after {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 999px;
  border: 1px solid rgba(120,216,255,0.14);
  transform: rotateX(68deg) rotateZ(-18deg);
  box-shadow:
    0 0 0 26px rgba(255,255,255,0.012),
    0 0 80px rgba(120,216,255,0.12);
  animation: suprx-orbit-breathe 5.5s ease-in-out infinite;
}

.suprx-explorer-shell .explorer-cube-stage {
  transform: rotateX(62deg) rotateZ(-34deg) translateY(6px) translateZ(14px) !important;
}

.suprx-explorer-shell .explorer-cube {
  animation: suprx-block-hover 4.8s ease-in-out infinite;
}

.suprx-explorer-shell .explorer-cube-b {
  animation-delay: -1.1s;
}

.suprx-explorer-shell .explorer-cube-c {
  animation-delay: -2.3s;
}

.suprx-explorer-shell .explorer-cube-d {
  animation-delay: -3.4s;
}

.suprx-explorer-shell .explorer-stage-hud {
  backdrop-filter: blur(12px);
}

.suprx-explorer-shell .explorer-stage-chip {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025)),
    rgba(0,0,0,0.20) !important;
  border-color: rgba(255,255,255,0.11) !important;
}

.suprx-explorer-shell .explorer-route-hero-mining {
  background:
    radial-gradient(circle at 74% 22%, rgba(255, 213, 112, 0.18), transparent 26%),
    radial-gradient(circle at 24% 76%, rgba(120, 216, 255, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(255, 213, 112, 0.06), transparent 38%),
    linear-gradient(180deg, rgba(8, 14, 23, 0.98), rgba(2, 5, 10, 0.99));
}

.suprx-explorer-shell .explorer-route-stage-mining {
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 213, 112, 0.12), transparent 32%),
    radial-gradient(circle at 58% 58%, rgba(120, 216, 255, 0.10), transparent 40%),
    rgba(1, 4, 10, 0.72);
}

.suprx-explorer-shell .explorer-route-stage-mining .explorer-cube-stage {
  opacity: 0.42;
  filter: saturate(1.15) contrast(1.05);
  transform: rotateX(66deg) rotateZ(-29deg) translateY(18px) translateZ(8px) scale(0.86) !important;
}

.suprx-explorer-shell .explorer-route-stage-mining .explorer-cube {
  background:
    linear-gradient(145deg, rgba(255,239,180,0.96), rgba(210,139,32,0.82)) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,0.38),
    0 0 22px rgba(255, 213, 112, 0.18) !important;
}

.suprx-explorer-shell .explorer-route-stage-mining .explorer-stage-ring,
.suprx-explorer-shell .explorer-route-stage-mining .explorer-stage-lane {
  border-color: rgba(255, 213, 112, 0.20) !important;
}

.mining-hash-field {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

.mining-hash-field span {
  position: absolute;
  width: 2px;
  height: 72px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(255, 213, 112, 0.72), rgba(120, 216, 255, 0.04));
  box-shadow: 0 0 18px rgba(255, 213, 112, 0.28);
  opacity: 0.54;
  transform: rotate(32deg);
  animation: suprx-hash-rain 3.8s linear infinite;
}

.mining-hash-field span:nth-child(1) { left: 16%; top: -22%; animation-delay: -0.4s; }
.mining-hash-field span:nth-child(2) { left: 31%; top: -34%; animation-delay: -1.8s; height: 94px; }
.mining-hash-field span:nth-child(3) { left: 48%; top: -18%; animation-delay: -2.7s; }
.mining-hash-field span:nth-child(4) { left: 62%; top: -30%; animation-delay: -0.9s; height: 86px; }
.mining-hash-field span:nth-child(5) { left: 76%; top: -26%; animation-delay: -2.2s; }
.mining-hash-field span:nth-child(6) { left: 88%; top: -36%; animation-delay: -1.2s; height: 104px; }

@keyframes suprx-hash-rain {
  0% {
    transform: translate3d(0, -20%, 0) rotate(32deg);
    opacity: 0;
  }
  14% {
    opacity: 0.62;
  }
  100% {
    transform: translate3d(-82px, 520%, 0) rotate(32deg);
    opacity: 0;
  }
}

.suprx-explorer-shell .explorer-command-readout {
  margin-top: 14px;
  padding: 14px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
    rgba(0,0,0,0.20);
  border: 1px solid rgba(255,255,255,0.085);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 22px 60px rgba(0,0,0,0.28);
}

.suprx-explorer-shell .explorer-command-readout-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.suprx-explorer-shell .explorer-command-readout-head span,
.suprx-explorer-shell .suprx-tool-group h3 {
  color: rgba(180,194,213,0.72);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.suprx-explorer-shell .explorer-command-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.suprx-explorer-shell .explorer-command-stat {
  min-height: 96px;
  padding: 12px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.055), transparent 42%),
    rgba(255,255,255,0.027);
  border: 1px solid rgba(255,255,255,0.07);
}

.suprx-explorer-shell .explorer-command-stat strong {
  display: block;
  margin: 5px 0 3px;
  color: #fff4d2;
  font-size: clamp(1rem, 2vw, 1.32rem);
  line-height: 1.05;
  word-break: break-word;
}

.suprx-explorer-shell .explorer-command-stat small {
  color: rgba(180,194,213,0.72);
  font-weight: 600;
}

.suprx-explorer-shell .explorer-section-shell,
.suprx-explorer-shell .explorer-panel {
  border: 1px solid var(--deck-edge) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(241,187,83,0.11), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.012)),
    rgba(4,8,14,0.78) !important;
}

.suprx-explorer-shell .explorer-section-head {
  gap: 14px;
  margin-bottom: 18px;
}

.suprx-explorer-shell .explorer-section-head h2 {
  color: #fff7df;
  font-size: clamp(1.45rem, 3vw, 2.25rem);
  letter-spacing: -0.04em;
}

.suprx-explorer-shell .explorer-section-head p {
  color: rgba(207,218,233,0.72);
}

.suprx-explorer-shell .explorer-head-links a {
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.075);
  text-decoration: none;
}

.suprx-explorer-shell .summary-row .col,
.suprx-explorer-shell .explorer-snapshot-card,
.suprx-explorer-shell .card,
.suprx-explorer-shell .table-responsive,
.suprx-explorer-shell .dataTables_wrapper,
.suprx-explorer-shell .suprx-command-tile,
.suprx-explorer-shell .suprx-tool-link {
  transform-style: preserve-3d;
  will-change: transform;
}

.suprx-explorer-shell .summary-row .col {
  min-width: 170px;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.012)),
    rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.075) !important;
}

.suprx-explorer-shell .table-responsive {
  border-radius: 28px !important;
  padding: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
    rgba(0,0,0,0.20) !important;
}

.suprx-explorer-shell table thead th {
  color: rgba(255,244,210,0.88) !important;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.suprx-explorer-shell table tbody tr {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.042), rgba(255,255,255,0.018)) !important;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.suprx-explorer-shell table tbody tr:hover {
  transform: translateY(-2px) scale(1.006);
  background:
    linear-gradient(90deg, rgba(241,187,83,0.075), rgba(120,216,255,0.028)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.24);
}

.suprx-explorer-shell table tbody tr.is-fresh {
  box-shadow:
    0 0 0 1px rgba(143,240,178,0.12),
    0 18px 42px rgba(0,0,0,0.22);
}

.suprx-explorer-shell .suprx-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.suprx-explorer-shell .suprx-command-tile {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 98px;
  padding: 13px;
  border-radius: 24px;
  color: var(--suprx-text) !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(241,187,83,0.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.018)),
    rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.085);
  box-shadow:
    0 20px 50px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.07);
}

.suprx-explorer-shell .suprx-command-tile:hover,
.suprx-explorer-shell .suprx-tool-link:hover {
  transform: perspective(900px) rotateX(4deg) rotateY(-4deg) translateY(-4px);
  border-color: var(--deck-edge-hot);
  box-shadow:
    0 30px 70px rgba(0,0,0,0.34),
    0 0 38px rgba(241,187,83,0.08),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

.suprx-explorer-shell .suprx-command-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  color: #ffdc8c;
  background:
    linear-gradient(145deg, rgba(241,187,83,0.18), rgba(120,216,255,0.06)),
    rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.09);
}

.suprx-explorer-shell .suprx-command-copy strong,
.suprx-explorer-shell .suprx-tool-link span {
  display: block;
  color: #fff;
  font-weight: 800;
  line-height: 1.15;
}

.suprx-explorer-shell .suprx-command-copy small {
  display: -webkit-box;
  margin-top: 5px;
  color: rgba(207,218,233,0.68);
  font-size: 0.78rem;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.suprx-explorer-shell .suprx-command-arrow {
  color: rgba(255,220,140,0.72);
}

.suprx-explorer-shell .suprx-tool-groups {
  display: grid;
  gap: 14px;
}

.suprx-explorer-shell .suprx-tool-group {
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.07);
}

.suprx-explorer-shell .suprx-tool-group ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.suprx-explorer-shell .suprx-tool-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 999px;
  color: rgba(232,237,245,0.86) !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.036);
  border: 1px solid rgba(255,255,255,0.07);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.suprx-explorer-shell .suprx-tool-link i {
  color: #ffdc8c;
}

.suprx-explorer-shell .explorer-route-hero {
  margin-bottom: 24px;
  padding: clamp(18px, 3vw, 28px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
  gap: 22px;
}

.suprx-explorer-shell .explorer-route-hero h1 {
  font-size: clamp(2.2rem, 6vw, 4.8rem);
  line-height: 0.94;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.suprx-explorer-shell .explorer-route-stage {
  min-height: 250px;
}

.suprx-explorer-shell .btn-primary {
  color: #171006 !important;
  border: 0 !important;
  background:
    linear-gradient(135deg, #ffe39a, #f1bb53 48%, #c98522) !important;
  box-shadow:
    0 16px 34px rgba(241,187,83,0.18),
    inset 0 1px 0 rgba(255,255,255,0.45);
}

.suprx-explorer-shell .btn-outline-primary {
  color: #ffe3a0 !important;
  border-color: rgba(241,187,83,0.32) !important;
  background: rgba(255,255,255,0.03) !important;
}

.suprx-explorer-shell .btn:hover {
  transform: translateY(-2px);
}

@keyframes suprx-star-drift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-80px, 64px, 0); }
}

@keyframes suprx-orbit-breathe {
  0%, 100% { opacity: 0.42; transform: rotateX(68deg) rotateZ(-18deg) scale(0.94); }
  50% { opacity: 0.86; transform: rotateX(68deg) rotateZ(10deg) scale(1.04); }
}

@keyframes suprx-block-hover {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -8px, 18px); }
}

@media (max-width: 1080px) {
  .suprx-explorer-shell .explorer-hero,
  .suprx-explorer-shell .explorer-route-hero {
    grid-template-columns: 1fr;
  }

  .explorer-asset-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .suprx-explorer-shell .explorer-hero-side,
  .suprx-explorer-shell .explorer-route-side {
    order: -1;
  }
}

@media (max-width: 760px) {
  .suprx-explorer-shell .explorer-hero {
    padding: 16px;
    border-radius: 26px !important;
  }

  .suprx-explorer-shell .explorer-hero h1 {
    font-size: clamp(2.7rem, 16vw, 4.2rem);
  }

  .suprx-explorer-shell .explorer-hero-model {
    min-height: 230px;
  }

  .suprx-explorer-shell .explorer-command-stat-grid,
  .suprx-explorer-shell .suprx-command-grid {
    grid-template-columns: 1fr;
  }

  .suprx-explorer-shell .summary-row {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 8px;
  }

  .suprx-explorer-shell .summary-row .col {
    min-width: 190px;
  }

  .explorer-asset-ribbon {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .suprx-explorer-shell::after,
  .suprx-explorer-shell .explorer-hero-model::after,
  .suprx-explorer-shell .explorer-route-stage::after,
  .suprx-explorer-shell .explorer-cube {
    animation: none !important;
  }
}

.suprx-explorer-shell .suprx-ambient,
.suprx-explorer-shell::after,
.suprx-explorer-shell .explorer-hero::before,
.suprx-explorer-shell .explorer-hero-model,
.suprx-explorer-shell .explorer-route-stage,
.suprx-explorer-shell .explorer-route-hero::before,
.suprx-explorer-shell .explorer-panel::before {
  pointer-events: none !important;
}

.suprx-explorer-shell .explorer-hero a,
.suprx-explorer-shell .explorer-route-hero a,
.suprx-explorer-shell .explorer-panel a,
.suprx-explorer-shell .navbar,
.suprx-explorer-shell .navbar *,
.suprx-explorer-shell .dropdown-menu,
.suprx-explorer-shell .dropdown-menu * {
  pointer-events: auto !important;
}
/* END SUPRX explorer command deck 20260514b */