/* 進站載入限定：等比縮小骰子、彈跳空間與影子；SE_D20 元件預設不動。 */
body.boot-d20-live {
  min-height: 100vh;
  margin: 0;
  overflow: hidden;
  background: #0f1216;
}
html[data-theme="light"] body.boot-d20-live {
  background: #f8f1e3;
}
/* 跟隨系統且系統是淺色：和淺色主題同底（d20.css 的骰面也照這條換淺色），index.html 的 se-boot 空窗底色同值。 */
@media (prefers-color-scheme: light) {
  html[data-theme="system"] body.boot-d20-live {
    background: #f8f1e3;
  }
}
body.boot-d20-live > .app {
  visibility: hidden;
}
.boot-load {
  opacity: 1;
  transition: opacity .18s ease-out;
}
.boot-load.boot-load-leaving {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .boot-load { transition: none; }
}
.boot-load .boot-d20-stage {
  /* 透明容器包住旋轉中的實際骰面與影子；裡面的 90×97.875 骰子位置、大小不動。 */
  width: 110px;
  height: 160px;
  padding-top: 56.25px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: none;
  background: transparent;
}
.boot-load .boot-d20-stage:empty {
  display: none;
}
.boot-load .se-d20 {
  flex: none;
  transform: scale(.5625);
  transform-origin: 50% 0;
}
/* 讀取文字的顏色：style.css 還沒到時 --muted 沒定義，文字會退成預設黑色、在深色底上看不見。
   後備值和 style.css 的 --muted 同值（深 #8F98A6、淺與跟隨系統的淺色 #586170），style.css 載入後顏色不變；b、span、省略號沿用這一層。 */
.boot-load .boot-load-copy {
  color: var(--muted, #8f98a6);
}
html[data-theme="light"] .boot-load .boot-load-copy {
  color: var(--muted, #586170);
}
@media (prefers-color-scheme: light) {
  html[data-theme="system"] .boot-load .boot-load-copy {
    color: var(--muted, #586170);
  }
}