:root { color-scheme: dark; --night: #0a0f1d; }

html, body { height: 100%; margin: 0; background: var(--night); overflow: hidden; }

#stage {
  position: fixed; inset: 0; width: 100%; height: 100%; display: block;
  touch-action: none; outline: none; cursor: grab;
}
#stage:active { cursor: grabbing; }

/* 載入中與錯誤訊息；場景畫出第一格後會被移除 */
#note {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
  max-width: min(34em, calc(100% - 32px)); box-sizing: border-box;
  color: #b9c3dc; font: 14px/1.7 "Zen Maru Gothic", "Yu Gothic", "Meiryo", sans-serif;
  text-align: center; letter-spacing: 0.08em; pointer-events: none;
}
#note.error { color: #ffb4a6; letter-spacing: 0; text-align: left; white-space: pre-wrap; }