/* Buffalo loading overlay — original GameLoadingLayer.csb geometry (design 1280x720).
   Coordinates derived from the decoded CSB (cocos y-up converted to CSS y-down):
     bg          1018x484 art, aspect-preserved (object-fit:contain) over black (bg_shadow)
     bar_fg      frame 740x128, center (640, 62.2 y-up)  -> left 270,   top 593.8
     loading_bar fill  658x60,  center (637, 66.2 y-up)  -> left 308,   top 623.8 (grows L->R)
     percent     BMFont, node center (647.5, 66.7 y-up)  -> centered canvas, top 632.8
   The 1280x720 stage is scaled with NO_BORDER "cover" to match the game canvas. */

#cocosLoading {
  position: fixed;
  inset: 0;
  background: #000;            /* equivalent to bg_shadow (full-screen black backdrop) */
  z-index: 99999;
  overflow: hidden;
}

#cocosLoadingStage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1280px;
  height: 720px;
  transform: translate(-50%, -50%) scale(1); /* scale set by loading.js (cover) */
  transform-origin: center center;
}

#clBg {
  position: absolute;
  left: 0; top: 0;
  width: 1280px; height: 720px;
  object-fit: contain;         /* preserve loading_bg aspect (1018x484); no stretch, keep side SCATTER/WILD art */
  display: block;
}

#clFrame {                      /* bar_fg.png (gold frame) */
  position: absolute;
  left: 270px; top: 593.8px;
  width: 740px; height: 128px;
  display: block;
}

#clFillWrap {                   /* clips the teal fill left->right (ProgressTimer) */
  position: absolute;
  left: 308px; top: 623.8px;
  width: 0px; height: 60px;     /* width = 658 * progress, set by loading.js */
  overflow: hidden;
}

#clFill {                       /* bar.png (teal fill), full width, revealed by the wrap */
  position: absolute;
  left: 0; top: 0;
  width: 658px; height: 60px;
  display: block;
}

#clPercent {                    /* BMFont percent; canvas centered on node center x=647.5 */
  position: absolute;
  left: 577.5px; top: 632.8px;  /* center 647.5, width 140 to avoid clipping "100%" */
  width: 140px; height: 41px;
}

#cocosLoading.hide {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}