/* 《一梭》 — 样式表只有一件事要做：让两层画布精确叠在设计分辨率的窗口里。
 * 没有任何视觉装饰写在这里（装饰全部是代码画的），因为视觉语言必须是一个整体：
 * 布面、经线、光柱跨越所有页面连续存在，用 CSS 去做页面装饰会把这条切断。
 * 另外：body 底色先铺成亚麻色，这样 JS 起来之前不会有一帧白屏。 */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: #E8DCC4;            /* 亚麻底色，防白屏 */
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}

body {
  font-family: "Songti SC", "STSong", "SimSun", "Noto Serif SC", "Source Han Serif SC", serif;
  color: #231C16;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

#stage {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 尺寸由 SUO.engine.fit() 按设计分辨率 720x1280 算出来写在这里 */
  width: 720px;
  height: 1280px;
}

#stage canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#glyphs { pointer-events: none; }

#a11y {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}