/* construction-hint.css [205] */
.construction-hint {
  position: fixed; bottom: 76px; right: 20px; z-index: 3100; max-width: 360px;
  display: flex; align-items: flex-start; gap: 12px;
  background: #fef3c7; color: #78350f; border: 1px solid #f0c14b;
  border-left: 4px solid #e0a800; border-radius: 12px; padding: 14px 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,.3); font-size: 13px; line-height: 1.5;
  transform: translateY(20px); opacity: 0; transition: transform .3s, opacity .3s;
}
.construction-hint.show { transform: translateY(0); opacity: 1; }
.construction-hint .ch-icon { font-size: 20px; flex-shrink: 0; }
.construction-hint .ch-text strong { display: block; margin-bottom: 2px; }
.construction-hint .ch-close {
  background: none; border: none; color: #92400e; font-size: 20px; cursor: pointer;
  line-height: 1; flex-shrink: 0; padding: 0 2px;
}
.construction-hint .ch-close:hover { color: #78350f; }
@media (max-width: 600px) { .construction-hint { right: 12px; left: 12px; max-width: none; bottom: 70px; } }