/* Container Box Frame Setup */
 .MainBombay .starline-bombay-card {
  border: 2px solid #800000 !important;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffcc99 !important;
}

/* Header Text Strip Design styling */
 .MainBombay .bombay-title-header {
  background-color: #ffff66;
  color: #800000;
  font-weight: 900;
  padding: 10px;
  font-size: 1.15rem;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #800000;
}

 .MainBombay .bombay-chart-btn {
  font-weight: bold;
  padding: 2px 14px;
  font-family: monospace;
  font-size: 0.75rem;
}

/* Mid Panel Wrap Grid Backing */
 .MainBombay .bombay-wheel-panel {
  background-color: #ffcc99;
  border-bottom: 2px solid #800000;
  overflow: hidden;
}

/* --- ISOLATION CONTAINER BASE --- */
 .MainBombay .wheel-fixed-frame {
  position: relative;
  width: 220px;
  height: 220px;
}

/* --- THE RUNNING ENGINE: CHAKRA SPINNING WHEEL --- */
 .MainBombay .authentic-spinning-wheel {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 4px solid #800000;
  position: absolute;
  top: 0;
  left: 0;
  
  /* Precision Color Distribution matching your video asset sequence perfectly */
  background: conic-gradient(
    #ff00ff 0deg 36deg,     /* Magenta Pink (0) */
    #4b0082 36deg 72deg,   /* Deep Purple-Blue (1) */
    #00ffff 72deg 108deg,  /* Cyan Sky Blue (2) */
    #cc0000 108deg 144deg, /* Bright Red (3) */
    #ffff00 144deg 180deg, /* Yellow (4) */
    #ff00ff 180deg 216deg, /* Magenta Pink (5) */
    #4b0082 216deg 252deg, /* Deep Purple-Blue (6) */
    #00ffff 252deg 288deg, /* Cyan Sky Blue (7) */
    #cc0000 288deg 324deg, /* Bright Red (8) */
    #ffff00 324deg 360deg  /* Yellow (9) */
  );

  /* Linear smooth 12s loop operation sequence */
  animation: continuousChakraRotation 12s linear infinite;
}

/* Stops wheel loop rotation instantly when user hovers cursor over it */
 .MainBombay .wheel-fixed-frame:hover .authentic-spinning-wheel {
  animation-play-state: paused;
}

/* --- CENTRAL BADGE SHELL CORE OVERLAY (FIXED STILL) --- */
 .MainBombay .static-center-badge {
  position: absolute;
  width: 90px;
  height: 90px;
  background: #ffffff;
  border: 4px solid #800000;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20; /* High index to stay on top of the moving elements */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

 .MainBombay .inner-badge-text {
  font-weight: 900;
  color: #000080;
  font-size: 1.15rem;
  font-family: Arial, sans-serif;
}

/* --- ABSOLUTE NUMERIC DIGIT POSITIONING ENGINE --- */
 .MainBombay .digit-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

 .MainBombay .digit-text {
  font-weight: 900;
  font-size: 1.4rem;
  color: #000000;
  margin-top: 12px; /* Pushes number inside the respective color arc safely */
  display: inline-block;
  font-family: 'Arial Black', sans-serif;
}

/* Dynamic Trigonometric Angular Rotations aligning numbers right in the center of slices */
 .MainBombay .p0 { transform: rotate(18deg); }
 .MainBombay .p1 { transform: rotate(54deg); }
 .MainBombay .p2 { transform: rotate(90deg); }
 .MainBombay .p3 { transform: rotate(126deg); }
 .MainBombay .p4 { transform: rotate(162deg); }
 .MainBombay .p5 { transform: rotate(198deg); }
 .MainBombay .p6 { transform: rotate(234deg); }
 .MainBombay .p7 { transform: rotate(270deg); }
 .MainBombay .p8 { transform: rotate(306deg); }
 .MainBombay .p9 { transform: rotate(342deg); }

/* Separator parameters layout rules config */
 .MainBombay .bombay-panel-sep {
  border-right: 2px solid #800000;
}

@media (max-width: 767.98px) {
   .MainBombay .bombay-panel-sep {
    border-right: none;
    border-bottom: 2px solid #800000;
  }
}

/* --- CHAKRA ROTATION TRANSFORMATION TIMELINE KEYFRAMES --- */
@keyframes continuousChakraRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}