html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent !important;
}

body {
  min-width: 0;
}

.root {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  background: transparent !important;
}

.root > .themebtn,
.root .rail {
  display: none !important;
}

.root > .card {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.root .hero {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: visible;
}

.root .stage {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.root .stage svg {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  will-change: transform, filter;
}

.oqtrix-visual-root .stage svg {
  transform: scale(.98);
  filter: contrast(1.15) saturate(1.1);
}

.adversyn-visual-root .stage svg {
  transform: scale(.98);
  filter: contrast(1.17) saturate(1.14);
}

.tracefold-visual-root .stage svg {
  transform: scale(.98);
  filter: contrast(1.18) saturate(1.14);
}

.oqtrix-visual-root[data-theme="light"] {
  --mut: #315f47 !important;
  --wire: #799f89 !important;
  --wire-hi: #56846a !important;
}

.oqtrix-visual-root[data-theme="dark"] {
  --mut: #bdd0c3 !important;
  --wire: #4a705a !important;
  --wire-hi: #76b58f !important;
}

.adversyn-visual-root[data-theme="light"] {
  --mut: #4f4a5c !important;
  --lane: #8c8794 !important;
}

.adversyn-visual-root[data-theme="dark"] {
  --mut: #c3bdca !important;
  --lane: #5c5669 !important;
}

.tracefold-visual-root[data-theme="light"] {
  --mut: #4c4a61 !important;
  --wire: #8e8a7e !important;
}

.tracefold-visual-root[data-theme="dark"] {
  --mut: #c2c0d1 !important;
  --wire: #5b5b74 !important;
}

.oqtrix-visual-root[data-theme="dark"] .stage svg {
  filter: contrast(1.1) saturate(1.12) brightness(1.08);
}

.adversyn-visual-root[data-theme="dark"] .stage svg {
  filter: contrast(1.1) saturate(1.16) brightness(1.1);
}

.tracefold-visual-root[data-theme="dark"] .stage svg {
  filter: contrast(1.1) saturate(1.14) brightness(1.08);
}

@media (max-width: 700px) {
  .oqtrix-visual-root .stage svg,
  .adversyn-visual-root .stage svg,
  .tracefold-visual-root .stage svg {
    transform: scale(.96);
  }
}