@import url('https://fonts.googleapis.com/css2?family=Electrolize&family=Source+Code+Pro:wght@400;500;600&display=swap');

:root {
  --ax-bg: #03050a;
  --ax-surface: #070b14;
  --ax-panel: #0a101d;
  --ax-card: #0d1423;
  --ax-card-hover: #111c30;
  --ax-line: #17233a;
  --ax-line-hot: #26547a;
  --ax-text: #a8bad2;
  --ax-muted: #687d99;
  --ax-white: #edf7ff;
  --ax-cyan: #00d4ff;
  --ax-cyan-soft: #77eaff;
  --ax-magenta: #ff2d8d;
  --ax-green: #00f59b;
  --ax-yellow: #ffc857;
  --ax-radius: 10px;
  --ax-shadow: 0 18px 60px rgba(0, 0, 0, .35);
  --dm-base-body-bg-color: var(--ax-bg);
  --dm-base-text-color: var(--ax-text);
  --dm-navbar-bg-color: var(--ax-surface);
  --dm-navbar-border-color: var(--ax-line);
  --dm-sidebar-bg-color: var(--ax-surface);
  --dm-sidebar-border-color: var(--ax-line);
  --dm-card-bg-color: var(--ax-card);
  --dm-card-border-color: var(--ax-line);
  --dm-link-text-color: var(--ax-cyan);
  --lm-base-body-bg-color: var(--ax-bg);
  --lm-base-text-color: var(--ax-text);
  --lm-navbar-bg-color: var(--ax-surface);
  --lm-navbar-border-color: var(--ax-line);
  --lm-sidebar-bg-color: var(--ax-surface);
  --lm-sidebar-border-color: var(--ax-line);
  --lm-card-bg-color: var(--ax-card);
  --lm-card-border-color: var(--ax-line);
  --lm-link-text-color: var(--ax-cyan);
}

html { color-scheme: dark; background: var(--ax-bg); }

html, body, button, input, textarea, select {
  font-family: 'Source Code Pro', ui-monospace, SFMono-Regular, Consolas, monospace !important;
}

body {
  color: var(--ax-text) !important;
  background:
    radial-gradient(circle at 76% 8%, rgba(0, 212, 255, .07), transparent 25rem),
    linear-gradient(rgba(0, 212, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, .018) 1px, transparent 1px),
    var(--ax-bg) !important;
  background-size: auto, 56px 56px, 56px 56px, auto !important;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0, 0, 0, .055) 3px 4px);
  opacity: .55;
}

.page-wrapper, .content-wrapper { background: transparent !important; }

.navbar {
  background: rgba(7, 11, 20, .94) !important;
  border-bottom: 1px solid var(--ax-line) !important;
  box-shadow: 0 8px 35px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(15px);
}

.navbar::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent 5%, var(--ax-cyan) 45%, var(--ax-magenta) 70%, transparent 95%);
  opacity: .6;
}

.navbar-brand {
  gap: 10px;
  color: var(--ax-white) !important;
  font-family: 'Electrolize', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}

#site_logo {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain;
  filter: drop-shadow(0 0 9px rgba(0, 212, 255, .45));
}

.top-search input {
  min-width: 250px;
  background: rgba(3, 5, 10, .78) !important;
  border: 1px solid var(--ax-line) !important;
}

.sidebar {
  background: rgba(7, 11, 20, .97) !important;
  border-right: 1px solid var(--ax-line) !important;
  box-shadow: 16px 0 50px rgba(0, 0, 0, .2);
}

.sidebar-menu { padding: 12px 9px 24px !important; }

.sidebar-link {
  color: var(--ax-muted) !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  letter-spacing: .015em;
  transition: color .16s, background .16s, border-color .16s, transform .16s !important;
}

.sidebar-link:hover, .sidebar-link:focus, .sidebar-link.sidebar-active, .ax-nav-link.is-active {
  color: var(--ax-white) !important;
  background: linear-gradient(90deg, rgba(0, 212, 255, .11), rgba(0, 212, 255, .025)) !important;
  border-color: rgba(0, 212, 255, .2) !important;
  text-decoration: none !important;
}

.sidebar-icon { color: var(--ax-cyan) !important; opacity: .78; }

