/* 灵兽幸存者 · 全局样式：全屏、禁滚动、深色自然底 */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #1a2410;
  font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

#game-root { position: absolute; inset: 0; height: 100%; }
#game-root canvas { display: block; }

/* ⚠️ 手机地址栏：100% 可能等于「地址栏收起时」的大视口，画布就会比可见区高，
   底部详情面板/导航被浏览器工具栏压住。dvh = 当前动态可见高度
   （iOS Safari 15.4+ / Chrome 108+；不支持的浏览器继续用上面的 100%）。 */
@supports (height: 100dvh) {
  html, body { height: 100dvh; }
  #game-root { height: 100dvh; }
}

.boot-hint {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  color: #cfE3a8;
  font-size: 15px;
  letter-spacing: 0.2em;
  pointer-events: none;
  transition: opacity 0.4s;
}
.boot-hint.gone { opacity: 0; }