/* Optional details. The control for hiding them belongs in the preview/preferences. */
[data-ui-ornaments="off"] .ui-ornament { display: none !important; }
[hidden].ui-ornament { display: none !important; }
.orn-rail { display: none; }
:root[data-ui-era="rail"] .orn-cart { display: none; }
:root[data-ui-era="rail"] .orn-rail { display: block; }

.orn-emblem { display: grid; place-items: center; margin-inline: auto; color: currentColor; }
.orn-emblem svg { width: 67px; height: 40px; }
.orn-emblem .orn-cart { width: 47px; height: 47px; transform: rotate(-7deg); }
.orn-divider {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  margin-block: 7px;
}
.orn-divider::before, .orn-divider::after {
  content: '';
  height: 1px;
  flex: 1;
  background: color-mix(in srgb,var(--line) 82%,transparent);
}
.orn-divider svg { flex: none; width: 82px; height: 13px; opacity: .82; }

.orn-map-frame { position: relative; }
.orn-map-corners { position: absolute; inset: 5px; pointer-events: none; color: var(--accent-text); }
.orn-map-corners b {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid currentColor;
  opacity: .67;
}
.orn-map-corners b:nth-child(1) { top: 0; left: 0; border-right: 0; border-bottom: 0; }
.orn-map-corners b:nth-child(2) { top: 0; right: 0; border-left: 0; border-bottom: 0; }
.orn-map-corners b:nth-child(3) { bottom: 0; left: 0; border-right: 0; border-top: 0; }
.orn-map-corners b:nth-child(4) { bottom: 0; right: 0; border-left: 0; border-top: 0; }
:root[data-ui-era="rail"] .orn-map-corners b { width: 12px; height: 12px; border-width: 2px; }
:root[data-ui-era="rail"] .orn-map-corners b::after {
  content: '';
  position: absolute;
  inset: 2px;
  width: 2.5px;
  height: 2.5px;
  background: currentColor;
  border-radius: 50%;
}

.orn-finish {
  display: inline-block;
  flex: none;
  margin-inline-start: auto;
  padding: 4px 6px;
  border: 2px double currentColor;
  border-radius: 2px;
  color: var(--accent-text);
  font: 800 .7rem/1.05 var(--f-sign,system-ui);
  letter-spacing: .09em;
  text-transform: uppercase;
}
:root[data-ui-era="cart"] .orn-finish { transform: rotate(-4deg); }
:root[data-ui-era="rail"] .orn-finish {
  background: color-mix(in srgb,var(--accent) 70%,#bda36c);
  color: #241c12;
  border-color: #6d5630;
}