/* This layer lives inside the game's rotated, scaled stage. */
#loading {
  position: absolute; inset: 0; z-index: 90; overflow: hidden;
  display: block; background: #171211; color: #fff3ca;
  font: 22px Arial, "Microsoft YaHei", sans-serif;
}
#loading[data-game="lobby"] { background: #44254e; }
#loading .loading-art { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#loading .loading-track {
  position:absolute; left:50%; bottom:106px; transform:translateX(-50%);
  width: min(787px, 76%); height:44px; background-size:100% 100%;
}
#loading[data-game="longhudou"] .loading-track { height:28px; width:min(810px,76%); }
#loading .loading-fill { position:absolute; inset:0; background-size:100% 100%; clip-path:inset(0 100% 0 0); }
#loading .loading-status {
  position:absolute; bottom:69px; left:5%; width:90%; text-align:center;
  line-height:28px; text-shadow:0 2px 5px #000,0 0 8px #000;
}
#loading progress { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#loading .loading-action {
  position:absolute; bottom:16px; left:50%; transform:translateX(-50%);
  min-width:180px; height:44px; padding:0 24px; border:1px solid #f5d591;
  border-radius:22px; color:#fff5d6; background:#503321ed; font-size:22px; cursor:pointer;
}
body.is-loading #debugToggle, body.is-loading .demo-label { visibility:hidden; }