/* Match the item page: quiet surfaces, Space Grotesk headings, halftone text. */
.multiverse-viewer[hidden] { display: none !important; }
/* Let the pack hero fit its content instead of reserving a viewport-height row. */
body.item-template-page:has(#multiverse-viewer:not([hidden])) .item-hero-template {
  min-height: 0 !important;
  height: auto !important;
  background: #080e11 !important;
}
body.item-template-page:has(#multiverse-viewer:not([hidden])) .item-info-panel,
body.item-template-page:has(#multiverse-viewer:not([hidden])) .item-gallery-panel {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 24px !important;
  background: transparent !important;
  border: 0 !important;
}
body.item-template-page:has(#multiverse-viewer:not([hidden])) .item-gallery-panel {
  justify-content: flex-start !important;
}
.multiverse-viewer {
  margin: 0 0 24px;
  padding: 28px clamp(18px, 4vw, 54px) 40px;
  background: #0c121b;
  color: var(--item-text, #f4f4ef);
  scroll-margin-top: 80px;
}
.multiverse-viewer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .9fr);
  gap: 28px;
  align-items: start;
}
.multiverse-viewer__map { min-width: 0; }
.multiverse-viewer__canvas {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--item-line, rgba(255,255,255,.12));
  border-radius: 10px;
  background: #26262d;
}
.multiverse-viewer__canvas > img { display: block; width: 100%; height: auto; }
.multiverse-viewer__canvas-stamp {
  position: absolute;
  top: 6%;
  left: 5%;
  z-index: 2;
  margin: 0;
  padding: 0;
  font-family: 'Space Grotesk', Geist, sans-serif;
  font-size: clamp(22px, 2.6vw, 36px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.035em;
  color: #eceaff;
  background-image:
    linear-gradient(110deg, #f4f1ff 6%, rgba(244,241,255,.9) 20%, transparent 72%),
    radial-gradient(circle, #26262d .9px, transparent 1.35px),
    linear-gradient(105deg, #a7ecff 15%, #69dcff 38%, #bf8aff 63%, #ff68c7 100%);
  background-size: 100% 100%, 3.5px 3.5px, 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.multiverse-viewer__canvas-stamp::before,
.multiverse-viewer__canvas-stamp::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-text-fill-color: currentColor;
  opacity: 0;
  mix-blend-mode: screen;
}
.multiverse-viewer__canvas-stamp::before { color: rgba(80,220,255,.35); animation: mvTitleGlitchA 7.8s steps(1) infinite; }
.multiverse-viewer__canvas-stamp::after { color: rgba(255,70,190,.3); animation: mvTitleGlitchB 7.8s steps(1) infinite; }
.multiverse-viewer__node {
  position: absolute;
  z-index: 3;
  left: 40.7%;
  width: 17.7%;
  height: 8.3%;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.multiverse-viewer__node[data-viewer-tool="hyperglow"] { top: 15.4%; }
.multiverse-viewer__node[data-viewer-tool="multiglitch"] { top: 36%; }
.multiverse-viewer__node[data-viewer-tool="omdiffusion"] { top: 56.6%; }
.multiverse-viewer__node[data-viewer-tool="multiverse"] { top: 77.2%; }
.multiverse-viewer__node::after {
  content: attr(data-number);
  position: absolute;
  top: 50%;
  right: -26px;
  color: rgba(244,244,239,.45);
  font: 500 12px/1 'Space Grotesk', Geist, sans-serif;
  transform: translateY(-50%);
}
.multiverse-viewer__node:hover,
.multiverse-viewer__node:focus-visible,
.multiverse-viewer__node.is-active {
  border-color: rgba(166,211,229,.7);
  background: rgba(166,211,229,.045);
  outline: none;
}
.multiverse-viewer__node:focus-visible { outline: 2px solid #d5e9f0; outline-offset: 3px; }
.multiverse-viewer__node.is-active::after { color: #d5e9f0; }
.multiverse-viewer__detail { min-width: 0; }
.multiverse-viewer__detail-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 15px;
}
.multiverse-viewer__detail-number { color: var(--item-muted, rgba(244,244,239,.55)); font-size: 14px; }
.multiverse-viewer__detail h3 {
  margin: 0;
  color: var(--item-text, #f4f4ef);
  font: 700 22px/1.2 'Space Grotesk', Geist, sans-serif;
  letter-spacing: -.025em;
}
.multiverse-viewer__settings-frame {
  height: clamp(320px, 34vw, 490px);
  overflow: auto;
  border: 1px solid var(--item-line, rgba(255,255,255,.12));
  border-radius: 8px;
  background: #25262c;
  scrollbar-color: #69717a #25262c;
  scrollbar-width: thin;
}
.multiverse-viewer__settings-frame img { display: block; width: 100%; height: auto; }
@media (max-width: 800px) {
  .multiverse-viewer__grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .multiverse-viewer__settings-frame { height: 430px; }
}
@media (max-width: 560px) {
  .multiverse-viewer { margin: 0 0 20px; padding: 20px 18px 32px; }
  .multiverse-viewer__canvas-stamp { font-size: 22px; }
  .multiverse-viewer__node { left: 39%; width: 21%; height: 11%; margin-top: -1%; }
  .multiverse-viewer__node::after { right: -20px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .multiverse-viewer__node { transition: none; }
  .multiverse-viewer__canvas-stamp::before,
  .multiverse-viewer__canvas-stamp::after { animation: none; }
}

/* A separate floating layer keeps node previews above gallery controls. */
.multiverse-viewer__hover-preview {
  position: absolute;
  z-index: 1000;
  top: var(--preview-top, 0px);
  left: var(--preview-left, 0px);
  width: var(--preview-width, 504px);
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
  opacity: 0;
  pointer-events: none;
  transform: translate(8px, -50%) scale(.975);
  transition: opacity .18s ease, transform .18s ease;
}
.multiverse-viewer__hover-preview.is-visible {
  opacity: 1;
  transform: translate(0, -50%) scale(1);
}
.multiverse-viewer__hover-preview img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 810px;
  object-fit: contain;
  border-radius: 3px;
}
.multiverse-viewer__hover-label {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 8px;
  margin: 0;
  color: rgba(244, 244, 239, .72);
  font: 600 10px/1.1 'Space Grotesk', Geist, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .9);
}
.multiverse-viewer__hover-preview.is-player-preview {
  top: var(--preview-top, 0px);
  left: var(--preview-left, 0px);
  width: var(--preview-width, 100%);
  height: var(--preview-height, auto);
  max-height: none;
  border-radius: 2px;
  transform: none;
  z-index: 20;
  transition: opacity .18s ease;
}
.multiverse-viewer__hover-preview.is-player-preview.is-visible { transform: none; }
.multiverse-viewer__hover-preview.is-player-preview img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: 2px;
}
.multiverse-viewer__hover-preview.is-player-preview .multiverse-viewer__hover-label {
  top: 12px;
  left: 14px;
  font-size: 12px;
}
@media (max-width: 560px) {
  .multiverse-viewer__hover-preview { max-width: 87vw; }
}
@media (prefers-reduced-motion: reduce) {
  .multiverse-viewer__hover-preview { transition: none; }
}