.ax-global-nav {
  margin: 8px 0 14px;
  padding: 12px 0 8px;
  border-top: 1px solid var(--ax-line);
  border-bottom: 1px solid var(--ax-line);
}

.ax-nav-label {
  margin: 11px 12px 5px;
  color: #405675;
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.ax-nav-link {
  display: flex !important;
  align-items: center;
  gap: 9px;
  margin: 1px 0;
  padding: 7px 11px !important;
  font-size: .8rem;
}

.ax-nav-link i { width: 16px; color: var(--ax-cyan); text-align: center; opacity: .76; }
.ax-nav-link[data-tone='magenta'] i { color: var(--ax-magenta); }
.ax-nav-link[data-tone='green'] i { color: var(--ax-green); }

.ax-sidebar-footer {
  margin: 16px 10px 2px;
  padding: 12px;
  border: 1px solid var(--ax-line);
  color: #4b617e;
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(0, 212, 255, .025);
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
}

.collapse-header {
  color: var(--ax-muted) !important;
  font-family: 'Electrolize', sans-serif !important;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.collapse-content { background: rgba(10, 16, 29, .65) !important; border-color: var(--ax-line) !important; }
.parent-sidebar-menu a { color: var(--ax-muted) !important; }
.parent-sidebar-menu a:hover { color: var(--ax-cyan) !important; }

.content-wrapper .container-fluid { max-width: 1500px; }
.content { color: var(--ax-text) !important; }
.page { color: var(--ax-text) !important; font-size: .96rem; line-height: 1.78 !important; }
.page > p { max-width: 84ch; }

h1, h2, h3, h4, h5, h6 {
  color: var(--ax-white) !important;
  font-family: 'Electrolize', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
}

h1 { font-size: clamp(2rem, 5vw, 3.3rem) !important; border: 0 !important; }
h2 { margin-top: 2.4rem !important; padding-bottom: .55rem; border-bottom: 1px solid var(--ax-line); font-size: 1.55rem !important; }
h3 { color: var(--ax-cyan-soft) !important; font-size: 1.15rem !important; }

a, a:visited { color: var(--ax-cyan) !important; text-decoration: none !important; }
a:hover { color: var(--ax-cyan-soft) !important; text-decoration: none !important; }
.anchor { opacity: 0; transition: opacity .15s; }
h1:hover .anchor, h2:hover .anchor, h3:hover .anchor { opacity: .65; }

.breadcrumb {
  margin-bottom: 1.5rem !important;
  padding: .5rem 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--ax-line) !important;
}

.breadcrumb-item, .breadcrumb-item a { color: #4c6380 !important; font-size: .72rem !important; }

.btn {
  border-radius: 5px !important;
  font-size: .78rem !important;
  letter-spacing: .05em;
}

.btn-primary, .btn-success {
  color: #001016 !important;
  background: var(--ax-cyan) !important;
  border-color: var(--ax-cyan) !important;
  box-shadow: 0 0 20px rgba(0, 212, 255, .16);
}

.btn-primary:hover, .btn-success:hover { background: var(--ax-cyan-soft) !important; box-shadow: 0 0 24px rgba(0, 212, 255, .35); }
.btn-action { color: var(--ax-muted) !important; background: transparent !important; border-color: var(--ax-line) !important; }
.btn-action:hover { color: var(--ax-cyan) !important; border-color: var(--ax-cyan) !important; }

.form-control, input, textarea, select, .CodeMirror {
  color: var(--ax-text) !important;
  background: var(--ax-panel) !important;
  border-color: var(--ax-line) !important;
}

.form-control:focus, input:focus, textarea:focus { border-color: var(--ax-cyan) !important; box-shadow: 0 0 0 3px rgba(0, 212, 255, .1) !important; }

.card, .dropdown-menu, .modal-content, .modal-dialog {
  color: var(--ax-text) !important;
  background: var(--ax-card) !important;
  border-color: var(--ax-line) !important;
  box-shadow: var(--ax-shadow) !important;
}

table { width: 100% !important; overflow: hidden; background: rgba(10, 16, 29, .75) !important; border: 1px solid var(--ax-line) !important; border-radius: 7px; }
th { color: var(--ax-white) !important; background: rgba(0, 212, 255, .065) !important; border-color: var(--ax-line) !important; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }
td { color: var(--ax-text) !important; border-color: var(--ax-line) !important; }
tr:hover td { background: rgba(0, 212, 255, .025) !important; }

code, kbd, samp { color: var(--ax-cyan-soft) !important; background: var(--ax-panel) !important; border: 1px solid var(--ax-line) !important; border-radius: 4px; }
pre { padding: 1rem !important; background: #060b14 !important; border: 1px solid var(--ax-line) !important; border-left: 3px solid var(--ax-cyan) !important; border-radius: 7px !important; }
pre code { color: var(--ax-text) !important; background: transparent !important; border: 0 !important; }

.quote-alert, .alert {
  margin: 1.25rem 0 !important;
  padding: 1rem 1.1rem !important;
  color: var(--ax-text) !important;
  background: rgba(0, 212, 255, .045) !important;
  border: 1px solid rgba(0, 212, 255, .22) !important;
  border-left: 3px solid var(--ax-cyan) !important;
  border-radius: 6px !important;
}

.quote-alert-warning, .quote-alert-important { background: rgba(255, 200, 87, .045) !important; border-color: rgba(255, 200, 87, .25) !important; border-left-color: var(--ax-yellow) !important; }
.quote-alert-tip { background: rgba(0, 245, 155, .045) !important; border-color: rgba(0, 245, 155, .25) !important; border-left-color: var(--ax-green) !important; }
.quote-alert-header { color: var(--ax-white) !important; font-family: 'Electrolize', sans-serif; letter-spacing: .06em; text-transform: uppercase; }

.infobox { background: var(--ax-card) !important; border-color: var(--ax-line-hot) !important; }
.page hr { margin: 2rem 0 !important; border-color: var(--ax-line) !important; }

body[data-page-path="home"] .page > h1:first-child, body[data-page-path="home"] .page > h1:first-child + p { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.docs-hero {
  position: relative;
  isolation: isolate;
  min-height: 390px;
  margin: 0 0 2.5rem;
  padding: clamp(2rem, 6vw, 4.8rem);
  overflow: hidden;
  border: 1px solid var(--ax-line-hot);
  background:
    radial-gradient(circle at 80% 25%, rgba(255, 45, 141, .13), transparent 25%),
    radial-gradient(circle at 75% 70%, rgba(0, 212, 255, .14), transparent 32%),
    linear-gradient(135deg, rgba(13, 20, 35, .98), rgba(3, 5, 10, .94));
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.docs-hero::before {
  content: 'AX // KNOWLEDGE SYSTEM';
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  color: rgba(119, 234, 255, .34);
  font-size: .68rem;
  letter-spacing: .2em;
}

.docs-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 330px;
  right: -70px;
  bottom: -100px;
  border: 1px solid rgba(0, 212, 255, .23);
  transform: rotate(45deg);
  box-shadow: inset 0 0 50px rgba(0, 212, 255, .04), 0 0 50px rgba(0, 212, 255, .04);
}

.docs-kicker { margin: 0 0 1rem; color: var(--ax-cyan); font-size: .74rem; letter-spacing: .2em; text-transform: uppercase; }
.docs-hero h1 { max-width: 800px; margin: 0 0 1rem !important; line-height: 1.05; }
.docs-hero h1 span { color: var(--ax-cyan); text-shadow: 0 0 22px rgba(0, 212, 255, .28); }
.docs-hero-copy { max-width: 720px; color: var(--ax-text); font-size: clamp(.95rem, 2vw, 1.08rem); }
.docs-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2rem; }

.docs-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: .78rem 1.1rem;
  color: #001016 !important;
  background: var(--ax-cyan);
  border: 1px solid var(--ax-cyan);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
}

.docs-button:hover { color: #001016 !important; background: var(--ax-cyan-soft); }
.docs-button.is-secondary { color: var(--ax-cyan) !important; background: transparent; }
.docs-button.is-secondary:hover { color: var(--ax-white) !important; background: rgba(0, 212, 255, .08); }

.docs-status-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: -1.2rem 1.2rem 2.8rem; border: 1px solid var(--ax-line); background: rgba(7, 11, 20, .95); }
.docs-status { padding: .9rem 1rem; border-right: 1px solid var(--ax-line); }
.docs-status:last-child { border-right: 0; }
.docs-status strong { display: block; color: var(--ax-white); font-family: 'Electrolize', sans-serif; font-size: .86rem; font-weight: 400; }
.docs-status span { color: #4f6683; font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; }
.docs-status .is-live { color: var(--ax-green); }

.docs-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.8rem 0 1rem; }
.docs-section-heading h2 { margin: 0 !important; border: 0; }
.docs-section-heading p { margin: 0; color: var(--ax-muted); font-size: .78rem; }

.docs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.docs-card {
  position: relative;
  color: var(--ax-white) !important;
  font-family: Electrolize, sans-serif;
  font-size: 1.15rem;
  letter-spacing: .035em;
  display: block;
  min-height: 165px;
  padding: 4.7rem 1.35rem 1.35rem;
  overflow: hidden;
  color: var(--ax-white) !important;
  background: linear-gradient(145deg, rgba(13, 20, 35, .95), rgba(7, 11, 20, .95));
  border: 1px solid var(--ax-line);
  border-radius: var(--ax-radius);
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s;
}

.docs-card::before { content: "AX"; position: absolute; left: 1.35rem; top: 1.25rem; display: grid; place-items: center; width: 34px; height: 34px; color: var(--ax-cyan); background: rgba(0, 212, 255, .08); border: 1px solid rgba(0, 212, 255, .2); border-radius: 6px; font: 600 .66rem Source Code Pro, monospace; }
.docs-card::after { content: attr(data-description); display: block; margin-top: .55rem; color: var(--ax-muted); font: 400 .78rem/1.6 Source Code Pro, monospace; letter-spacing: 0; }
.docs-card:hover { transform: translateY(-3px); color: var(--ax-text) !important; background: var(--ax-card-hover); border-color: rgba(0, 212, 255, .4); box-shadow: 0 14px 35px rgba(0, 0, 0, .3), 0 0 26px rgba(0, 212, 255, .055); }
.docs-card-icon { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 1rem; color: var(--ax-cyan); background: rgba(0, 212, 255, .08); border: 1px solid rgba(0, 212, 255, .2); border-radius: 6px; }
.docs-card h3 { margin: 0 0 .5rem !important; color: var(--ax-white) !important; }
.docs-card p { margin: 0; color: var(--ax-muted) !important; font-size: .78rem; line-height: 1.6; }
.docs-card[data-tone="magenta"]::before { color: var(--ax-magenta); border-color: rgba(255, 45, 141, .25); background: rgba(255, 45, 141, .07); }
.docs-card[data-tone="green"]::before { color: var(--ax-green); border-color: rgba(0, 245, 155, .25); background: rgba(0, 245, 155, .07); }
.docs-card[data-tone="magenta"] { border-top-color: rgba(255, 45, 141, .6); }
.docs-card[data-tone='magenta'] .docs-card-icon { color: var(--ax-magenta); background: rgba(255, 45, 141, .07); border-color: rgba(255, 45, 141, .2); }
.docs-card[data-tone='green'] { border-top-color: rgba(0, 245, 155, .55); }
.docs-card[data-tone='green'] .docs-card-icon { color: var(--ax-green); background: rgba(0, 245, 155, .07); border-color: rgba(0, 245, 155, .2); }

.docs-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.docs-path { padding: 1.2rem; background: rgba(10, 16, 29, .72); border: 1px solid var(--ax-line); border-left: 2px solid var(--ax-cyan); }
.docs-path strong { display: block; margin-bottom: .7rem; color: var(--ax-white); font-family: 'Electrolize', sans-serif; font-weight: 400; }
.docs-path a { display: block; padding: .24rem 0; color: var(--ax-muted) !important; font-size: .76rem; }
.docs-path a:hover { color: var(--ax-cyan) !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--ax-bg); }
::-webkit-scrollbar-thumb { background: #1b2a42; border: 2px solid var(--ax-bg); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--ax-line-hot); }

@media (max-width: 991px) {
  .docs-grid, .docs-paths { grid-template-columns: repeat(2, 1fr); }
  .docs-status-strip { grid-template-columns: repeat(2, 1fr); }
  .docs-status:nth-child(2) { border-right: 0; }
  .docs-status:nth-child(-n+2) { border-bottom: 1px solid var(--ax-line); }
  .top-search input { min-width: 150px; }
}

@media (max-width: 575px) {
  body::after { display: none; }
  .docs-hero { min-height: auto; margin-inline: -.5rem; padding: 2.2rem 1.35rem; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
  .docs-hero::before { display: none; }
  .docs-hero h1 { font-size: 2.1rem !important; }
  .docs-status-strip { margin-inline: 0; }
  .docs-grid, .docs-paths { grid-template-columns: 1fr; }
  .docs-section-heading { display: block; }
  .docs-section-heading p { margin-top: .45rem; }
  .top-search { display: none; }
  .navbar-brand { letter-spacing: .08em !important; }
  .page { font-size: .9rem; }
  .infobox-float-right { float: none !important; width: 100% !important; margin: 1rem 0 !important; }
}

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


/* Section theme: AeThex Foundation */
body.theme-foundation {
  color-scheme: light;
  --ax-bg: #f7f8fb; --ax-surface: #ffffff; --ax-panel: #f2f4f8; --ax-card: #ffffff; --ax-card-hover: #fff7f7;
  --ax-line: #e2e6ed; --ax-line-hot: #dc2626; --ax-text: #344054; --ax-muted: #667085; --ax-white: #111827;
  --ax-cyan: #dc2626; --ax-cyan-soft: #ef4444; --ax-magenta: #991b1b; --ax-green: #15803d;
  --ax-shadow: 0 18px 55px rgba(17, 24, 39, .09);
  background: radial-gradient(circle at 76% 8%, rgba(220, 38, 38, .06), transparent 25rem), #f7f8fb !important;
}
body.theme-foundation::after { display: none; }
body.theme-foundation .navbar, body.theme-foundation .sidebar { background: rgba(255, 255, 255, .97) !important; }
body.theme-foundation .navbar::after { background: linear-gradient(90deg, transparent, #dc2626, transparent); }
body.theme-foundation .page::before { content: "AETHEX FOUNDATION // STEWARDSHIP"; color: #dc2626; }
body.theme-foundation table, body.theme-foundation .collapse-content { background: #fff !important; }
body.theme-foundation th { background: #fff1f2 !important; }
body.theme-foundation .quote-alert { background: #fff7f7 !important; }
body.theme-foundation .ax-sidebar-footer { background: #fff7f7; }


/* Section theme: AeThex Labs */
body.theme-labs {
  --ax-bg: #070704; --ax-surface: #0d0c07; --ax-panel: #141208; --ax-card: #19160a; --ax-card-hover: #211d0c;
  --ax-line: #302912; --ax-line-hot: #facc15; --ax-text: #c8bf9d; --ax-muted: #887d55; --ax-white: #fff8d6;
  --ax-cyan: #facc15; --ax-cyan-soft: #fde047; --ax-magenta: #fb923c; --ax-green: #a3e635;
  background: radial-gradient(circle at 76% 8%, rgba(250, 204, 21, .09), transparent 27rem), linear-gradient(rgba(250, 204, 21, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(250, 204, 21, .025) 1px, transparent 1px), #070704 !important;
  background-size: auto, 44px 44px, 44px 44px, auto !important;
}
body.theme-labs .navbar::after { background: linear-gradient(90deg, transparent, #facc15 45%, #fb923c 75%, transparent); }
body.theme-labs .page::before { content: "AETHEX LABS // EXPERIMENTAL SYSTEMS"; color: #facc15; }

/* Section theme: AeThex GameForge */
body.theme-gameforge {
  --ax-bg: #06050f; --ax-surface: #0b0918; --ax-panel: #100d24; --ax-card: #15102d; --ax-card-hover: #1c1640;
  --ax-line: #27204c; --ax-line-hot: #8b5cf6; --ax-text: #b8b2d6; --ax-muted: #746d9a; --ax-white: #f3f0ff;
  --ax-cyan: #8b5cf6; --ax-cyan-soft: #a78bfa; --ax-magenta: #22d3ee; --ax-green: #34d399;
  background: radial-gradient(circle at 75% 10%, rgba(34, 211, 238, .1), transparent 24rem), radial-gradient(circle at 20% 75%, rgba(139, 92, 246, .11), transparent 28rem), linear-gradient(rgba(139, 92, 246, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(139, 92, 246, .025) 1px, transparent 1px), #06050f !important;
  background-size: auto, auto, 48px 48px, 48px 48px, auto !important;
}
body.theme-gameforge .navbar::after { background: linear-gradient(90deg, transparent, #8b5cf6 40%, #22d3ee 72%, transparent); }
body.theme-gameforge .page::before { content: "AETHEX GAMEFORGE // CREATOR PLATFORM"; color: #22d3ee; }

body.theme-foundation .page::before,
body.theme-labs .page::before,
body.theme-gameforge .page::before {
  display: block; margin: 0 0 1rem; font: 600 .68rem/1.4 "Source Code Pro", monospace; letter-spacing: .16em;
}


/* AeThex animated sidebar globe */
.ax-sidebar-globe {
  flex: 0 0 auto;
  width: 100%;
  padding: 12px 12px 15px;
  border-top: 1px solid var(--ax-line);
  background: linear-gradient(180deg, transparent, rgba(0, 212, 255, .025));
}
.ax-globe-frame {
  position: relative;
  width: 200px;
  height: 200px;
  max-width: 100%;
  margin: 0 auto 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--ax-cyan) 28%, transparent);
  background: var(--ax-bg);
  clip-path: polygon(0 12px, 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: inset 0 0 28px color-mix(in srgb, var(--ax-cyan) 8%, transparent), 0 0 24px color-mix(in srgb, var(--ax-cyan) 7%, transparent);
}
.ax-globe-stage { position: relative; width: 200px; height: 200px; transform-origin: top left; }
.ax-globe-stage canvas { position: absolute; inset: 0; width: 200px; height: 200px; }
.ax-globe-panel, .ax-globe-scan { position: absolute; inset: 0; pointer-events: none; }
.ax-globe-panel {
  background: repeating-linear-gradient(0deg, transparent 0 49px, color-mix(in srgb, var(--ax-cyan) 5%, transparent) 49px 50px), repeating-linear-gradient(90deg, transparent 0 49px, color-mix(in srgb, var(--ax-cyan) 5%, transparent) 49px 50px), radial-gradient(circle, color-mix(in srgb, var(--ax-cyan) 6%, transparent), transparent 70%);
}
.ax-globe-scan { background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--ax-cyan) 4%, transparent) 0 1px, transparent 1px 3px); }
body.theme-foundation .ax-globe-scan { opacity: .25; }
body.theme-foundation .ax-globe-panel { background: radial-gradient(circle at 75% 20%, rgba(220, 38, 38, .07), transparent 60%); }
.ax-globe-error .ax-globe-frame::after { content: "NETWORK OFFLINE"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--ax-muted); font-size: .65rem; letter-spacing: .12em; }
.ax-globe-label {
  display: block;
  padding: 7px 9px;
  border: 1px solid transparent;
  text-align: center;
  text-transform: uppercase;
}
.ax-globe-label:hover { border-color: var(--ax-line-hot); background: color-mix(in srgb, var(--ax-cyan) 5%, transparent); }
.ax-globe-label strong {
  display: block;
  color: var(--ax-white);
  font: 400 .78rem/1.4 "Electrolize", sans-serif;
  letter-spacing: .16em;
}
.ax-globe-label span {
  display: block;
  margin-top: 3px;
  color: var(--ax-muted);
  font: 500 .58rem/1.4 "Source Code Pro", monospace;
  letter-spacing: .08em;
}
body.theme-foundation .ax-sidebar-globe { background: linear-gradient(180deg, transparent, rgba(220, 38, 38, .035)); }
body.theme-foundation .ax-globe-frame { border-radius: 12px; clip-path: none; }
@media (max-height: 760px) and (min-width: 769px) {
  .ax-globe-frame { width: 150px; height: 150px; }
  .ax-globe-stage { transform: scale(.75); }
}

.sidebar-otter { display: none !important; }