/* 갤러리 전용 — style.css 위에 얹힘 */
.tower-title {
  pointer-events: auto; cursor: pointer; text-align: center;
  transition: opacity 0.25s;
}
.tower-title b {
  display: block; font-size: 15px; font-weight: 700; color: var(--ink);
  letter-spacing: 0.02em; text-shadow: 0 1px 8px rgba(4, 6, 10, 0.9);
}
.tower-title span {
  font-size: 11px; color: var(--ink-dim);
}
.tower-title:hover b { color: var(--accent); }
.tower-title.is-dim { opacity: 0.25; }

#site-cards {
  position: fixed; bottom: 64px; left: 50%; transform: translateX(-50%);
  z-index: 10; display: flex; gap: 16px;
}
.site-card {
  display: block; width: 265px; text-decoration: none;
  background: var(--panel); border: 1px solid var(--panel-line);
  border-radius: 14px; padding: 16px 18px; backdrop-filter: blur(14px);
  color: var(--ink); transition: border-color 0.2s, transform 0.15s, box-shadow 0.2s;
}
.site-card:hover, .site-card.is-hot {
  border-color: rgba(111, 202, 184, 0.55);
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 22px rgba(111, 202, 184, 0.1);
}
.sc-eyebrow {
  font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.14em;
  color: var(--ink-faint); margin-bottom: 5px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.site-card h2 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.sc-funnel { display: flex; flex-direction: column; gap: 3px; align-items: center; margin-bottom: 12px; }
.sc-funnel i {
  height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(111, 202, 184, 0.85), rgba(124, 155, 240, 0.55));
}
.site-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin-bottom: 12px; }
.site-card dt { font-size: 10px; letter-spacing: 0.1em; color: var(--ink-faint); }
.site-card dd {
  font-family: "IBM Plex Mono", monospace; font-size: 14px; color: var(--ink);
}
.site-card dd em { font-style: normal; font-size: 10px; color: var(--ink-faint); }
.sc-enter { font-size: 12px; font-weight: 600; color: var(--accent); letter-spacing: 0.04em; }

@media (max-width: 900px) {
  #site-cards { flex-direction: column; bottom: 12px; gap: 8px; }
  .site-card { width: 240px; padding: 12px 14px; }
  .sc-funnel { display: none; }
}