* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  background: #090a09; /* 保留原背景色 */
  font-family: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  overflow: hidden;
  /* 确保 body 没有默认边距，方便 canvas 全屏 */
  margin: 0;
}

/* 通用 Canvas 样式 */
canvas {
  display: block;
  /* 注意：原 CSS 为 fixed，原 HTML 内联为 absolute。
     为了配合 z-index 堆叠，这里保留 fixed 但通过下面的 ID 选择器覆盖特定行为 */
  position: fixed;
  top: 0;
  left: 0;
}

/* 强制两个 canvas 重叠并全屏 - 来自原 index.html 内联样式 */
#c, #field {
  position: absolute; /* 覆盖通用的 fixed，使用 absolute 配合 z-index 更直观 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* 山脉背景在下层 */
#c {
  z-index: 1;
}

/* 3D 网格在上层 */
#field {
  z-index: 2;
  pointer-events: auto; /* 确保网格可以接收鼠标事件 */
  cursor: crosshair;
  touch-action: none;
}

/* UI 层在最上层 */
.ui {
  position: absolute; /* 原内联为 absolute，原 CSS 为 fixed。这里统一用 absolute 配合父级 body */
  z-index: 3;
  pointer-events: none; /* 让点击穿透 UI 到下面的 canvas */

  /* 合并原 .ui 的布局样式 */
  inset: 0;
  padding: 28px 32px;
  display: flex;
  align-items: flex-end;
}

.hint {
  color: #5d6058;
  font-size: 13px;
  letter-spacing: 0.02em;
}