/* GoyoLab 공용 오버레이 — 풍경 위에 은은하게 */
#goyo-nav, #goyo-ctl {
  position: fixed; z-index: 50; display: flex; align-items: center; gap: 10px;
  font: 13px/1 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  opacity: 0.42; transition: opacity 0.8s;
}
#goyo-nav:hover, #goyo-ctl:hover { opacity: 0.95; }
#goyo-nav.gn-hide, #goyo-ctl.gn-hide { opacity: 0; pointer-events: none; }
#goyo-nav { top: 16px; left: 18px; padding: 8px 12px; border-radius: 22px;
  background: rgba(8, 14, 22, 0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
#goyo-nav .gn-home { color: #cfe3ee; text-decoration: none; letter-spacing: 0.28em; font-size: 11px; padding-right: 2px; }
#goyo-nav .gn-sep { width: 1px; height: 14px; background: rgba(255,255,255,0.25); }
#goyo-nav .gn-item { text-decoration: none; font-size: 15px; filter: grayscale(0.7); opacity: 0.7; transition: 0.2s; }
#goyo-nav .gn-item:hover { filter: none; opacity: 1; transform: translateY(-1px); }
#goyo-nav .gn-item.on { filter: none; opacity: 1; }
#goyo-ctl { bottom: 16px; right: 18px; }
#goyo-ctl button {
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18);
  background: rgba(8, 14, 22, 0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  color: #dce9f2; font-size: 16px; cursor: pointer; transition: 0.2s;
}
#goyo-ctl button:hover { background: rgba(20, 34, 50, 0.6); transform: translateY(-1px); }
#goyo-ctl button.on { border-color: rgba(126, 200, 227, 0.7); background: rgba(28, 52, 74, 0.65); box-shadow: 0 0 12px rgba(126, 200, 227, 0.25); }
#goyo-dim {
  position: fixed; inset: 0; z-index: 45; background: #000;
  opacity: 0; pointer-events: none;
  transition: opacity 180s linear;
}
#goyo-dim.fast { transition: opacity 1.2s ease; }
#hint { z-index: 40; }