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

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed; /* 锁定页面，禁止橡皮筋滚动 */
}

body {
  touch-action: none;           /* 禁止手势缩放/滚动 */
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background-color: #6b3f1d;
  /* 仿原版木质木纹菜单背景（纯 CSS，无需图片） */
  background-image:
    radial-gradient(ellipse at 25% 15%, rgba(255, 255, 255, .05), transparent 55%),
    radial-gradient(ellipse at 75% 85%, rgba(0, 0, 0, .14), transparent 60%),
    repeating-linear-gradient(93deg, rgba(0, 0, 0, .10) 0 2px, transparent 2px 26px, rgba(0, 0, 0, .16) 26px 29px, transparent 29px 52px),
    repeating-linear-gradient(88deg, rgba(255, 220, 160, .045) 0 6px, transparent 6px 34px),
    linear-gradient(180deg, #8a5a2b 0%, #734622 45%, #5d3618 100%);
}

#app { position: fixed; inset: 0; }

#app canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* 强制竖屏：横屏时全屏遮罩 */
#rotateOverlay {
  position: fixed;
  inset: 0;
  z-index: 99;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  line-height: 1.8;
  color: #ffd54f;
  letter-spacing: 2px;
  background: rgba(20, 10, 5, .94);
}
@media (orientation: landscape) and (max-height: 520px) {
  #rotateOverlay { display: flex; }
}