/* 全屏画布，等比缩放；UI 全部画在 canvas 里，DOM 只留提示条 */
* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; height: 100%;
  background: #10131a;
  color: #e8e2d0;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
#wrap {
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column;
  gap: 8px;
}
#game {
  background: #0b0e14;
  border-radius: 6px;
  box-shadow: 0 0 0 2px #2a2f3d, 0 12px 40px rgba(0,0,0,.6);
  image-rendering: pixelated;
  touch-action: none;
  max-width: 100vw;
  max-height: calc(100vh - 44px);
  width: auto; height: auto;
}
#hint {
  font-size: 12px; color: #7f889c; letter-spacing: .02em;
  user-select: none; text-align: center;
  padding: 0 8px;
}
#hint b { color: #b8c2d8; font-weight: 600; }
#boot {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; color: #8892a8; background: #10131a;
  transition: opacity .3s;
}
#boot.hide { opacity: 0; pointer-events: none; }
@media (max-width: 560px) {
  #hint { display: none; }
  #game { max-height: 100vh; border-radius: 0; box-shadow: none; }
}