/* Image map overlay — reference build only. Not part of the design. */
#imap-layer { position: absolute; inset: 0; z-index: 9000; pointer-events: none; }

.imap-badge {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(16, 4, 12, .93);
  border: 1px solid #C8A24C;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  line-height: 1.35;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.imap-name { font-size: 16px; font-weight: 700; color: #F3D98F; letter-spacing: .01em; }
.imap-path { font-size: 13px; color: #cbb7c2; }
.imap-note { font-size: 13px; color: #F8B8D0; font-style: italic; white-space: normal; }

.imap-orn { border-color: #7de0a8; background: rgba(4, 20, 12, .93); }
.imap-orn .imap-name { color: #9BF0C0; }
.imap-vid { border-color: #8fbcff; background: rgba(6, 12, 26, .93); }
.imap-vid .imap-name { color: #B8D4FF; }

#imap-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9500;
  background: #10040c; color: #f2e8ee;
  border-top: 2px solid #C8A24C;
  padding: 14px 20px;
  font: 17px/1.5 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
#imap-bar strong { color: #F3D98F; }
#imap-toggle {
  margin-left: auto;
  font: 600 16px/1 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  background: #C8A24C; color: #2a0a1c; border: none; border-radius: 5px;
  padding: 12px 22px; min-height: 44px; cursor: pointer;
}
#imap-toggle:hover { background: #E4C883; }

body { padding-bottom: 72px; }